搜索已成为各种产品用户界面中无处不在的一部分。虽然它在大多数网站和应用程序中很常见，但搜索功能在更复杂的网站上至关重要，这些网站具有大型数据集或为查找东西而量身定制的应用程序，例如机票、住宿或汽车租赁。
如果没有搜索，用户有时会猜测在哪里可以找到他们需要的信息。它会导致在一个又一个菜单中单击以查找相关信息。想象一下在没有搜索功能的情况下尝试在 Wikipedia 之类的网站上查找内容！
搜索的定义
搜索功能是产品导航系统的一部分。这是一个紧急出口，可帮助用户在页面或整个网站上找到他们正在寻找的内容，并在他们卡在导航中时找到返回的路。
搜索 应该很容易从任何页面发现，它通常位于网站的左上角。但是，如果搜索和浏览是产品的主要目标，搜索会占据主页上的显眼位置，并且对任何页面的用户都保持可见。
搜索功能不是唯一的导航功能。根据用户的知识水平、专业知识和目标，他们选择不同的技术来寻找他们需要的东西。例如，电子商务网站的访问者可以浏览目录、转到他们的愿望清单、推荐或使用搜索输入来查找特定项目。
实现搜索功能有很多选项 ，但最受期待的变体是简单的文本输入，其宽度足以包含用户搜索的单词或短语。当他们在键盘上按“Enter”或单击搜索按钮时，他们会收到与他们的搜索查询匹配的结果列表。
将搜索定位在用户期望的位置
简而言之，不要让用户搜索搜索选项。它应该很容易被发现和识别。2006 年，A. Dawn Shaikh 和 Keisi Lenz 进行了一项名为“搜索在哪里？重新审视用户对 Web 对象的期望，涉及 142 名参与者，证明人们习惯于在网站每个页面的顶部中心或右上角看到搜索输入或图标。
将搜索功能隐藏在汉堡菜单后面或将其放在其他地方会使用户感到沮丧，并最终导致更高的放弃率。
使用适当的图标伴随搜索输入
图标不仅仅是装饰。它们在视觉上代表一个对象、动作或想法，帮助用户更快地识别它们。放大镜图标 无疑是公认的搜索符号，即使没有文本标签。
此外，在输入的左侧放置一个图标可以帮助用户立即了解输入的作用。
不要过度设计图标并使用最简单的版本——过多的图形细节会减慢识别速度。
使用适当的输入大小
搜索输入大小应该 足够宽 以适应典型的搜索查询。短搜索输入迫使使用更少和更短的关键字，这反过来会导致搜索查询不精确和搜索结果不佳，从而对用户体验产生负面影响。
Nielsen Norman Group 建议使用 27 个字符长的搜索输入，因为它使搜索请求更易于用户阅读和解释。
如果您需要节省空间，请选择在单击图标时展开的扩展搜索框。
提供示例搜索查询
消除猜测并提供用户可以搜索的内容或输入表单的功能的示例搜索查询是一个很好的做法。占位符似乎是最简单的方法。确保文本不会太长，并且只包含几个相关的单词。否则，会增加认知负荷。
这里要注意一点——通常，在输入中应避免使用占位符。它们通常看起来像默认值或已经填充的文本，使用户认为他们不需要输入任何数据并且通常缺乏对比。此外，占位符可能会损害可访问性，因为并非所有辅助技术都能识别占位符。因此，并非所有用户都能阅读提示并输入相关查询。
使用按钮伴随搜索输入
许多用户习惯于传统的点击实际按钮来提交他们的搜索查询。因此，让用户以他们喜欢的方式行事，并允许他们通过按 Enter 键盘并单击 搜索 按钮来启动流程。
确保按钮具有不同的颜色并且大小合适，以便用户可以快速注意到它并单击它，而无需太努力地点击可单击区域。
搜索自动建议
自动建议 （也称为自动完成）是一种可选的、不错的站点搜索功能，可在屏幕下拉菜单中为用户提供实时搜索建议。良好的自动建议可以帮助用户更好地表达搜索查询并更快地找到他们需要的内容。如果搜索引擎没有找到任何相关内容，则不会给出任何建议。反过来，设计不佳的自动建议也会使用户感到困惑和分心。
自动建议搜索具有多种优势：
• 用户可以选择适当的搜索查询来帮助他们找到更好的结果。他们不需要制定可能导致没有结果或结果不佳的自己的条款。
• 它降低了交互成本，因为用户可以输入更少的内容。
• 它减少了拼写错误的可能性，因为用户不需要输入整个搜索请求。
• 它最大限度地减少了认知负担，因为用户可以简单地识别他们需要的正确单词或短语。
高级搜索自动建议
搜索自动建议功能的更高级、更丰富的版本不仅包含相关搜索查询，还可以包含指向其他类型相关内容的链接，例如：
• 分类页面，
• 产品详细信息页面，
• 资源/文章。
通常，这种搜索增强功能对于知道自己在寻找什么的用户特别有效。为了更好地识别，您可以添加项目或类别图标的图像预览以及文本描述。
如果您决定采用这种方法，请确保您的建议下拉菜单间距合适且带有标签。否则，您将面临压倒用户的风险。
为移动设备调整这些丰富的搜索建议，去掉分散注意力的视觉效果，只保留文本查询。
持续搜索
如果您正在创建一个以搜索为中心的移动应用程序，请考虑使用 持续搜索。根据 Material Design 指南，这个术语是指插入到搜索栏内的搜索输入，等待焦点。
当用户激活搜索输入时，它会扩展以覆盖整个屏幕。它还可能包含基于热门搜索或以前的搜索历史的建议。要获得结果，用户点击搜索按钮。
可扩展搜索
在搜索不是功能基石的移动应用程序中，可扩展搜索是一个不错的选择。不要在 UI 中包含完整的搜索字段，而是插入一个易于识别的图标（放大镜是搜索的标准），以指示搜索功能的存在，而不会使其过于突出。
用户点击图标以显示搜索字段或页面。与持久搜索一样，它可能包含基于过去或流行搜索的建议。
为搜索结果页面使用适当的布局
无论您实施哪种搜索类型，用户通常都希望 在单击或点击“搜索”按钮后显示搜索结果页面。
由于搜索结果页面可以返回大量信息，因此您应该选择适当的布局以最易扫描的方式呈现内容。列表视图 和 网格视图之间的选择 取决于用户需要多少信息来比较产品并在它们之间进行选择。
对于型号、评级和尺寸等细节很重要的项目，列表视图更有意义。此布局也非常适合纯文本结果。
当产品的外观对于做出购买商品的最终决定比其文本描述更重要时，网格视图布局通常用于服装。
让用户自由选择布局并以他们更喜欢的方式查看结果是一种很好的做法。
显示最近的搜索请求
当您记得您搜索过某些东西但不记得它是什么时，这很烦人。通过在下拉列表中包含 最近的搜索请求 ，一旦用户开始输入，下拉列表将显示以前的搜索词作为基于当前查询的建议。
从他们的记忆中回忆 信息，或者更糟糕的是，制定一个新的搜索查询需要用户的脑力劳动。显示最近的搜索请求是关于尊重用户并使他们的生活更轻松，因为他们只需要识别并选择您的建议之一。
显示相关搜索请求
您还能如何减少用户的工作量并帮助他们更有效地浏览搜索？在用户开始输入他们的请求之前，显示相关或趋势搜索查询。
用户甚至可能在按下“搜索”按钮之前就发现了他们需要的东西。这种方法显着降低了交互成本，并让用户与产品互动。
在手机上搜索
在全球范围内，超过一半的网络流量来自移动设备，这不足为奇。它要求设计师在处理移动界面时要加倍细致。移动搜索用户体验设计意味着某些挑战。
首先，屏幕更小。您必须确保搜索可见，搜索结果页面是可扫描的，并且输入、结果的链接、按钮应该足够大以便点击。其次，移动用户通常在旅途中执行任务，走路、乘公共汽车或排队时，只有一只手可以操作屏幕。
增强移动设备用户体验的第一件事就是尽量减少用户的操作。提供智能搜索建议，包括最近的搜索，并消除可能分散用户主要目标的视觉混乱。其次，确保搜索图标在页面上很容易找到，尤其是当搜索内容是用户在您的应用上执行的最常见任务之一时。观察您的用户如何在应用程序上搜索以及他们通常面临哪些障碍不会有什么坏处。
本文内容为转载
网友评论