有图有案例！125个提升网页可用性的优化小技巧（四）
编者按：这个系列的教程有125个实用的网页优化技巧，每一个技巧都有案例阐述，保证简单易懂。今天@企业官网设计精选 翻译了第四部分 —— 在网页设计中兼顾所有用户和场景的3个技巧。一起来收！
往期回顾：
- 《有图有案例！125个提升网页可用性的优化小技巧（一）》
- 《有图有对比！125个提升网页可用性的优化小技巧（二）》
- 《有图有案例！125个提升网页可用性的优化小技巧（三）》
尽可能兼顾不同用户的知识和技能水平
用户可能是新手、专家或介于两者之间，要根据用户情况设计界面。
△ 使用适当的新人引导（四种主要的新人引导策略）
这四种用法刚好可以用一个2*2的矩阵来表示。根据下方图示选择最适合你界面的方式：
△ 为新手用户添加提示而不干扰专家用户
△ 使用卡片分类构建信息架构
若你想了解用户如何确定或概念化菜单分类，使用开放式卡片分类；
若你想了解用户如何将现有元素归类到预制分类，使用封闭式卡片分类；
尽可能适应用户的操作流程
用户会有不同的需求，根据不同操作流程调整界面设计。
△ 让用户控制数据的呈现方式
△ 让用户控制数据的排序方式
其他排序标准包括：
- 按字母顺序
- 按可用性
- 按分类
- 按日期
- 按距离
- 按热门程度
- 按价格
- 按相关性
- 按大小
△ 让用户控制数据显示的数量
△ 构建用户画像以区分具体操作流程
△ 让用户通过新标签页打开页面
很多用户习惯先打开页面，后续再去浏览。
尽可能提高网页的可及性
让残疾人群也可以访问使用你的界面。这不仅是好的做法，还可以避免法律后果（看你做的是什么产品）
△ 在HTML5中使用语义标签
△ 使用多种提示来沟通反馈信息
大约8%的男性是色盲（Chan, Goh, & Tan, 2014）。不要单独通过颜色来传达信息，提供多种提示。
尽可能兼容各种输入和极端个例
应该允许用户输入各种信息而无后顾之忧。
△ 解决自动生成信息带来的不好结果
（译者注：上图客户旅游目的地是奥斯威辛，通过模板消息“玩得开心”，会生成“奥斯威辛玩得开心”的提示，但奥斯威辛集中营是个负面的联想，“奥斯威辛集中营玩得开心”，会让用户不爽。保险起见，改成提示“旅途愉快”）
△ 使用支持多种输入格式的表单元素
△ 显示能解决搜索者需求的结果
△ 使用能处理错别字、同义词或变体词的搜索
尽可能兼容所有媒介
界面需要在各种环境都能运作（如不同设备、浏览器等）
△ 根据用户浏览器定制不同的操作指引
△ 在小型设备上使用单窗口深入的方式
未完待续…
友情宣传下，阿里UED 新开了个公众号，已经发了不少干货，欢迎关注哟：
原文地址：nickkolenda
关键字：PS教程, 设计文章, 设计, 用户
版权声明
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！
