设计完美的搜索体验

在设计搜索功能时,有些人会认为拥有搜索栏或搜索框就足够了。至少那是我与具有非设计背景的利益相关者合作时所经历的。对他们来说,“搜索”只是那些易于设计和构建的简单功能之一。

设计完美的搜索体验

但是作为产品设计师,我们的工作是帮助他们了解搜索体验背后的原因和方式。为什么搜索很重要?它如何影响用户的体验?它如何帮助公司实现目标?它看起来似乎很简单,但在导航和帮助用户找到所需内容方面起着重要作用。

因此,我们不能只考虑搜索功能。当你定义搜索功能的范围时,你将意识到,它由技术约束,待完成的工作和用户体验方面的独特组合。根据产品,网站或应用程序的性质,搜索体验会稍有不同,但是在设计过程中可以参考某些准则。

了解用户的目标

你必须很好地了解你的用户,并预期他们使用产品的目的。例如; 当你使用Airbnb时,很可能在假期中寻找住宿和住宿地点。下一步将是理解他们的思维过程-他们将如何开始搜索?他们是在寻找特定结果还是使用特定过滤器的结果列表?

在Airbnb的情况下,用户很可能不知道他们要查找的特定结果,因为这些住宿都是由用户生成的,因此不遵循严格的命名约定。他们只会知道他们想要的结果的某些标准或属性-位置,价格,房间数量等。因此,它们的期望输出将是应用了特定过滤器的结果列表。

设计完美的搜索体验

Airbnb进一步缩小了这些标准,并将重点放在了位置作为主要过滤条件

根据用户的目标和产品的性质,也可以显示特定结果和过滤器,尽管这在很大程度上取决于用户是否确切知道他们在寻找什么。

例如,食品清单平台Burpple。用户使用该平台有多种目标。

用户想知道特定餐厅是否好。用户已经知道他在寻找什么,[餐厅名称]-特定结果。

使用者渴望汉堡,但是没有特定的位置。用户正在寻找汉堡店的列表-已过滤的结果。

设计完美的搜索体验

Burpple会同时显示两种类型的搜索结果,因为他们的用户有不同的目标

整理搜索结果

现在你已经确定了要显示的搜索结果,是时候设计自动完成下拉列表了。这里要考虑的关键因素是你的自动完成功能将显示过滤器、特定结果还是同时显示两者。你的设计应帮助用户区分不同类型结果之间的区别。

分离结果类型

Medium通过将搜索结果归类到此方面做得很好。人员,出版物和标签。这是因为仅根据个人资料图片和姓名很难识别它们-用户将如何知道Invision是用户还是出版物?

设计完美的搜索体验

Medium通过将搜索结果分开来做得很好

Twitch还会根据类型分开搜索结果;类别,直播,频道,视频等。使用此样式时要注意的重要因素是为每种类型包括“更多”选项,以使用户可以轻松查看该特定类型的更多搜索结果。

设计完美的搜索体验

Twitch在其自动完成下拉菜单中还使用了搜索类型单独的方法

动态搜索结果

有时,你的产品或类别过多,无法在自动完成下拉列表中显示所有结果。解决此问题方法就是一旦用户开始在搜索栏中输入结果,便立即显示结果-并根据用户键入的内容不断更新这些结果。

Netflix是一个很好的例子-当你键入搜索内容时,屏幕会变成与你键入的内容相关的显示网格。这使用户可以选择更多搜索结果,同时仍然保持预览每个节目的能力。

设计完美的搜索体验

Netflix如何以网格形式显示其搜索结果

预先过滤的搜索

当你要允许用户在特定类别中进行搜索时是很有用的方式。这将有助于节省用户的时间,因为他们不需要在开始搜索之前通过导航单击该特定类别。使用这种设计风格的一个主要注意事项是你需要有一个固定的类别列表。

设计完美的搜索体验

亚马逊允许其用户预先过滤其搜索,以便其搜索结果更加相关和准确

更好的搜索意味着更高的标准

随着产品设计师不断创造更好的搜索体验,用户获得了更多积极的体验并提高了他们的期望。当大多数产品能够提供功能搜索时,,仅仅具备功能性将成为标准——这并不足以让你从竞争对手中脱颖而出。

仅仅拥有人们可以成功使用的搜索功能是不够的。你需要提供无缝,流畅的体验,使人们感到完全可以控制他们的选择。以下是一些可能会损害用户体验的关键指标:

  • 单击搜索后删除用户的搜索关键字
  • 低能见度搜寻框
  • 缺乏对错别字和拼写错误的支持
  • 定义不清的预过滤器和分隔符
  • 不相关的自动完成

最后的话

这些只是我看到的大多数产品使用的一些搜索设计模式。但是,当然,这并不是指南的完整列表,在设计搜索组件时还有很多其他注意事项。你设计的搜索体验应基于产品的性质,高度依赖于你的用户的环境和目标。

本文由 新媒体运营 作者:5PLUS 发表,其版权均为原作者所有,文章内容系作者个人观点,不代表 新媒体运营 对观点赞同或支持,未经许可,请勿转载,题图来自Unsplash,基于CC0协议。
2

发表评论