用户可以通过搜索关键词来查找信息。搜索可以用作发现内容的主要手段,也可以用作帮助用户查找内容的过滤器。

设计目标

  • 帮助用户快速查询信息

使用场景

  • 信息量较大,信息层级较深,用户通过浏览和筛选需要耗费较多的时间成本定位信息

类型

按照搜索在产品中的重要程度,将搜索分为了以下类型:

搜索页

搜索页的目的是让用户做好搜索的准备,对要寻找的内容进行提示,拓宽用户对要搜索的内容的看法。一般用于在数据库属性的产品中,数据量较大,重复性较高,同时用户对快速定位数据有较高需求,需要单一一个页面进行承载。(Iapp、极光社区)

null

  • 搜索区:通过页面上的内容提醒用户他们正在进行搜索的动作,同时产品已经做好搜索的准备;
  • 推荐内容区:为用户提供可能感兴趣的东西。

搜索结果

因为数据库属性的信息,存在搜索结果同质化的情况较多,所以需要单开搜索结果页,并进行信息二次的归类。

null

空状态

待梳理空状态的同学补充。

全局搜索

全局搜索位于系统顶部的导航条中,在此位置可以让搜索更易被用户发现,并对用户始终可用。

按照产品用户搜索行为的频率,将全局搜索定为以下两种样式:

null

自动联想

当用户单击搜索框时,显示该用户的五个最近搜索记录在下拉列表中。若没有最近使用记录,可以推荐五个信息。输入搜索关键词后,自动联想关键词的信息,点击进入结果详情。搜索不到结果,则不展示下拉列表。

null

自主触发

用户输入搜索关键字,通过点击按钮和「Enter」,进行搜索查询。

null

内容区搜索

上下文搜索直接放在需要搜索的内容区上方,用户可以直接输入关键词,内容区直接显示结果。

null

空状态

待梳理空状态的同学补充。

参考文档

https://www.carbondesignsystem.com/patterns/search-pattern

https://developer.apple.com/design/human-interface-guidelines/ios/bars/search-bars/

https://experience.sap.com/fiori-design-web/search/

https://www.lightningdesignsystem.com/guidelines/search/global/