美文网首页产品交互设计@产品
国外有声书产品Audible、Scribd的“搜索”交互逻辑

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

作者: 沉mo | 来源:发表于2020-03-27 22:42 被阅读0次

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

    1. 搜索入口

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


    搜索icon

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

    2. 输入内容

    • 先看Audible
      • 输入前
        点击搜索icon,新的页面出现,输入框被激活,光标在输入框内闪动,输入框中有引导信息,让用户搜索title或author。


        Audible输入前
      • 输入时
        输入内容时,引导内容消失,同时出现清除内容的图标。

    • 再看Scribd
      • 输入前
        点击搜索icon,新的页面出现,输入框并未被激活,光标在输入框内闪动,输入框中有信息,但不是引导信息而是对自己产品的宣传广告。
        此时搜索框下方的辅助区域包括兴趣推荐和内容分类。兴趣推荐主要依据用户浏览记录来做的个性化推荐,和内容分类一样,都是用户找到内容的入口。


        Scribd输入前
      • 输入时
        点击搜索框后输入框才会被触发,光标在输入框内闪动,输入框中广告信息不会消失。这里还有辅助区域历史记录,共展示5条。
        输入文字后,广告语消失,同时出现清除内容的图标。辅助区域出现关键词联想,按照一定的规则进行推荐排序。用户通过联想词可快速到达结果页,提高搜索效率。联想词的条数和历史记录的条数同样为5条。输入内容时,引导内容消失,同时出现清除内容的图标。


        Scribd输入时
    • 对比
      输入对比

    3. 搜索结果

    • Audible

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


    Audible搜索结果页

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

    • Scribd

    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筛选

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

    相关文章

      网友评论

        本文标题:国外有声书产品Audible、Scribd的“搜索”交互逻辑

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