产品交互设计@产品

国外有声书产品Audible、Scribd的“搜索”交互逻辑

2020-03-27  本文已影响0人  沉mo

本文通过国外产品Audible和Scribd来看看目前市面上主流有声书APP在做搜索时的思路和设计逻辑。这两个APP是美国有声书产品的代表,都属于内容类产品,内部的内容格式较为统一,基本都是书籍读物。根据搜索的行为,可以将这个过程拆解为三个步骤:搜索入口,输入内容,搜索结果。

1. 搜索入口

从下图可以看出,Audible和Scribd的搜索入口都为搜索icon。整个页面中仅展示搜索icon,点击icon会进入搜索页,这种搜索入口的形式节约了页面空间。


搜索icon

除了这种搜索入口,当然还有其他类型的,例如微信的搜索框搜索,百度的主页搜索,12306的多条件搜索(车票查询)。

2. 输入内容

3. 搜索结果

Audible搜索过程种采用的是及时搜索,用户不需要点击键盘中的搜索按钮,当前页就是搜索结果页。


Audible搜索结果页

Audible的搜索结果Tab进行了分类,三个Tab分别为All、Library和Discover,也是就是全部、书架和发现(全网内容)。All包括Library和Discover,先展示LIbrary的搜索结果,再展示Discover的内容。可见,由于APP内的内容全部都是有声书,所以无需再根据内容类型将搜索结果进行分类,而是通过内容的来源,书架或是全网。

Scribd需要点击键盘中的搜索按钮进入搜索结果页。


Scribd需点击搜索按钮

Scribd将搜索结果也通过Tab进行了分类,分别是Everything、Books、Audiobooks、Snapshots、Articels、Documents、Sheet Music、Podcasts。这些Tab根据读物的种类来区分展示内容。


Scribd搜索结果分类

Everything也就是全部这个Tab中,根据匹配相关性优先展示了与关键词最相关的条目。虽然App里的内容有很多种,但是内容格式较为统一,都可以看做是读物,所以把这些内容杂糅在一起来展示搜索结果也是可以的。也就是说,当我搜索一个关键词,有可能先出现的是Books,然后是Articles,当我搜索另一个关键词时,先出现的可能是Articles,然后再是Books。

当然除了这种内容格式较为统一的APP,那如果内容格式不统一怎么办呢

可以参考微信的搜索方式,先分类,再搜索。确定好搜索的范围之后,再展示搜索结果。微信就在搜索前讲关键词分成了朋友圈、文章、公众号、小程序、音乐和表情。

先分类,再搜索

为了将搜索结果清晰的展示出来,除了将搜索结果分类展示,对于某个Tab下内容较多的情况,Scribd还用了一个方法,通过Filter来筛选搜索结果,这样进一步缩小了范围,帮助用户精确地找到内容。


Filter筛选

虽然都是内容类产品,但由于内容格式不同,需求不同,业务诉求不同,因此在设计搜索功能时还是有很多细节上的差别。不照搬照抄,根据自己产品的特点来思考设计每一个功能需求,仔细推敲斟酌,才能让产品获得用户的青睐。

上一篇下一篇

猜你喜欢

热点阅读