搜索栏 设计体系

检查进度

重置

01

结构及意义

在使用环境中比较信息和演示。

标记搜索范围指示您是在整个产品还是在当前列表中搜索。占位符可以建议示例，但不能替代访问标签。示例 “在文档中搜索”，例如“文档名称或内容”。保持输入和删除方便允许查询编辑、快速删除和适当的键盘使用。删除按钮需要有名称并且不能失去焦点;删除后,搜索范围仍需清晰。就如何开始搜索达成一致支持输入或在输入时更新可预测的状态。如果有发送按钮,则响应已收到操作,并避免在超时期间创建重复请求。

02

交互性和可用性

尝试操作，更改状态并继续工作。

可控提示如果合适的话如果有提示，支持箭头、Enter、Escape以及与结果区分。提示必须指示选择是直接进入内容还是代替查询;尝试同时使用 Esc 键和箭头键。让历史尽在掌握如果合适的话如果您保存旧搜索，请将其删除并解释保存的范围。在适当的时候删除单个查询或整个历史记录,并且不要让用户将个人历史记录与一般建议混淆。响应已加载但未找到保留关键词，通知结果数量，无结果时说明。将关键字与您正在查看的结果放在一起;当网络出现故障时,用户需要知道他们可以重试而无需重新进入。

03

完成体验

检查设计投入使用时容易忽略的细节。

将搜索放在适合任务的位置当搜索是主要任务时,使搜索字段易于找到,或者当次要任务时提供清晰的打开方式。在相关屏幕上保持其位置一致。尝试从手机深处的页面开始搜索,而不仅仅是从第一个屏幕开始。

进度会自动保存在此浏览器中。

指南

检查方法

01

标记搜索范围

占位符可以建议示例，但不能替代访问标签。

示例

应用示例

标记搜索范围

“在文档中搜索”，例如“文档名称或内容”。