网页设计必读！125个小优化提升网页可用性（四）

编程驿站（）注：本文为《网页设计你应该知道的125个小技巧》系列文章中的第四篇，由@企业官网设计精选编译，主要讲述了网页设计中如何做到兼顾不同用户的知识和技能水平。

延伸阅读：

• 网页设计必读！125个小优化提升网页可用性（一）
• 网页设计必读！125个小优化提升网页可用性（二）
• 网页设计必读！125个小优化提升网页可用性（三）

尽可能兼顾不同用户的知识和技能水平

用户可能是新手、专家或介于两者之间，要根据用户情况设计界面。

△ 使用适当的新人引导（四种主要的新人引导策略）

这四种用法刚好可以用一个2*2的矩阵来表示。根据下方图php示选择最适合你界面的方式：

△ 为新手用户添加提示而不干扰专家用户

△ 使http://用卡片分类构建信息架构

若你想了解用户如何确定或概念化菜单分类，使用开放式卡片分类；

若你想了解用户如何将现有元素归类到预制分编程类，使用封闭式卡片分类；

尽可能适应用户的操作流程

用户会有不同的需求，根据不同操作流程调整界面设计。

△ 让用户控制数据的呈现方式

△ 让用户控制数据的排序方式

其他排序标准包括：

按字母顺序

按可用性

按分类

按日期

按距离

按热门程度

按价格

按相关性

按大小

△ 让用户控制数据显示的数量

△ 构建用户画像以区分具体操作流程

△ 让用户通过新标签页打开页面

很多用户习惯先打开页面，后续再去浏览。

尽可能提高网页的可及性

让残疾人群也可以访问使用你的界面。这不仅是好的做法，还可以避免法律后果（看你做的是什么产品）

△ 在html5中使用语义标签

△ 使用多种提示来沟通反馈信息

大约8%的男性是色盲（Chan, Goh, & Tan, 2014）。不要编程客栈单独通过颜色来传达信息，提供多种提示。

尽可能兼容各种输入和极端个例

应该允许用户输入各种信息而无后顾之忧。

△ 解决自动生成信息带来的不好结果

（译者注：上图客户旅游目的地是奥斯威辛，通过模板消息“<目的地名称>玩得开心”，会生成“奥斯威辛玩得开心”的提示，但奥斯威辛集中营是个负面的联想，“奥斯威辛集中营玩得开心”，会让用户不爽。保险起见，改成提示“旅途愉快”）

△ 使用支持多种输入格式的表单元素

△ 显示能解决搜索者需求的结果

△ 使用能处理错别字、同义词或变体词的搜索

 尽可能兼容所有媒介

界面需要在各种环境都能运作（如不同设备、浏览器等）

△ 根据用户浏览器定制不同的操作指引

△ 在小型设备上使用单窗口深入的方式