美文网首页产品经理互联网产品思考产品面面观
【产品】不能小看的移动端「搜索」功能

【产品】不能小看的移动端「搜索」功能

作者: 小糊涂涂涂 | 来源:发表于2020-12-11 23:26 被阅读0次

搜索是一个很常见的功能,但是如果要设计搜索功能,需要考虑的地方也不少,本文对此进行了总结~~欢迎继续补充^_^

一、搜索入口

1. 点击“搜索框”进入搜索页面

直接在页面显示搜索框(一般都是页面顶部),同时搜索框内显示搜索提示内容,点击搜索框即进入搜索输入页面。

这种情况适用于搜索功能比较重要的情况,将搜索置于非常明显的位置。如:电商APP首页搜索入口、旅游APP首页搜索入口。

搜索框

2. 点击“搜索icon”进入搜索页面

页面显示搜索icon(一般搜索icon都是放大镜),点击后进入搜索输入页面。

这种情况减少了搜索功能页面空间占用,同时通过搜索icon也能够使用户感知到搜索功能的存在。

搜索icon 搜索页面

二、搜索页面

1. 搜索框提示文字

搜索框内要显示提示文字,以告知用户可以搜索的内容。

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

电商APP搜索框提示文字

2. 搜索历史记录

搜索框下显示历史搜索记录,便于用户进行再次快速查找。

显示搜索历史记录比较适用于可能需要多次搜索,以进行对比、或深入了解某些商品/景点/知识等的场景。

电商APP搜索历史记录、搜索推荐

3. 搜索推荐

搜索输入框下方显示推荐内容,能够实现引流,有利于提升APP使用时长、业务转化率等。

三、搜索结果呈现

1. 结果呈现时机

有三种搜索结果呈现时机,一种是在搜索框输入内容,即实时看到搜索结果,一种是输入完成,点击搜索按钮后才呈现搜索结果,还有一种是二者结合,即:在搜索框输入内容后,下方即呈现简要结果,想要看到全面的搜索结果,可点击“搜索”按钮查看,或者直接点击简要结果跳转至对应详情页。

第一种方式呈现结果更实时、快速,减少用户操作步骤,第二种方式操作步骤多一步,比较适用于搜索范围大、搜索结果加载慢的情况。据观察,现在大多数APP都是第一种或第三种。

呈现简要搜索结果,同时可点击搜索按钮查看全面搜索结果

2. 结果呈现方式

(1)有搜索结果

分类展示搜索结果,可通过导航筛选查看不同分类搜索结果;搜索结果中的搜索词高亮显示

当有多个结果时,需要考虑搜索结果的排序方式。如下图所示,在某旅游APP上搜索“拉萨”,优先显示综合搜索结果,在综合搜索分类下,优先展示景点,然后是商品。

搜索结果呈现

(2)无搜索结果

如果无搜索结果,首先用图标+文案方式告知用户未搜索到相关内容

其次,可以试着对用户输入的搜索内容进行“纠正”,比如提示:你是不是想找XXX,点击搜索。

或者给出推荐内容,引导用户点击查看。如下图所示,无搜索结果时,某外卖平台提示:暂时没有找到相关信息,为您推荐与XXX相关的其他优惠。

无搜索结果提示


相关文章

网友评论

    本文标题:【产品】不能小看的移动端「搜索」功能

    本文链接:https://www.haomeiwen.com/subject/qbmqwktx.html