当前位置:网站建设首页 >> 建站指南 >> 建站文章 >>

让客户的网页更具“人性”化--功能、导航、信息、设计结合的方法
2007-08-17 05:30:30  作者:admin  来源:互联网  
 

  设计技术的发展,带来了网页世界的繁荣。尤其在崇尚个性的今天,设计师们更是将页面设计表现的淋漓尽致。我们欣喜的看到那些僵化的设计模式正在被逐个打破,网页设计充满了生机。但是,作为网页设计师,不能一味的只追求个性的体现,还必须兼顾到用户的习惯,在体现自己的风格的同时,在功能上使用户更加方便。
 
  接下来我们会建议您如何从这些看似微不足道的细节着手,让您的网页贴近用户,你会发现。设计一个更有人情味的页面其实也不是那么困难……

      缩略图:缩略图是对一个完整的图片的概述。如何合理的制作所略图,是否只需将原图按比例缩小就行了呢?答案是否定的,问题的关键在于:通过这张图片,你究竟想告诉用户什么…… 不断的裁剪和强调你的缩略图所要表达的意思。展示你最想表达给用户的那部分信息。这可以提高用户信任度。

  在这个上面点击:您的首页很酷,为了不破坏首页的风格,您将您的链接做的很隐蔽,但是,您不能奢望您的浏览者有足够的时间和耐心去用鼠标展开地毯式的搜索,那么,为什么不在一开始做好呢……  当它出现在网上时,我们得告诉用户去做什么。在可点击的图片上放置"Click here",可以告诉用户,如果他们点击这张图片,就可以得到关于此方面信息的更多的内容。 图片上没有任何信息表明这张图带有链接。因此,我们需要在上面添加"Click Here"的字样,告诉用户这张图片是可以点击的。 我们可以在"Click Here"前面加一个小圆点,以区分于上面的文字。明确的告诉用户这是一个链接或者给他们更多的信息,能提高可用性。  

  面包屑导航:如果您的站点有很多信息,或者一个站点有许多子目录,您可能会需要面包屑式导航。它们可以让用户知道他们现在在哪里,并且可以返回到他们想要的层次上…… 面包屑导航通常位于下图所示的位置。 用户可以决定是否直接单击Products跳转到新产品目录或者回到CD目录,查看CD的标题。他们仅需单击一次就能到达他们所要去的地方。

  小菜单的可用性:现在我们在网上会看见很多迷你的菜单,它们看上去都非常酷,但是请多体贴一下你的用户,尽可能明显的区分用户当前正点击在哪个选项上……当鼠标经过时,背景变成绿色并且文字颜色变白。使你非常清楚地知道哪个是你当前正点到的选项,它更有利于网上浏览。可以使用JavaScript 的"OnMouse Over"事件来实现。 尽可能明显的区分用户当前正点击在哪个选项上。这也包括在图片上加上"Alt"属性。

  鼠标滑过:如果您的页面上有一个鼠标经过事件,那么,为什么不把他做的更加明显一点呢?您不会是想让您的用户自己去猜想那里是否存在着一个事件吧……如果把鼠标经过按钮做得更加明显,用户会比较喜欢点击。

  菜单和指示标记:为了增强HTML菜单的可用性,请尝试下面的技巧…… 我们常会看到这样的链接。它的问题是链接居中,并且没有箭头标记。 把你的所有文本和链接对齐。这样,页面就看起来更有组织、更整齐。把你的链接和上面的LOGO对齐。看上去好多了,但是还有一个问题。我们需要箭头标记。没有它们,就不太容易区分和文章中的其它链接。 用指示标记是为了表明这里的每个链接都是一个单独的项目。 如果由于某些原因,你不能使用指示标记,那么你需要调整链接的行间距,这使用户能够容易的进行区分。 子菜单标记和主菜单标记有所不同,链接颜色也有所不同。 子菜单的链接没有主菜单链接重要,通过链接的颜色及标记,使它们容易地被区分开来。

  标注按钮:在安排标签时,通常遵循长的单词优先。因为,如果你不这样做的话,就会……


ENGLISH  |  建站套餐  | 

华网新速首页

 

网站建设

网站建设套餐服务

网站名称:google 
简介:google 

点击:0次
百度