出自UXGuide.net

搜索框

Search Boxes

目录 1 它用在这里合适吗？ 2 设计理念 2.1 外观与感受 3 设计规范 3.1 位置 3.2 外观 3.3 功能 4 推荐尺寸与间距 5 文本 6 文档编写

“搜索框”用于在大量数据中通过筛选或高亮匹配项的方式快速定位至特定的对象或文本。虽然不存在标准的搜索控件，但你应当尽力使你程序的搜索功能与 Windows Vista® 中的保持一致。

有如下两种搜索类型：

• 即时搜索，在用户输入的同时立即显示搜索结果。由于不需要单击任何按钮，因此放大镜搜索符号只是作为图形显示，并非按钮。

典型的使用即时搜索的搜索框。每次按键时都会自动执行搜索。

• 常规搜索，当用户单击搜索按钮时进行搜索。放大镜搜索符号显示为按钮。

典型的使用常规搜索的搜索框。用户通过单击按钮来执行搜索。

你可以向用户提供任意一种或者同时提供两种搜索方式。

它用在这里合适吗？

考虑下列问题以进行判断：

• 特定的对象是否很难寻找？这可能发生在下列情况：
  • 有太多对象。
  • 对象并不只存在于单个位置。搜索对于在树结构中查找对象的情况格外有效。
  • 搜索数据难于查找（如，元数据）。
• 用户需要在文档中查找指定的文本吗？
• 你的搜索功能是否可以在五秒内返回相关的搜索结果（基于 Windows Vista 硬件）？如果不能，你可以提供搜索功能，但应使用另外的设计方案，向用户提供可视的反馈以令其适应长时间运行的搜索操作，如搜索对话框。

设计理念

搜索是很多情况下关键的第一步：用户在能够使用某个东西之前必须先找到它们。在日益增大的硬盘中，用户存储了越来越多的东西，但浏览这些东西却并不容易。搜索必须是用户体验中简单、一致、可靠的部分。

Windows Vista 中的搜索框：

• 是所有 Explorer 窗口的一部分，因此易于查找和辨认。
• 具有统一的外观与行为。
• 高效而快速，在即时搜索模式下立即给出搜索结果。

搜索框被用于 Windows 的下列位置：

• Explorer
• 各种体验（Microsoft® Windows Media® Player, Windows® Photo Gallery, Windows Internet Explorer®）
• 开始菜单（以查找程序和最近使用过的文件）
• 控制面板首页（以查找控制面板项与任务）
• 帮助（以查找相关的帮助主题）

外观与感受

有了对即时搜索的支持，Windows Vista 的搜索体验有了大幅度地提高。支持即时搜索让人觉得 Windows 更加强大而直接。

在 Windows Explorer 及应用程序窗口中，搜索如果是辅助入口点的话，则位于右上角。这种情况下，用户在窗口中找不到需要的东西时则会去寻找搜索机制。但是，如果搜索是主要入口点，它则会居中位于窗口顶部。

搜索按钮在视觉上与搜索框相连。为了节约空间，在搜索框内使用了可选的<a href="text_boxes.aspx">提示（prompt）</a>代替了标签。提示可能是说明文本（如“键入以进行搜索”）或指明搜索的范围（如“搜索图片”）。

除去了标签和独立按钮，Windows Vista 中的即时搜索具有轻量级的外观。

成功执行搜索后，将会根据搜索结果创建一个虚拟页面并将其加至后退列表及地址栏中。用户有很多途径来恢复原来的页面并清除搜索框，比如单击后退按钮、单击地址栏中原来的页面、按 Esc 键、或是清除搜索框。

用户也可以简单地清除搜索框而无须恢复先前的页面。在即时搜索模式中，用户开始输入之后会出现清除按钮——一个“x”替换了放大镜搜索符号。当鼠标悬停时，“x”会呈现按钮外观并可以单击。

用户可以通过单击控件右端的“x”以清除搜索框。

在常规搜索模式下，清除按钮是可选的。用户可能会需要它，比如当搜索需要花费很长时间时。用户可以单击“x”来中止正在进行的搜索操作。如果搜索已经完成，用户可以单击“x”来清除搜索框。

设计规范

位置

• 对于应用程序窗口来说，应将搜索框放在右上角。
• 对于弹出窗口来说，应将搜索框放在最合理且便捷的位置。
• 例外：如果搜索通常是用户在该窗口中首先要做的事情的话（主要入口点），应将其居中放在窗口顶端。

外观

• 使用标准搜索按钮图形。这里有三个版本：
  • 仅放大镜搜索符号（悬停时无按钮）。用于即时搜索。
  • 带按钮的放大镜搜索符号。当需要单击按钮来开始搜索时使用。
  • 带按钮和下拉箭头的放大镜搜索符号。当用户能够更改范围或其他可用的设置时，添加下拉箭头。
    • 对于即时搜索来说，仅使用下拉箭头，悬停时再显示按钮。
    • 对于常规搜索来说，显示下拉箭头按钮。

即时搜索的视觉规范说明。

常规搜索的视觉规范说明。

• 不要使用标签，而应用可选的提示文本（prompt）代替。如果用户可能会认为该搜索是常规的文件搜索，则用提示文本给出范围。否则，则使用“Type to search（键入以进行搜索）”或类似、简洁的表述。

在这些示例中，简要的文本提示帮助用户使用搜索。

功能

• 尽可能支持即时搜索。如果常规搜索值得进行额外的等待的话，则应同时提供常规和即时搜索。
• 常规搜索必须在五秒内返回相关结果，而即时搜索必须在两秒内返回结果。此外，只要程序保持响应且用户能够执行其他任务，搜索可以持续不断地返回部分相关结果。你可能需要为你的搜索数据编制索引以确保其可响应性。
• 如果你同时提供常规和即时搜索模式，那么即时搜索结果必须是常规搜索结果的子集。
• 所有搜索都是基于前缀的（并非子串或后缀搜索）。如果输入了多个词，则使用 OR（或）搜索。
• 成功搜索之后会在“后退”堆栈及地址栏中添加一个包含搜索结果的虚拟页面。多次搜索的结果都会呈现在该单个虚拟页面中，因此单击“后退”始终会回到原始页面。
• 如果有衡量的必要，则按照搜索结果的相关度排列。
• 空白的搜索应返回至原始页面。

推荐尺寸与间距

用于即时搜索的推荐尺寸与间距

用于常规搜索的推荐尺寸与间距

文本

• 对于搜索框中提示文本的措辞，要么使用指导说明（例如“Type to search（键入以进行搜索）”，要么指出搜索的范围（例如“Search for pictures（搜索图片）”）。
• 提示文本应当简洁。一个单词或简短的词组即可。
• 使用句子大写样式。
• 不要使用句末标点或省略号。

文档编写

• 将该控件称为“Search box（搜索框）”。第一个单词的首字母大写，不要大写“box”的首字母。
• 将搜索的两种类型分别称为“Instant search（即时搜索）”和“regular search（常规搜索）”。其中，“Instant search”的首字母要大写，“regular search”的首字母不需要大写。