电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 网站设计中不可忽视的可用性原则（4） [打印本页]

作者: look_w 时间: 2018-10-19 21:13 标题: 网站设计中不可忽视的可用性原则（4）

注册表单尽量简洁没有人喜欢填表单，设计高效的网页表单的原则是，尽量使用较少量强制性的输入框，避免增加用户负担。不应在注册页面上放置广告，闪烁图片等效果分散用户注意力。
图 13.太多分散用户注意力的内容，对用户专心完成注册没有帮助

文本排版应优雅文本排版在网页设计中是相当重要的一部分。CSS3 的@font-face 使得页面可以嵌用自定义字体，页面文字显示将更丰富多彩，表现力更强。实现优雅的文本排版，我们需要注意以下：

文本大小：太小的文字使得长篇文章阅读起来很困难
行距：保持适合的行间距增加文字可读性
留白：文字的周围提供充足的空白，使用户不会感到太压抑
Line-height 属性值不应该用 px 作为单位

图 14.line-height 设置成绝对值(px)时，当字体增大时有可能出现重叠的问题

清晰的导航通常有以下几种导航的作法，在设计中我们可以综合考虑使用。全局导航：类似于网站地图，突出整体网站结构，大而全
本地导航：针对某个栏目内的导航
上下文导航：针对具体的页面内的导航
面包屑导航：二级导航模式，用来定位用户当前所处的位置
图 15.Amazon 采取混合导航，树状导航，栏目内搜索，全局导航及面包屑

不要忘记保护性设计我们应该总是设想，用户不按常理出牌，不会按您的预期使用您的网站，或是误用。所以我们一定要有保护性设计，比如，删除一个文档如果没有确认提示，又没有提供恢复功能，这将给用户造成难以接受的后果；再如，如果用户在输入注册信息时关闭浏览器，在没有询问之前不要抛弃他们的数据；或是，当用户请求的一个页面不存在时，需提供一个有用的 404 页面。
图 16.尽量让 404 页面信息更有帮助，同时 404 也可以设计得很独特，展现网站个性

及早测试“早期测试一个用户要比后期测试 50 个用户好”。可用性测试总会产生有用的结果。基本的检查点可以包括以下：

死链接
校对文本
Javascript 不生效时，网站展示效果仍要优雅
404 页面是否缺失
跨浏览器兼容性检查
导航是否清晰
文字表述是否亲和

总结界面设计的原则很多来自于经验和启发，并在不断的探索讨论过程中，建立与用户之间的信任感，不断进行易用性测试。虽然我们不可能做一个普适的设计，比如移动设备、手机之间的差异与电脑就大很多，低端机、智能机、触摸屏手机各有不同，但基本总结通用的易用性原则是：
1. 尽量简洁连贯；
2. 提供信息反馈；
3. 允许简单的撤销操作；
4. 降低短期记忆载荷和学习成本;
5. 及时测试;
6. 信息架构合理

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)