Android UI 设计模式——搜索的设计

本系列的文章的版权归本人所有,如需转载请注明出处:http://www.cnblogs.com/PengLee/,请大家自行维护好博客园的信誉风尚!

目录

  1. 自动完成与自动建议
  2. 轻按优先
  3. 从Action bar搜索
  4. 专用搜索
  5. 在内容页面搜索

   自动建议和自动完成

    对于搜索框来说大家一定都不陌生,你可能认为一个小小的搜索框有什么可研究的?不就是提供一些搜索建议而已嘛。如果你这样想的话,

  那就大错特错了。现在我们要研究的问题是:搜索建议中提供的列表项的都应该由哪些内容组成?

    可以考虑的方面包括以下几项:

    1、历史记录

    2、应用提供的一些常用分类项目

    3、热门搜索

    4、语音辅助搜索

    5、关键字匹配建议项

      利用受控关键词数据库,提供关键字匹配建议选项(需要特别指明的一点是,受控关键词数据库的设计中,最好将拼音考虑进去,

      比如,输入顾公,能够根据拼音提供故宫的建议,像美团就有类似的功能)

      

    7、注重建议列表的”故事性“

    8、位置信息:利用GPS获取的用户位置信息,提供一些有关位置的相关建议项

    9、考虑用户行为的闭环:

      所谓考虑用户行为的闭环指的是,考虑用户搜索某个信息的下一步的行为可能是什么?

      比如:用户在美团搜索了“炸鸡“这个关键字之后,他下一步很有可能是找附近卖炸鸡的店面。

      考虑到这个行为之后,那么搜索建议列表的组织方式可是,以用户位置为中心,每隔1000米

      形成一个建议表项,每个表项中显示这个范围内的那些卖炸鸡的小店的小按钮(形式参见淘

      宝搜索),这样的话,就通过一个搜索功能帮用户完成了两步行为;

      再比如:如果用户搜索了附近的加油站的话,那么下一步他很有可能就是要去这个加油站。

      所以在每一个以加油站名称为内容的建议列表项中放上一个”前往该加油站的行车路线“的

      按钮或链接,当用户点击这个链接的时候,手机上的Google Map 地图应用就会自动打开

      提供路线。也就是说:切换到其他应用

    下面我们来看看现在一些流行的应用在搜索方面是如何做得,希望能够给大家一些参考和建议

    小米自带全局搜索

             

    亚马逊搜索

          

    淘宝搜索

    

    美团搜索

            

    注意在每个建议列表项的后面都标注出了约有多少个团购,这实际上是在讲故事

    去哪网搜索

         

    微信搜索

      

      再来看看Greg Nudelman设计的Pet Shop是怎样使用搜索的

      

    这里除了有一般的根据关键字提供的匹配建议列表项之外,还有一个使得称赞的地方:由于大家普遍认为Mastiff是一种大型护卫犬,

  因此,在自动建议列表的最下面包好了一项名为Guard Dogs 的类别列表项。

 

  轻按优先

    上图中亚马逊的搜索功能就是”轻按优先“,所谓轻按优先就是在搜索列表项的右面有一个向上的倾斜的小箭头。轻按优先以每次一个

  单词的方式提供自动建议,通过逐步细化逐步实现更加精细的查找,而不是一次性提供最佳的建议。

    其工作原理如下:用户输入几个字符之后,自动建议功能提供几个查询建议,此时,用户有两种选择:

           1、轻按某个列表项,进入详情页

    2、点击右侧的小箭头,将相应的列表项中的内容放到搜索框中作为新的关键字再执行一下自动建议搜索,直到不能继续细化为止

    

    实际上这是一种非常好的搜索功能,就那商品分类来说,数据库中存储的数据方式就是通过逐步细化的方式存储的:

    书籍→哈利波特→哈利波特咒语(spells)→哈利波特咒语应用、哈利波特咒语清单、哈利波特咒语游戏.....

 

  专用搜索

    所谓的专用搜索就是说搜索框在位于屏幕的顶部,直接显示一个醒目的搜索框,而不是像Action bar 搜索那样只是心是一个放大镜图标

  一般,在专用搜索框的附近都有一些辅助功能按钮,如细化等。对于那些搜索功能非常重要的应用来说,这种专用搜索已经成为一种标配了!

        

 

  在内容页面中搜索

    在内容页面中搜索也就是说:搜索框在内容页面的顶部,但是当向下滚动内容的时候,这个搜索框会随着尼日欧诺个的滚动而隐藏。

  这样的搜索模式在以内容为主体,而且用户使用搜索功能的频度不高的时候,非常适合。像新浪微博和一点资讯就是这样的应用

       

    但是,由于这个搜索框会随着内容滚动而消失,这样的话,如果用户想要搜索的话,必须得回到屏幕的顶部才行。新浪微博并没有

  提供任何的解决方法,因为平时用户却是非常非常少使用这个功能,一点资讯的作法是:当内容滚动的时候,搜索框并不隐藏而是缩小

  但是依然位于屏幕的顶部,一直可见,当用户点击这个缩小的搜索框的时候,搜索框重新放大

    f

posted @ 2015-05-17 17:27  RoperLee  阅读(2253)  评论(0编辑  收藏  举报