交互设计之搜索功能设计

搜索功能是app中很常见的功能,也是交互设计的基础功能页面。本文将从搜索的不同状态来浅析搜索功能设计。

1.默认状态

a.搜索入口——依据搜索功能权重设计入口的表现形式

不同的APP或不同使用场景下搜索功能的入口有着不同的变现形式,主要取决于搜索功能在该页面的权重。

如果在该页面用户的核心功能是搜索,那搜索的入口就应该被强化。反之则弱化一些。

如百度APP的首页,搜索功能为该页面的核心功能,因此输入框放在最显眼和重要的位置,方便用户直接输入关键词。


如微信的聊天页面和通讯录页面搜索功能的权重就是不一样的,所以搜索入口的表现形式就是不一样的。

在聊天页面中,改页面的核心功能是聊天,搜索是其中很小的一个细化功能,默认状态下搜索的入口隐藏,用户在下拉页面时才会调出搜索功能入口。

而在通讯录页面中,用户核心功能是查看好友,搜索的使用率重要程度明显比聊天页面的要高,因此搜索框直接放在了页面的最上方,用户进该页面不需要其他操作就可以找到搜索的入口。



如淘票票APP,搜索在该页面比较弱化,因此只用一个搜索的icon作为入口


b.输入框提示信息

输入框内预置文字信息可以给用户起到引导作用,降低用户输入其他不相关信息的风险,也有效管理了用户的心理预期。

微博的搜索框显示的是大家都在搜,显示当前较热门的话题

淘宝app在搜索框内会根据之前你搜索过的相应的产品来推荐

天猫的搜索框内告诉用户可输入哪些类型的内容进行搜索

 

但是随着运营活动的进行,搜索框预置文字逐渐变成了内容推荐或产品的slogan,这些运营内容可以是运营人员后台配置的。

 

 

2.获取焦点

点击获取焦点后,进入搜索中间页面

搜索中间页应该是一个轻量化的页面,用户在该页面输入内容即可以进行搜索,但是为了配合运营需求,需要加入输入框提示信息、搜索分类、搜索历史、搜索推荐、搜索输入、搜索建议等信息。

搜索分类

将搜索内容进行分类,是为了帮助用户更加精准的找到相关内容。

可以在搜索之前对搜索范围进行分类,也可以是在搜索结果页面对搜索结果进行分类。

 

拉勾网在搜索时进行地域分类

微信对搜索的指定内容进行分类

网易云音乐则是对搜索出来的结果进行分类



搜索历史

搜索历史方便用户浏览之前搜索过的内容并快速查看结果。

网易云音乐在搜索中间页展示热门搜索和历史记录,向用户推荐热门的歌手和歌曲。

淘宝则是显示历史搜索,并依据搜索内容进行进一步推荐。

 

搜索中间页除了会有搜索历史,通常还会有搜索热门推荐列表

 搜索推荐通常有以下几种方式:

1.按照所有用户的搜索热度进行推荐

2.按照运营需求来后台配置

3.按照用户个人的历史搜索行为进行计算并推荐

 搜索推荐一方面可以通过运营的推荐实现导流,另一方面方便用户快速找到想要搜索的内容和结果。

3.输入中

根据输入的内容展示联想结果

输入文字时,输入框下方出现联想结果,点击联想结果则为选中,并展示结果页面


4.搜索结果——用户的终极目标

搜索结果页面是用户搜索的终极目标,因此如何准确高效地向用户展示搜索结果是重点。

搜索结果展示形式一般分为两种,一种是输入关键词后直接展示出结果,通常出现在一些轻量化APP中,如微信的搜索

另一种是输入关键词后展示出联想列表,用户点击联想结果即为选中,并展示搜索结果,如网易云音乐的搜索



评论
热度(7)

© 细水 | Powered by LOFTER