Interne网页界面设计 二 (常见可用性错误).docVIP

（网页设计中）常见可用性错误1、 布局、外观错误 　　1.1 页面宽度 　　问题 　　设计页面宽度时不考虑使用分辨率800*600 的用户 　　分析 　　在2006年7月9日发布的全球Web调查显示，使用800*600分辨率的用户仍占11%，所以在设计页面宽度时，要照顾这部分用户。 　　游戏站的用户大多是游戏玩家，他们中间绝大多数人的浏览器分辨率是1024*768或更高的分辨率，所以游戏专题为了获得更好的效果，可以在1024*768分辨率下设计页面宽度。但不排除其中也有一部分800*600分辨率的用户，为了保证这些用户能在第一屏获得更好的效果，要把主要内容放在页面左侧。　　　　案例 　　神州学习网，面向的用户中有很多是大学生用户，目前大学里800*600的显示器还是占不小的比例的。而这个网站采用1024下的页面宽度，显然会失去一部分用户。毕竟类似的学习网站还有很多　　 1.2 字体　　1.2.1 字体样式过多 　　问题 　　页面中的字体样式过多 　　分析 　　显示太多的属性会让用户难以找到感兴趣的对象，增加了用户的记忆负担。 　　案例 　　网站，文字样式有十几种。让用户抓不住重点。同为门户，网易首页的文字样式就规划得很清晰，重点突出。　　1.2.2 相同样式的文字功能不同 　　问题 外观相同的文字，功能不同，违背一致性原则，让用户在交互过程中有挫败感。　　分析 　　外观相同的文字在用户看来会具有类似的功能，如：是不是链接，是不是在新窗口打开链接。如果相同样式的文字在页面中，既有链接文字，也有非链接文字，很可能用户试图点击文字的时候却发现文字不是链接，心中默认即将在原窗口打开的链接却在新窗口打开了，这样就会给用户带来挫败感。 　　案例 　　“中华人民共和国中央人民政府”网站。“应急管理”和“主题服务”文字样式相同，却前者是链接而后者不是。 　　某学校网站的导航栏。前面的链接都是打开一个页面，最后一个“联系我们”却是发送邮件的链接。用户以为点击它会和前面一样打开一个页面，但点击后却启动了Outlook。 　　1.2.3 字号太小 　　问题 　　页面文字字号太小，而且使用了固定大小的字号样式，使视力不好的用户无法阅读。　　分析 　　老年、视弱的用户也许很难看清网页上的12像素文字。他们往往会使用类似IE中的“查看- 字体大小- 最大”菜单来放大文字阅读。但如果使用像素作单位来定义文字大小的样式，对IE来说，这个菜单就失效了。大部分网页应尽量采用百分比为单为来定义文字大小的样式，主要面对视力不好用户的网站更应该这样。 　　案例 　　中国老年网，网站主要用户是中老年人。大部分文字都是12像素，在IE下无法放大观看，让老头老太太们拿着放大镜去瞅吧。 1.3 导航栏 　　1.3.1 动态导航栏 　　问题 　　导航栏的内容和功能会因用户状态或用户在网站中的位置不同而改变。 　　分析 　　多变的导航会把用户弄糊涂：用户很可能没有意识到导航发生变化了。他们也不知道导航在什么情况下会变化。这就造成用户要去不断试探才能了解其中规律，让网站的可学习性降低。 　　案例 用户登录前和登录后，“论坛”的二级导航有明显的不同。 　　易趣，将用户信息与导航分开处理。无论用户状态怎样，导航栏内容不变。 　　1.3.2 重复的导航项目　　问题 　　导航中有重复的项目 　　分析 　　用户看到重复的项目，会想知道他们是否不同。往往用户会假定这些项目指向的链接是不同的，导航对用户作了错误的引导。 　　案例 北航电子信息工程学院的网站导航：有两个“人才培养”的链接。　　1.3.3 导航不能给用户导航 　　问题 　　导航不能指示用户当前位置，或用户无法通过点击导航中的链接去他想去的地方。 　　某网站新闻页的导航。“网站首页 新闻频道 官方动态 新闻正文”是没有加链接的文字。用户只能通过这行文字了解他所处的位置，但无法通过点击导航返回上一级。 1.4 排版 　　1.4.1 排版没有体现常用或自然的次序 　　问题 　　排版没有体现用户期望的顺序。 　　分析 　　排版没有经过分析，不能体现内容的顺序性和使用频率，不能按照用户的习惯操作流程和逻辑布局。 　　案例 　Google的J，加入某个球队社区功能。“返回”和“加入”按钮相隔甚远，而且把“返回”按钮放到了“加入”按钮的前面。 　　由于J是Google拿原有的英文程序修改而成，所以注册页的排版没有照顾中文用户的习惯：让用户先填名字后填姓，先选月、日后选年份，先写城市后选国家再填家乡。让用户感觉思想被操纵着在一堆信息中跳来跳去，整个注册流程完成后十分疲惫。1.4.2 排版没有依据内容的重要程度 　　问题 　　排版主次不分明 　　分析 　　这样的布局看起来好像只是策划人员决定需要那些内容后多少有些随意的安放在页面中。即使这