1，2，3，4.
关于易用性方面的个人经验4
上一篇 /
下一篇 2011-12-17 17:33:22
/ 个人分类：我的工作
| 用户界面测试 | | | | | | | | |
| 规范性 | | | | | | | | |
| | 分辨率适应性 | | | | | | 验证页面布局在不同比例的分辨率下正确显示，表格宽度等参数自动适应。
验证常用分辨率：1280x800，1440x900，1280x1024。 | 页面布局在不同比例的分辨率下正确显示，表格宽度等参数自动适应。 |
| | 兼容性 | | | | | | 不同的浏览器运行商城保持稳定、能正常操作，界面无错乱异常现象。
验证：
较常出现样式不一致问题的IE6-9版本+主流浏览器：火狐，Chrome谷歌浏览器。
| 不同的浏览器运行商城保持稳定、能正常操作，界面无错乱异常现象。 |
| | 合理性 | | | | | | 验证用户各控件、图片、文字之间排列不唐突、不拥挤；
确认界面内没有无用的、重复内容的现象；
验证窗口与窗口之间、字段与字段之间的浏览顺序是否正确；
验证是否存在菜单的使用有先后要求或有向导作用时，如果有，应该按先后次序排列。
| 界面布局主次清晰，主要功能简洁明了，逻辑有序。 |
| | 一致性 | | | | | | 检查系统首页、二级页面、各功能子页面的字体大小，排列方式等界面风格保持一致。
快捷键和菜单选项（诸如确定和取消按钮）相对位置保持一致。
不同的页面相似的操作具有相似的流程。
检查整个商城使用的术语和命名，相同功能按钮上的文字是否保持一致。
检查网站的视觉方面要和企业的VI视觉识别系统是否统一。 | 系统首页、二级页面、各功能子页面的字体大小，排列方式等界面风格保持一致。
快捷键和菜单选项的位置保持一致。
不同的页面相似的操作具有相似的流程。
整个商城使用的术语和命名，相同功能按钮上的文字保持一致。
网站的视觉方面要和企业的VI视觉识别系统统一。 |
| 吸引性 | | | | | | | | |
| | 颜色 | | | | | | 检查色彩搭配是否主次分明，是否刺眼。
检查页面链接是否根据不同功能、不同状态用不同的颜色和状态标志，增加页面层次。
检查背景颜色是否与字体颜色和前景颜色相搭配，页面背景（颜色）是否会分散注意力。 | 色彩搭配主次分明，不刺眼。
页面链接根据不同功能、不同状态用不同的颜色和状态标志，增加页面层次。
背景颜色与字体颜色和前景颜色相搭配。 |
| | 页面内容 | | | | | | 验证从主页链接至商城页面是否有醒目的入口；
检查商城首页展示是否有促销等活动的信息、广告；
验证浏览商品时，是否有同类产品、优惠套餐的推荐模块；
检查页面中商品相关的资讯方面的内容是否丰富。 | 从主页链接至商城页面有醒目的入口；
商城首页展示有促销等活动的信息、广告；
浏览商品时，有同类产品、优惠套餐的推荐模块；
页面中商品相关的资讯方面的内容丰富。 |
| | 排版、布局 | | | | | | 检查页面内文字、输入输出域、图形、导航是否存在大小样式不一致的情况。
检查页面是否有留白，且不同群组之间的间距保持一致；
整体排版是否显得过于拥挤，或者过于空洞；
检查页面的主题是否突出；
检查图形或表格周围的文字回绕是否正确；
检查是否使用图片而使窗口和段落排列古怪或者出现孤行；
同一界面上的控件数有没有过多（超过10个）；
界面空间较小时使用下拉框而不用选项框；
选项数少时使用选项框，相反使用下拉列表框。
所有按钮大小是否相近，按钮是否名称过长，免得占用过多的界面位置。
检查页面如果存在框架，是否能自动准确地调整大小，滚动条是否会适时出现。
| 页面内排布：文字、文字、输入输出域、图形、导航有序排布，整齐美观。 |
| | 窗体 | | | | | | 检查窗体大小缩放后界面是否错乱。
| 如果窗体支持最小化和最大化或放大时，窗体上的控件也要随着窗体而缩放。 |
| | 表格 | | | | | | 验证表格是否设置正确。
检查是否存在以下情况：
是否存在向右滚动页面才能看见产品的价格；
每一栏的宽度是否足够宽，表格里的文字是否都有折行；
是否有因为某一格的内容太多，而将整行的内容拉长； | 表格设置正确。表格栏的宽度适当。没有或很少出现文字折行现象。 |
| | 图片 | | | | | | 检查图片是否清晰，图片显示的大小符合规格。 | 图片质量清晰，图片显示的大小符合规格。 |
| | 文字 | | | | | | 检查界面文字中是否存在中英文杂糅，错别字现象。
检测方式: 拼音与语法检查。
验证没有过激性的词语。
验证与用户交互的模块是否使用友好的语气。 | 没有中英文杂糅，错别字现象。
没有过激性的词语。
与用户交互的模块多使用友好的语句。 |
收藏
举报
TAG:
用户体验
易用性
界面测试
