设计师眼中的搜索框小细节

激活搜索框、输入搜索关键词、点击搜索按钮这一系列非常自然的动作看似很简单,背后的故事不少。

之前笔者发表的《搜索之前》介绍了用户使用搜索的原因,不同的用户群是怎么在页面中找到他们需要的信息,不同的搜索入口的设计可以在什么样不同的情况下使用。当然了,没看过也不要紧,因为这篇《搜索之时》和上一篇《搜索之前》没有关系… 并没有前因后果的联系,其实写的是用户在使用搜索功能的不同时段的用户行为和根据他们的行为对应的设计。

这里搜索之时指的是点击搜索框之后到点击“搜索“按钮或者按”回车“之间发生的事。是不是觉得间隔时间很短?短到平时都忽略了这个过程,但是这里面的故事不少,各个平台都花了不少心思在这中间过程的设计上。

点击搜索框

当用户点击页面上的搜索框之后,如果在PC端通常会给出历史搜索词和推荐的关键词;如果是在手机端除了两种搜索词外还会同时弹出键盘。历史搜索针对的是近期多次浏览对比同一个搜索结果的用户。可能是用户在电商平台挑选商品,可能是用户在视频类网站追电视剧。于是设计者们就把内容前置,可以让用户在不输入关键词的情况下直接得到想要的搜索结果。

推荐的关键词有几种可能,有其他用户近期的热搜词(最近流行的电视剧,流行的网络词),有平台推荐的搜索结果(给某些类目拉流量用的),有广告(金主给钱的),有针对用户的推荐词(根据用户最近的操作习惯精准化推荐的)。这其中近期的网络热搜词效果最好,针对用户的推荐词次之,之后分别是平台推荐词和广告。另外,也有对用户的输入行为预判并且分类的。这时内容前置给出的就是这些分类的名称,而不是某几个关键字。

输入关键词

用户在输入搜索关键词的时候,不管已完全输入了要搜索的关键词还是只输入了部分,各个搜索页面这时通常会给出关键词的联想搜索结果。有些平台在用户输入了一半的时候就根据用户的历史搜索记录和自己的数据库猜想出了用户想要输入的完整关键词。

有些平台甚至可以定位到某一部指定的影片

或是指定的地址,并且可以直接开始导航。

这也是一种信息前置的很好的方式:在用户输完所有关键词之前就给出搜索答案,给出下一步的操作。

关键词

现在大部分用户在搜索框输入要找的内容时已经不会再输入“黑色27寸戴尔高清4K显示器”这么长的关键词,而是中间会用空格把每个修饰语隔开。因为当用户用几个词语代替一长串字的偏正短语会得到更多的搜索结果。其实这样的长关键词更符合日常生活中的自然语言,把一个长短语拆解为几个词,加上空格再输入实际上是我们帮程序做了一步翻译的工作。

现在由于技术的进步,我们又可以搜索“黑色27寸戴尔高清4K显示器”了,程序会自动解析这一长串的字,先给出匹配所有关键词(黑色,27寸,戴尔,高清,4K,显示器)关联度最高的搜索结果,之后再给出去掉一个或者两个关键词的搜索结果。这样最大化的满足用户的需求,而不是尴尬的来一句“没找到相关内容”。

更高级的搜索方式

在可以搜索长关键词的基础上,现在有些平台已经可以语音输入搜索内容了。因为“黑色27寸戴尔高清4K显示器”也不是我们自然的沟通方式,“我想买黑色27寸戴尔高清4K显示器”才是。

只是语音输入并不适用于很多生活场景中,例如大家不会在办公室对着电商APP说我要买什么;而车载导航的场景就比较合适,封闭的空间,几个人相同的目的地,但是很多地址因为名字取的很尴尬,也不是那么容易搜到。

大家在做的搜索优化都是在简化搜索的过程,更精准的提前给出搜索结果。从点击搜索框给出历史搜词和推荐词,到输入部分文字给出部分匹配的搜索结果,到点击搜索按钮之后给出精确的搜索结果,是一个从模糊猜测到精确定位的过程。由于技术越来越完善,在模糊猜测的阶段我们现在就能抓到一些用户的需求,把搜索结果前置,缩短了搜索的流程。相信今后语音搜索可以更贴近自然语言,让搜索的过程更加高效。

DDC

作者:彬彬

(0)

相关推荐

  • UI设计师不得不看:那些让页面更加出彩的小细节

    大家在做网页UI的时候可能有时会碰到一个页面看起来怪怪的,但是就是不知道哪里不对,想优化一下却不知道从何处下手,今天小编就给大家带来一个小案例,文章很详细的从五个方面介绍了游戏网站的细节,每个小细节都 ...

  • Win10 Cortana小娜选项没有显示搜索框现象的原因和解决办法

    Cortana小娜选项没有显示搜索框怎么办?Cortana小娜是win10系统推出的一款广受用户喜爱的个人智能助理软件.但是现在却有用户在使用时遇到了win10 Cortana选项中没有"显 ...

  • Win10小娜搜索框如何添加放大镜.箭头图标

    如何给小娜搜索框添加放大镜.箭头图标的. 具体步骤如下: 一.首先需要解锁Cortana默认设置,解锁方法详见<如何修改Win10 Cortana小娜搜索框底色.边框颜色和宽度>一文第一部 ...

  • Win10怎么关闭小娜搜索框?关闭Win10小娜搜索框的方法

    Win10怎么关闭小娜搜索框?Win10系统的任务栏中有一个小娜搜索框,通过她可以方便的完成搜索,但是这个框占用了大量任务栏空间,下面小编就给大家带来关闭Win10小娜搜索框的方法,一起来看看吧. 1 ...

  • Win10系统给小娜搜索框添加放大镜、箭头图标的方法

    Win10有自带语音助手小娜,这个功能的确是很不错.刚接触Win10系统的用户,还不是很了解怎么使用这个功能:一些用户反馈自己想要给小娜搜索框添加放大镜.箭头图标,却不知道该如何操作.下面小编就为大家 ...

  • Win10无法在任务栏中显示Cortana微软小娜搜索框怎么解决?试试这招

    Win10中最重要的功能之一便是Cortana微软小娜搜索,默认情况下她在任务栏中以搜索框的形式显示,并且当大家将自己电脑上的操作系统升级到Win 10的时候,桌面上的微软小娜搜索框占据了任务栏很大地 ...

  • win10实用小技巧(去搜索框改小图标小工具栏)

    刚装了win10的朋友们都会遇到一些不了解系统的烦恼,介绍几个桌面上的小技巧,让你的桌面更敞亮. 隐藏桌面图标 01 在很多情况下不想让别人看到自己的桌面内容时,这是个又快又便捷的有效方法.效果如下 ...

  • Win10怎么禁用小娜如何关闭小娜搜索框

    Windows10系统为我们提供了小娜搜索服务,通过小娜我们可以方便的查找电脑中的资料,但是听说小娜可以搜集我们的个人资料,很多用户想把它关闭了.那么如何关闭任务栏中的小娜搜索框呢?下面就请大家一起来 ...

  • Win10任务栏无法显示微软小娜搜索框怎么办

    在大家平时使用Win10系统的过程中,很多小伙伴们遇到了任务栏中的为软件小娜搜索框显示不出来的问题,那么遇到这种情况我们该怎么办呢?欢迎大家速来围观我的啦. 在设置中显示搜索框 01 出现这个问题的原 ...