钟智鑫:用户体验分析之网站易用性(二)

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 12:47 点击:

 

引言:用户无法完成购买的主要原因,只能归于网站的易用性太差。也许这个成功比例在不同行业、不同的目标用户群会有变化,但不可否认的是,网站易用性是很多网站妨碍用户购买的其中一个非常重要的原因。下面接着上回就分解,如果没有看过第一集的朋友可以在本站搜索《钟智鑫:用户体验分析之网站易用性(一)》或者关注钟智鑫的博客和站长心论坛。

 

  4、网站导航

 

  网站导航是易用性其中一个重要之处,良好的导航应该为用户解决三个问题:

 

  ①用户现在在哪儿?

 

  ②告诉用户想去的地方如何去?

 

  ③引导用户该去的方向

 

  网站导航应该简单、统一、明显,宗旨就是尽量少的给用户自己选择的机会,而是让用户沿着实现规划好的路径浏览网站。用户有时心里很清楚想看什么内容,网站的导航就应该预想到,用户在什么时候最想看什么信息,适时地把相应链接展现在用户面前。这个链接看似是用户自己想去的地方,但其实也是营销人员最想让用户去的地方。

 

  有时候用户也灭有一定的目标,不知道下一步该去哪,站长就应该提示用户可以点击那些链接,在网站上座什么事情。这些链接当然就是站长所计划好的。

 

  Ⅰ.建立位置感

 

  导航系统要起作用,首先要让用户清楚知道自己现在在哪里。无论用户是从首页进入网站,浏览了一些页面之后,还是直接从搜索引擎来到某一个页面,用户都应该可以大致浏览一下页面就清楚自己是处于网站的什么位置。要做到这一点,站长可以根据以下几点:

 

  ①网站名称、logo、背景颜色、页面整体布局,在整个网站都应该保持统一。

 

  ②页面标题的字体大小和位置,在所有页面上也都应该保持一致。

 

  ③导航条应该在全站保持统一位置,并且清晰地把整个网站分成树形结构。

 

  ④和钟智鑫的博客一样使用面包屑导航,使用户清楚地知道目前页面处于网站的哪一层,在什么位置。

 

  Ⅱ.顶部导航条

 

  顶部导航条是整个网站导航系统最明显最常用的部分。要注意以下几点:

 

  ①顶部导航条要连接网站最主要的几个栏目。

 

  ②当前页面所在栏目应该设置高亮,使用户知道目前位置。

 

  ③当前页面所在栏目最好不能点击。不然用户点击之后打开的还是同一个页面,会产生疑惑。

 

  ④光标放在东部导航条不同栏目上,栏目背景以及字体颜色应该产生变化,提示用户可以点击。

 

  ⑤导航条最好不要使用图片,应该使用文字导航,或者是图片加文字。纯图片导航条也许网站设计者本身很清楚这些图片代表什么意义,但是用户并不知道。不要让用户自己去猜图片代表的是那些内容。

 

  上面几点是导航条设置上的考虑。而导航条,或者说是整个网站,具体分成哪些内容就需要考虑用户需求,从用户角度出发,设想用户来到你的网站最想知道什么信息,把这些信息放入主导航条。千万不要把网站结构及导航条按公司结构分类。

 

  Ⅲ.左侧导航

 

  大部分网站当然不是通过顶部导航就能将网站结构做好, 很可能每一个栏目下面还需要子栏目,比如产品导航下可能又要分为不同品牌。这时候就需要用到左侧导航。

 

  在形式上左侧导航与顶部导航时类似的,只不过链接指向的内容是网站机构的更深一层。有时候两层导航还不能解决问题,还需要第三层,可以使用左侧导航,通过内嵌格式把网页分到第三层。

 

  Ⅳ.网站地图

 

  虽然站长都会尽力将导航系统设置得简单清晰,不过大型网站结构是非常复杂的,用户在很深层的内容页面上,还不容易搞清楚自己所在的位置。这时网站地图就能发挥很大的作用。无论用户当前身在何处,只要点击网站地图,就能清楚的了解整个网站的架构和层次。而且网站地图对收索引擎也是有好处的,相信大家都是懂得。

 

  网站地图上应该按层次列出主导和条中的内容,以及左侧导航中的第二层内容。如果网站比较大,需要分到第三层、第四层,可以通过分层网站地图实现,主网站地图页只列出第一层、第二层栏目,单击第二层栏目后,在列出第三层栏目,依此类推。

 

  Ⅴ.站内搜索

 

  总页面数几百页以内的网站可以不使用站内搜索,清晰的导航条系统完全可以使用户自如在网站中浏览,不至于产生迷路的现象。如果只有几百页的小网站,用户还抱怨找不到想看的信息,那一定是导航系统设计有问题了

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • WordPress添加百度喜欢按钮小技巧
    • Wordpress 博客如何实现自定义Gravatar头像
    • 网站设计分析:建立良好的视觉层级
    • 网站设计分析:“中国式设计”的三个方向
    • 案例分析:奥巴马筹款网站的制作过程
    • 7大主流B2C首页导航栏设计对比分析
    • 创建不平衡的平衡:在网页设计中使用不对称设计
    • Wordpress页面模板制作方法及使用
    • css控制文字前的小图标
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1