随着我们品承载内容越来越多,搜索功能在大多品都成了个必不可少功能。最初我们在看搜索框时候,都会把它作是个常规UI控件来待,随着我们品用户体验越来越重视的情况下,搜索框在设计时还是有许需要我们注意的地方。
不管用户带着什么目的去使用搜索功能,其使用行为是点击搜索框,弹出搜索中间页,输搜索内容,最查看结果页。因此我们应依次对照操行为进行关键点设计。也是今天我要跟大家分享的重点内容。
搜索入口
首先给家看一调查表,这两谷歌作的人因素理学博士A.Dawn Shaikh(道恩·沙谢赫)Keisi Lenz的一项研究(用户对于搜索框网页中预出的置)。从结果可以看出左角右角占比高的两部分,部分用户还希望搜索功能出一明显的置。
因此产品中只要有搜索功能,我们通常把它放在一个相对明显的位置上,但是搜索口具怎么设计还是得看搜索功能在个产品中的权重何。小编在里不做的分析,简单给大家介绍一下现在APP中搜索口最常见的三种形式。
1. 独立导航标签
如图中「1」的置。这种搜索入口,明搜索功能整产品中占据绝对的权重,直接出底部或顶部导航栏中,这样用户切换几导航页面时,搜索入口常态存的。全局性的设让用户可以随时点击入到搜索页面。一般言,此类操作触发后对应的搜索页面功能层级也加丰富。
2. 搜索框式
如图中「2」的置。 任务型应用通常使用搜索框形式,这种设方式占据了足够的屏幕宽度,一般屏幕的核置,通常会页面顶部置出,用户对此一目了然,可以速点击搜索。
3. ICON入口式
如图中「3」的置。 这种入口通常出以浏览主、搜索辅的页面。由于占据空间较小,出的置严格限制,因此置置较灵活,可以出页面角落或者收起多入口当中,避免与其它高权重需求争权,它多只作一辅功能出。
搜索中间页
这页面简单的,就用户点击搜索按钮,页面立即弹起的一过渡页面。由提示语、返回按钮、历史记录、门推荐、清除按钮这些基本功能组。但当我们满足这些基本功能点时,如何让搜索中间页的设加贴呢?
1. 给一个确的提示语
在搜索框中放置提示语或者示范性搜索问题来建议用户如何使用这个功能,帮用户弄清可以搜索些什。这对用户也是一种良性的引导,给用户提供了一个心理预期,如下图中(图一)和(图二)。
(图三)在完成基本功能,它根据用户之前的大数据搜索情况,量身定制了每个用户的专属提示语。把用户的习惯放在第一位,造一种专属,让用户觉得是被别对待的,从细节中去动用户。
2. 历史记录靠近一点
在开始这个话题之前先给大说一个概念,如上图展示,我们的眼睛会自把红色圆形从黑色圆形中归为一类,这就是格式塔-相似律原则。相似律本质上是简和整体认知对象的组织原则,它倾向于将接、似的元素组合起来作为一个整体。
如图、图五,历史记录可有效的减户对重复性容的必要操作,呈现户的搜索历史。根据认知心中的相似律,搜索框通位于页面顶,历史记录紧贴搜索框展示,此时户的视觉焦点在这里,更容易注意到,会产生认知偏差,因此该位置要避免被他信息模占据从而割裂二者的联系。同时对同模在样式上做点区别,更好的帮户区分模间的区别。
3. 分类搜索
在搜索功全性的情况,搜索涵盖的容太多,仅在搜索框中现示词已足满足户对于信息分类搜索的需求。可前置分类搜索模,在搜索开始前就缩小搜索范围。
搜索过程
常我们击搜索框后到进入搜索页,输入内容,击「搜索」按钮到最后完成搜索。常几秒完成了,是这几秒钟时,是我们品功能性化与智能化体现。那我们应该怎么更好完善这个过程呢?
1. 动态实时搜索
根据你输入文本,应搜索结将会实时动态过滤显示在屏幕上,帮助用户更快地找到自己想要结,体现我们品智能性。
2. 给用户一点建议
当用户在搜索框输内容时,搜索框下面出现关个关键词的众搜索建议,把每条建议进行细化的拆分,用标签提示。为用户省去到结果页进行筛选的步骤,以帮助用户更快地到达搜索结果页。
3. 加点微交互
输入关键字时,搜索框下方会出一系列的联,点击某条联右的箭后,我们会发该联入搜索框并引发了又一系列的联,选择终确认词条,点击搜索按钮到达结果页。整过程可以让用户速精准的到达搜索结果页,避免输入过程中出错误输入,终提升产品转化率。
4. 搜索间过长,请考虑动画
虽然搜索的过程正常3秒内可以完成,当网络不好或者内容过多的候,一定要给一个搜索状展示(或进度展示)。告诉用户这个页面正在进行中,散用户等待过程中的无聊。
搜索结果页
搜索结果页是用户的终极目标。怎把用户所需要的息准确且重点的展示出来,让用户一目了然,是这个页面的主要任。
1. 多维度展示
当展示内容过多,应该对不同模块的内容进行类整理,把结果内容进行模块展示,提升息的清晰度和可读性,帮助用户快速找目标息。
2. 增操作功
在反馈结果页上附操作功,户快速抵达目的地,缩短操作路径,更有利于升户操作效率。
3. 结数呈现
显示搜索出来结数量,以便用户可以决定他们要花费多长时浏览结。
4. 关键高亮
结页快速查看到关键并件易事,尤其是页文数量众多关键多出现时。结页关键高亮显示,可以让用户快速找到自己想要东西。
5. 进行有效的提示和纠错
当我们出现输错误的时,不要给用户一个错误呈现页,以对用户进行有效的纠错和提示,以便帮助用户快速且准确的完成输。
以上说的内容是基现阶段的互形式,我们在设计时应该注意的地方。但随着科技的展,搜索的形式也不仅仅只局在文字搜索,越来越的互媒介出现在我们身边。就要求我们,与时俱进,更的和探索互媒介,以便更的提升我们的产品验。
欢迎关注微信公众号:「 融360RUX」