如何让搜索框的体验更好？我总结了这些设计套路！
|
1. 独立的一级tab 把一个独立的tab作为搜索入口，整个tab页面围绕搜索功能进行展开。这一整页，为搜索功能的拓展提供了很大空间，可以做各种尝试，适合将搜索作为重要流量入口的App。 代表有App Store、Twitter、新浪微博。App Store、Twitter的tab页面中只保留了搜索框和搜索热词推荐。新浪微博的尝试更加丰富，包括分类、话题以及不同类型的推荐，运营的空间更大。 2. 搜索框 应用最广泛的一种形式，大多居于页面顶部，较为醒目。有些App在滑动页面时，还会将搜索框吸顶显示，便于用户随时使用。 搜索框内一般会有预设文案，提示用户可搜索的关键词类型。目前越来越多的App（尤其是电商类）把搜索框作为运营的入口，放入一些热词、活动、新品/新功能等，并且不局限于一个词，可能是一个字、一个短语，甚至是一个句子。
△ 搜索框中的预设文案 3. 搜索icon 搜索icon应用广泛，位置一般在页面右上角。相对搜索框来说，搜索icon的引导性稍差，运营空间也有限，但可以节约导航栏空间，适合于将搜索作为辅助功能的场景。 比如得到的今日学习模块，以feed流的形式，展示用户每天的学习任务。这个模块预设功能是浏览、收听，且内容有限（只包括用户付费订阅的内容和平台为该用户个性化推荐的内容），搜索在此仅仅是辅助功能，所以将入口弱化。并且得到将此处搜索设定为全局搜索（搜索全App），可以引导用户发现更多内容，避免出现无结果/少结果的情况。
△ 得到今日学习模块 4. 隐藏式搜索框/icon 这种形式的搜索功能是被弱化的，入口在主页上不可见，有的折叠在其它入口中，有的可通过手势唤起。 典型的一种是下拉出现搜索框：平时搜索入口隐藏，不占用空间，需要时又可下拉迅速呼出。微信和iOS桌面、备忘录都采用了这种形式。 第二部分 搜索过程搜索过程是提高搜索体验的关键部分，过程可分为三个阶段：点击搜索框/icon → 输入文字/字符 → 点击搜索按钮/关键词。 第一阶段的反馈如下：
搜索页包括两部分，搜索栏和辅助区（搜索栏以外的部分）。进入搜索页后，一般默认调起搜索键盘。
△ 搜索页结构 （编辑：孝感站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
