尼尔森 10 项可用性原则
- 系统状态可见性
- 系统与用户现实世界匹配
- 用户控制与自由
- 一致性与标准化
- 错误预防
- 再认而非回忆
- 灵活且高效
- 美观简洁
- 帮助用户认识、判断和修复错误
- 帮助和使用手册
1. 系统状态可见性
系统状态可见性要求明确告知用户“系统能做什么”、“系统将要做什么”、“系统正在做什么”以及“系统做了什么”
- 在哪搜索
使用搜索功能的用户拥有较强的目的性，在用户进行搜索前需要明确告知用户搜索功能的位置以及使用方式告知用户。
在页面顶部放置搜索控件，根据搜索功能对于用户的重要程度使用不同的搜索控件。
- 搜索提示--告知用户系统支持搜索的内容及搜索范围
- 搜索时的页面遮罩与跳转
搜索框获取焦点时根据交互反馈从轻到重一般有以下 3 种交互方式：
无遮罩无跳转的方式适合轻度的搜索，用户可以比较容易的理解搜索的范围（在当前类目下进行搜索）无需多余的提示。
页面遮罩将页面内容与搜索区域分割开，再加上搜索提示“搜索全部论坛帖子”避免用户误解为仅搜索当前栏目下的内容。
在新的页面中展示搜索页面，适合重度的搜索功能，此时设计师可以在搜索页放置搜索相关的辅助功能，例如：搜索历史、热门搜索推荐等，相比上述 2 种有较多的发挥空间。
- “系统正在做什么”
若搜索时间较长需要提供加载状态的提示减轻用户等待的焦虑感
- 搜索结果显示数量
除了通过搜索结果的数量显示，用户通常还使用页面右侧的滚动条来对搜索数量和预计浏览时间进行估计。
2. 系统与用户现实匹配
设计应与用户现实生活中对相关产品的认知、经验、习惯等相符，以用户期望的方式表现出来，使用户可以利用已有的知识经验来执行操作任务。
- 使用用户的语言
不要出现“数据库无此数据”等系统语言描述搜索结果
3. 用户控制与自由
系统除了提供丰富和强大的自动化功能之外还需要允许用户自由控制系统，让用户感到自己在掌控系统，而不是被掌控。
-
“取消”与“返回”
用户可能因为误操作进入某个搜索界面，这时需要明确的退出按钮帮助用户返回之前的状态
比较 iOS 和 Android 进入搜索功能状态后的退出方式，“取消”相比“返回”按钮更能明确地像用户表达操作后的结果。（“返回”容易让用户认为此次输入的搜索关键词点击返回后仍然保留待下一次使用）
Android 推荐使用返回按钮
- “您是不是要找..”与“仍然搜索..”
以搜索引擎为例，用户搜索“土书馆”，搜狗搜索获取到搜索关键词时判断用户可能将关键词拼写错误，自动展示了“图书馆”的搜索结果；同时符合“用户控制与自由”原则地提供了“仍然搜索”的选项。
4. 一致性与标准化
系统内相同组件或功能的样式与使用方式需要相同，系统内的交互方式需要与外界通用的交互方式保持统一。
以锤子应用商店为例：在搜索输入框内容为空的情况下点击键盘回车键，Smartisan OS 内的其他搜索场景均采用统一的反馈方式—— toast 提示“请输入有效的关键字”；同时与外界通用的此状态下执行搜索操作时不反馈“搜索无结果”相一致
5. 错误预防
在用户的操作动作发生之前，就要防止用户混淆或者进行错误的操作
网易云课堂点击“清空记录”时的二次确认提醒
6. 再认而非回忆
- 搜索历史
保留用户的搜索记录以方便用户再次希望搜索相同关键词时可以快速地开始而无需回忆之前的搜索历史同时也减少了手动输入关键字的负担。
7. 灵活且高效
系统需要同时适用于经验丰富和缺乏经验的用户
- 默认值
一些电商类应用在搜索框内提供了搜索默认值，在搜索框获取焦点后用户直接点击搜索按钮即可搜索。
我认为这种针对业务的设计并不能提高用户体验，因为使用搜索的用户拥有自己的搜索目的，系统在中途将用户导向他处将影响用户达成最初的目的，更优雅的方式为添加「热门搜索」选项供有需要的用户进行选择。
- 关键词联想
- 动态显示结果
再举一个桌面端的例子
Listary 是一款桌面端的效率工具，用户可以使用它在任一位置唤出搜索框通过输入文件名称、命令快速的找到文件或执行应用程序；而这一切的核心来自于它动态显示搜索结果的特性。
由于 Listary 的工作环境无需联网，所以速度极快。如果你的系统搜索的范围为本地数据或需要联网与服务器交互获取轻量数据建议动态显示搜索结果。
-
筛选和分类
通过筛选与分类功能帮助用户快速定位到搜索目标上。
筛选搜索结果
-
对搜索关键词进行修改并重新提交搜索
用户搜索时可能不确定自己的关键词是否能搜索到目标结果，所以经常出现搜索后没有找到目标结果需要返回修改关键词重新搜索的场景。
反面例子：既没有提供筛选功能也没有提供修改关键词重新搜索功能
锤子应用商店
8. 美观简洁的设计
设计需要简洁明了，帮助用户快速的获取信息
搜索结果的布局设计一般有 2 种
- 列表布局
列表布局可以展示更详细的信息，便于用户逐条快速地浏览。
- 栅格布局
栅格布局突出商品图片且适合对多个商品进行对比
- 帮助用户认知、判断和修复错误
用简单明确的语言解释错误，并提供建设性的意见帮助用户修复错误
- 帮助和使用手册
这一点在搜索功能中并不能很好的体现，毕竟用户希望快速的通过搜索获取信息而非阅读使用手册。
但可以参考 1.系统状态可见性 中的方案引导用户找到搜索入口、了解搜索范围和格式帮助用户使用搜索功能。
以上。
参考文献:
AppSO
网易云课堂交互设计师微专业课程
