Сканировать QR-код Загрузить QR-код
Magazin domenov
Выберите типы платформ для обхода блокировки ссылок
Выберите разрешенные типы платформ

拆解搜索入口:从功能分析到设计细节

你有没有过这样的体验:在商场里逛着逛着突然找不到想要的店,一抬头看到“服务台”三个字,心里立刻就踏实了——你知道,遇到问题可以去那儿问。

App里的搜索入口,其实跟商场服务台很像。用户看到那个熟悉的放大镜图标或者搜索框,马上就知道,我可以在这里输入文字,快速找到想要的东西。

但这就带来了一个有点矛盾的要求。用户需要的时候,搜索入口最好一眼就能被抓住;不需要的时候,它又应该安静得像不存在,完全不打扰浏览。换句话说,就是既显眼,又没有存在感。现实中不同产品处理这个矛盾的方式差别挺大,但本质上,都是在想办法平衡这两件事。

最常见的做法,是把搜索框放在页面顶部。这跟我们的浏览习惯有关——打开一个页面,视线通常是从中上部开始扫的。这也是为什么很多电商App会把最想推的活动放在这个区域。不过,同样是顶部搜索框,它在不同场景下的角色其实不太一样。

当页面内容层级很深,菜单套着菜单,用户想找一个功能可能得点好几下,这时候一个简简单单写着“搜索”两个字的框,就能起到很直接的引导作用。比如iOS系统设置里,菜单项又多又杂,用户想设置锁屏密码,可能得摸索半天。如果在顶部放一个搜索框,提示“搜索”,用户就能立刻反应过来:我不用一层层去翻,直接搜“锁屏密码”不就完了?这类搜索框的首要任务,就是让用户知道这个功能存在,并且能用。



在用户已经知道“这里能搜”之后,很多产品还会进一步利用搜索框里的默认文字,去激发用户的搜索欲望。你常看到的那些灰色提示词,比如“搜索你想要的内容”,或者更直接地显示“双十一特惠”“夏季连衣裙”,都属于这一类。这些默认词要么是平台当前主推的活动,要么是根据你的浏览记录推送的个性化关键词。在电商App里尤其常见。它不光能把用户更快地带到活动页或商品页,还能延长你在App里停留的时间。如果同时有好几个活动在推,有的App还会让默认词像轮播图一样滚动,每个词都是一个入口,既强化了宣传效果,也增加了用户下单的可能性。

还有一种情况,搜索框里显示的并不是固定的引导词,而是跟当前页面内容相关的信息。比如你用高德地图搜了一个地点,再点进搜索框,里面可能已经填好了“在xxx附近搜索”。这样你搜“咖啡厅”,系统就会直接找那个地点附近的咖啡厅,筛选粒度更细,结果也更贴合你当下的场景。它让搜索变得不只是全局搜索,而是带着上下文的精准搜索。



跟搜索框不同,有些产品选择只在页面右上角放一个放大镜图标。这通常意味着,搜索功能并不是当前页面最核心的操作,设计师希望用户先浏览页面主体内容,实在找不到需要的东西了,再去右上角启用搜索。因为人的阅读习惯是从左到右、从上到下,把搜索图标放在右上角,是默认用户会先从左到右看完内容,最后才扫到那个角落。像蚂蚁财富这类App,首页主要是向用户展示各种理财产品和市场行情,引导用户去了解和购买,而不是让用户一上来就搜。这时候搜索图标就比搜索框更合适,不抢内容的风头。不过,即便只是图标,也最好能让用户一眼认出是搜索。多数产品都用了放大镜造型,虽然细节上各家会做些微调,但把手朝右下角这个特征几乎成了共识。这可能是因为,大部分人在现实中用放大镜观察东西时,就是右手拿着,把手朝右下。当然,左撇子朋友可能不太认同,但约定俗成的设计就是这样,用户一看就懂。

如果搜索被放在了底部Tab栏,那说明搜索在这个App里是核心场景之一,用户随时都可能需要切过去搜内容。内容型App,比如小说阅读器、资讯平台,经常会这么干。做成底部Tab还有一个好处,就是搜索页面可以承载更多内容,比如在搜索入口页展示热门搜索词、推荐搜索话题,帮用户更快地发现感兴趣的东西,也能延长使用时长。这些热词通常短小精悍,跟搜索框里的默认词相比,字数限制更严,但导向性很强。不过这里有个前提:底部导航栏的位置很宝贵,如果已经有四个甚至更多重要功能占据了Tab,硬塞一个搜索进去反而会让界面变得拥挤,影响体验。所以要不要加搜索,取决于产品本身对搜索功能的定位有多高。

把搜索入口放在哪儿只是一个开始,怎么设计得好用,还要留意一些细节。首先,搜索入口必须足够明显,不管放在哪个位置,都应该在页面上足够突出,用户一眼扫过去就能捕捉到,如果被埋没在信息里,那跟没放没什么区别。其次,样式要直观,除了文字提示,放大镜图标已经成了搜索的通用符号,简单、没有歧义,大多数产品都会在放大镜的细节上做点差异化,但不会过度设计,免得用户认不出来。另外,现在搜索早就不是只能打字了,语音搜索、图片搜索在很多场景下反而更快捷——比如开车时动动嘴比打字安全,看到一件东西想搜同款,拍张照比描述半天更准。在搜索入口旁边放上相机或麦克风小图标,能让搜索效率高出一截。当然,搜索入口的职责就是帮助用户快速进入搜索状态,设计上要克制,一个简单的框或图标就够了,加太多装饰反而会干扰用户,让他多花时间去辨认。最后还有一个有意思的细节:很多搜索入口其实悄悄藏起了“搜索”按钮,用户直接用输入法的回车键就能触发搜索,少了一个点击动作,操作起来更流畅,对追求效率的用户来说,体验更好。

说到底,搜索入口的设计,就是在研究怎么在用户需要时恰好出现,在不需要时温柔退出。做得好,用户几乎感觉不到它的存在,但每一次找东西的时候,手指都会自然而然地伸向那个位置。