拆解 | 搜索体验的设计套路

C.搜索icon

搜索icon应用广泛，位置一般在页面右上角。相对搜索框来说，搜索icon的引导性稍差，运营空间也有限，但可以节约导航栏空间，适合于将搜索作为辅助功能的场景。

比如得到的今日学习模块，以feed流的形式，展示用户每天的学习任务。这个模块预设功能是浏览、收听，且内容有限（只包括用户付费订阅的内容和平台为该用户个性化推荐的内容），搜索在此仅仅是辅助功能，所以将入口弱化。并且得到将此处搜索设定为全局搜索（搜索全App），可以引导用户发现更多内容，避免出现无结果/少结果的情况。

图5  得到今日学习模块

D.隐藏式搜索框/icon

这种形式的搜索功能是被弱化的，入口在主页上不可见，有的折叠在其它入口中，有的可通过手势唤起。

典型的一种是下拉出现搜索框：平时搜索入口隐藏，不占用空间，需要时又可下拉迅速呼出。微信和ios桌面、备忘录都采用了这种形式。

第二部分  搜索过程 

搜索过程是提高搜索体验的关键部分，过程可分为三个阶段：点击搜索框/icon → 输入文字/字符 →  点击搜索按钮/关键词。

第一阶段的反馈如下：

• 跳转：跳转到搜索页

• 激活：激活搜索框，光标闪烁，并显示引导文案

• 调起：调起搜索键盘

• 搜索页

本文的搜索页，指点击搜索框/icon后跳转的页面。

搜索页包括两部分，搜索栏和辅助区（搜索栏以外的部分）。进入搜索页后，一般默认调起搜索键盘。

图6  搜索页结构

• 搜索栏

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!