聊聊搜索结果页的设计与思考

搜索是APP里面最常见的功能。好的搜索能让用户快速找到自己想要的内容,增强对产品的认可。而搜索结果页是搜索功能中最重要也是最后的一部分,今天小多就来和大家来聊一聊搜索结果页的设计。它包括哪些元素,以及怎么样有效的让用户顺利的完成搜索。

聊聊搜索结果页的设计与思考

构成元素

搜索结果页主要有三大部分构成:搜索框、搜索结果、搜索推荐。

聊聊搜索结果页的设计与思考

1、搜索框

搜索框内要明确显示当前搜索的“关键词”,并且要能让用户快速删除重新进行二次搜索。

聊聊搜索结果页的设计与思考

2、搜索结果

搜索结果页的主要目的是让用户准确找到自己的目标信息或结果。那么如何时在展示不同类型和级别的内容同时还要做到满足用户的搜索诉求。可以从以下几方面进行设计思考:

1)分类展示

当结果页内容展示过多时,应按模块对内容进行分类展示,可提升信息的清晰度和可读性。

例如网易云音乐和穷游APP,在搜索结果页用户可以通过tab切换的形式选择合适的内容类别。

聊聊搜索结果页的设计与思考

2)筛选功能

有的时候搜索结果过多,一个个的去看又很浪费时间。那么我们可以引入筛选器来帮助用户在短时间内找到期望的内容,不要花时间去翻页或者滑动查找。

例如:淘宝右侧展开的筛选器、大众点评除了提供不同的排序方式还能通过关键词进行筛选。

聊聊搜索结果页的设计与思考

3)排序规则

它能让用户更快的找到优质内容。例如:在淘票票上搜索“少年”,排在第1位的是最近大热的电影“少年的你”,然后是少年说。这是因为1比2的热度更高,就优先展示结果1。

聊聊搜索结果页的设计与思考

4)结果显示

在结果页中要展示搜索出来的结果数量,让用户清晰了解搜索内容的多少及预估浏览所需时间。并且要针对关键词要提供高亮显示功能。可以让用户快速定位到自己想要的目标。

3、搜索推荐

当搜索结果较少或没有结果时,可以增加搜索推荐。这是一个留住用户进行产品导流的好机会。例如:网易考拉的“猜你喜欢”就是结合用户的过往浏览过的商品进行推荐。而贝壳找房的做法是给用户推荐热门的楼盘/房源,增加页面导流,并且会随机更换推荐内容。

聊聊搜索结果页的设计与思考

4、搜索异常的情况

搜索时难免会出现无结果异常的情况,这个时候页面的展示就至关重要了,会直接影响到用户是否愿意继续使用你这个产品。

例如:盒马鲜生,遇到搜索无结果时,页面展示的是一只充满萌趣的盒马拿着望远镜在寻找。再配上提示文字:实在找不您要的东西“换个词再给我次机会吧TT”。让人内心的失望情绪瞬间就消失了~

聊聊搜索结果页的设计与思考

小结

  1. 结果页需要突出显示出当前的搜索词;
  2. 搜索结果过多时,可提供分类+筛选的形式让用户快速找到想要的内容;
  3. 无搜索结果时,要向用户道歉,解释清楚原因,然后推荐替代内容。降低用户的失望,提升体验。

以上就是我对搜索结果页的的一些总结思考,希望可以帮助到各位。有其它好的想法也欢迎留言交流!

作者:xuedan,微信公众号:房多多UEDC。

业界动态

To G产品设计需要慎重考虑的十二个问题

2019-11-20 10:48:26

业界动态

如何塑造餐饮品牌,看这一篇就够了

2019-11-20 12:42:34

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索