搜索是一个很常见的功能,但是如果要设计搜索功能,需要考虑的地方也不少,本文对此进行了总结~~欢迎继续补充^_^
一、搜索入口
1. 点击“搜索框”进入搜索页面
直接在页面显示搜索框(一般都是页面顶部),同时搜索框内显示搜索提示内容,点击搜索框即进入搜索输入页面。
这种情况适用于搜索功能比较重要的情况,将搜索置于非常明显的位置。如:电商APP首页搜索入口、旅游APP首页搜索入口。

2. 点击“搜索icon”进入搜索页面
页面显示搜索icon(一般搜索icon都是放大镜),点击后进入搜索输入页面。
这种情况减少了搜索功能页面空间占用,同时通过搜索icon也能够使用户感知到搜索功能的存在。


二、搜索页面
1. 搜索框提示文字
搜索框内要显示提示文字,以告知用户可以搜索的内容。
提示文字有不同类型,一种是直接告知用户可搜索的内容有哪些类型,如:旅游APP搜索框提示--搜索目的地/景点/酒店等,一种是搜索框自动填充引导性文字,引导用户进行搜索,如:电商APP根据用户历史行为,在搜索框内滚动显示不同的物品名称,引导用户进行搜索、购买。

2. 搜索历史记录
搜索框下显示历史搜索记录,便于用户进行再次快速查找。
显示搜索历史记录比较适用于可能需要多次搜索,以进行对比、或深入了解某些商品/景点/知识等的场景。

3. 搜索推荐
搜索输入框下方显示推荐内容,能够实现引流,有利于提升APP使用时长、业务转化率等。
三、搜索结果呈现
1. 结果呈现时机
有三种搜索结果呈现时机,一种是在搜索框输入内容,即实时看到搜索结果,一种是输入完成,点击搜索按钮后才呈现搜索结果,还有一种是二者结合,即:在搜索框输入内容后,下方即呈现简要结果,想要看到全面的搜索结果,可点击“搜索”按钮查看,或者直接点击简要结果跳转至对应详情页。
第一种方式呈现结果更实时、快速,减少用户操作步骤,第二种方式操作步骤多一步,比较适用于搜索范围大、搜索结果加载慢的情况。据观察,现在大多数APP都是第一种或第三种。

2. 结果呈现方式
(1)有搜索结果
分类展示搜索结果,可通过导航筛选查看不同分类搜索结果;搜索结果中的搜索词高亮显示。
当有多个结果时,需要考虑搜索结果的排序方式。如下图所示,在某旅游APP上搜索“拉萨”,优先显示综合搜索结果,在综合搜索分类下,优先展示景点,然后是商品。

(2)无搜索结果
如果无搜索结果,首先用图标+文案方式告知用户未搜索到相关内容。
其次,可以试着对用户输入的搜索内容进行“纠正”,比如提示:你是不是想找XXX,点击搜索。
或者给出推荐内容,引导用户点击查看。如下图所示,无搜索结果时,某外卖平台提示:暂时没有找到相关信息,为您推荐与XXX相关的其他优惠。

网友评论