扫码登录 我要学设计网
设计师的职业进阶课堂

微信扫码登录 | 方便安全省心

搜索设计的千变万化

黑马青年 2020年12月06日 发布 / 863 次阅读

作为 UI 或者产品设计师来说,产品体验日记的总结至关重要,对产品设计中的交互探索、细节处理、解决方案学习等都可以对我们的专业沉淀起到帮助。产品体验日记是一种习惯的养成,不在于量的多少,而在于是否形成自发的习惯。

 

当积累到一定量的时候,我们可以进行单一功能的梳理和总结,以相同的功能需求去体验不同产品的解决方案。

 

本文给大家梳理的便是以搜索为主的体验总结,希望可以抛砖引玉,让你去发现更多关于搜索设计的不同解决方案。

 

 


01. 短视频下的搜索结果更好理解


关键词:短视频、抖音

 


产品体验:

随着短视频进入我们生活中,搜索不再停留在浏览器的海量信息筛选中。搜索当地美食、旅游等关键词,抖音以短视频为你带来更加清晰的介绍,通过视频的讲解和归纳让海量信息的筛选更加便捷直观。


1.jpg

 


设计思考:

随着海量信息的产生,用户缺少的不是获取信息,而是如何在海量信息中进行筛选。浏览器搜索依然占据搜索主力,但是一些特殊关键词下的搜索,短视频的形式更加直观。短视频创作者的总结给用户提供了一层过滤网,就相当于买东西希望是朋友推荐一样,省去了筛选的时间,间接提高获取效率。

 

 


02. 语音搜索带你出行更便捷


关键词:语音搜索、高德地图

 


产品体验:

地图软件算是这个时代最惠民的应用之一,让你我的世界不再那么陌生,导航带你走遍天下。

 

除了输入文字进行搜索以外,语音搜索解决了输入文字带来的烦恼,让我们的老一辈也能玩转地图。如果你正好处于驾驶状态,语音搜索带给你更安全的体验。


2.jpg

 


设计思考:

语音搜索不仅给用户提供了更多的搜索形式,更是解决了文字输入带来的不足。不仅让不会打字的人也能使用,也方便了一些不便于进行文字输入的场景出现,带给用户更加便利、安全的搜索操作。

 


 

03. 问答式语音搜索体验


关键词:语音搜索、嘿Siri

 


产品体验:

任何搜索场景下用户都希望获得反馈,在探索人与程序之间的情感沟通层面,问答式的反馈带给用户更好的亲和力。通过问答式语音搜索获得反馈,就像有个朋友帮你做出选择一样,带给用户情感化的搜索体验。


3.jpg

 


设计思考:

在智能化之前,搜索是静音式的操作,输入关键词获取答案。而智能语音机器人的出现,就像多了一位知己,无所不知的知己,通过聊天的方式解答你对未知的兴趣。在未来的人机交互体验中,无界面化将会不断成熟,语音交互起到了很强的推动作用,改变了用户的搜索习惯和操作体验。

 

 


04. 听歌识曲让你听到的声音不再陌生


关键词:音乐搜索、听歌识曲、网易云音乐

 


产品体验:

有时候经常会听到一些旋律优美的声音,苦恼自己没听过,或者一首耳熟能详的歌却只会那么几句歌词。对于声音的识别改变了搜索的全新定义,听歌识曲带给用户不一样的搜索体验,通过声音识别完整歌曲,让用户的生活不再有忘记的旋律。


4.jpg


 

设计思考:

视听体验中,声音充斥着我们的大脑,就算眼前一片黑暗,只要有声音的出现,依然可以带给你安全感和希望。随着各种海量信息的记忆,我们会逐步淡忘那些曾经的声音,而听歌识曲通过对声音旋律的搜索唤起我们的记忆,改变了对于未知声音的探索。

 


 

05. 以图搜图让搜索不再文字化


关键词:图片识别、以图搜图、淘宝

 


产品体验:

在生活中发现了一个好物件,却又无法得知名字,因而无法通过关键词搜索购买。淘宝搜索解决了这一困惑,除了通过关键词搜索以外,可以拍摄商品图片进行识别搜索,以图搜图(商品图)为你找到需要的商品。提高了用户对于喜爱物品的需求,带给用户更好的搜索体验。


5.jpg

 


设计思考:

通过关键词搜索需要的商品是电商购物常见的形式,如果你发现一个物品却不知道其名字时就无法通过关键词搜索到它。而以图片进行搜索的出现,带给用户一个完美的解决方案,以图搜图可以以拍摄的物品图片搜索到类似的商品。

 

以图搜图除了在电商平台进行运用以外,很多图库网站、浏览器(如百度识图)等也会涉及,让用户摆脱文字化的搜索形式,图片等视觉化的搜索方式改变了全新的搜索定义。

 

 


06. 通过颜色搜索配色图片


关键词颜色搜索、图库、designspiration

 


产品体验:

对于设计师来说会经常在一些图库网站搜索图片资源,通过关键词搜索是较为常见的形式。但是如果想要某类固定色系的图片就比较难通过关键词搜索,而在 Designspiration 网站可以通过颜色进行图片资源搜索,可以选择单个色彩或者多个进行组合搜索,网站会根据用户选择的色彩情况呈现出相应的配色图片,非常的智能好用。


6.jpg

 


设计思考:

从图片中提取配色关系用于设计项目很常见,但是如果遇到需要根据配色关系配图时就会手足无措。而通过颜色进行搜索图片资源带给设计师一片曙光,通过颜色的匹配关系呈现相似内容,不仅资源丰富,还十分精准。

 

 


07. 聊天式智能对话搜索体验


关键词:智能对话、夸克

 


产品体验:

在使用夸克 App 进行搜索时,可以选择智能机器人(夸克宝宝)模式下的搜索形式,带给用户的是聊天式的搜索方式。与其说是搜索,不如想象成在和夸克宝宝聊天,带给你更加亲和的搜索体验。聊天场景支持文字输入、图片识别、语音等形式,给用户提供多种便利的搜索方式。


7.jpg

 


设计思考:

聊天式智能对话搜索体验让用户不再面对冰冷的设备,更加人性化的体验增强用户和产品之间的亲和力。智能机器人的介入更像是一位知己友人,帮你解答疑惑,陪你谈笑风生,就算推荐给你的是一条广告,你也会欣然接受。

 


 

08. 微信搜索让结果更纯粹


关键词:微信搜索、去广告化

 


产品体验:

微信的出现改变了人们的沟通方式,随着普及度的提高和公众号内容的丰富,利用微信搜索相关内容也不断被认可。相较于一些广告泛滥的搜索平台而言,微信的搜索结果更加纯粹。


8.jpg

 


设计思考:

现在不是获取信息难,而是信息量太大,导致耗费了大量时间去筛选和辨真伪。随着新时代网民生活节奏的加快,对于搜索结果的筛选变得迫切,希望能够更加纯粹,去广告化的结果才能带给用户对于信息接收的认可度。

 


 

09. 影视搜索条件更丰富


关键词:影视搜索、图搜剧、词搜剧、爱奇艺

 


产品体验:

在使用爱奇艺进行影视搜索时,为了满足用户更多搜索条件,提供了全网搜索、图搜剧、词搜剧、语音搜索等操作。不同用户所掌握的资源不同,更多搜索条件的提供方便了特定用户的需求,提升搜索体验和人性化的服务。


9.jpg

 


设计思考:

对于用户来说选择追剧的平台很多,除了独播资源和影片量的吸引力以外,更好的视听体验和搜索体验也是一方面的选择因素。能在用户信息不足的条件下帮他找到所需资源,便能获得用户青睐,更多条件的搜索场景无疑可以满足更多用户的需求。

 

 


10. 地图范围控制搜索更精准


关键词:地图搜索、房天下、房源搜索

 


产品体验:

在搜索房源的时候除了通过关键词、位置区域等搜索外,房天下提供了地图定位搜索。根据定位可以在地图上采用缩放和移动的形式选择房源,也提供了更多筛选条件。

 

如果想要搜索某个地图区域范围内的房源,还可以选择手动绘制区域来选择范围,然后系统会筛选出这个范围内的房源供用户选择,非常便利且人性化。


10.jpg

 


设计思考:

通过地图范围控制来进行搜索,相较于关键词搜索更能方便目标不明确的用户,可以在某个区域范围内寻找房源。比如公司辐射范围、地铁辐射范围、特定地点辐射范围等,该设计解决方案不仅给用户提供了更多搜索条件,也更能直观的进行筛选对比。

 

 


11. 地图定位搜索更便利


关键词:美食、景点、携程旅行、地图搜索

 


产品体验:

在运用携程旅行搜索酒店、景点、美食等内容时,可以通过当前定位选择地图搜索。可以选择驾车10分钟、步行10分钟、直线距离或者评分等进行筛选,地图上进行呈现方便目测路线情况,可以更加直观的对比。如果想要更详细的对比,也可以上拉卡片,进一步的详细介绍和排序也能更加方便用户做出选择。


11.jpg

 


设计思考:

搜索结果的呈现方式决定了用户如何理解和需要多少时间对比,地图搜索后的呈现方式更方便用户对比路线。根据定位选择最佳的到达路线和出行方式,提高用户筛选的效率。

 

 


12. 没有目的就摇一摇


关键词:摇一摇、微信读书、阅读

 


产品体验:

如果你想要阅读,但是又不知道该阅读什么书籍,面对搜索举足无措。微信读书针对没有阅读目的的用户提供了摇一摇,摇动手机为你自动推荐阅读。这样的操作解决了一些选择困难症的用户或者没有阅读目的的用户,降低选择的效率。


12.jpg

 


设计思考:

搜索更多的情况是满足于具备搜索目的的用户,如果一些没有明确目的的用户就会变得盲目,而一些官方推荐解决了这一问题。为了让这种推荐带有一定的随机性,在搜索场景下结合了摇一摇等类似做法,可以带给用户一定的惊喜,就像中奖的感觉。这样的设计解决方案不仅给特殊用户提供了便利,也丰富了搜索的更多场景。

 


 

13. 品牌基因融入搜索设计


关键词:品牌基因、天猫、搜索设计

 


产品体验:

天猫 App 搜索框结合“猫头”的品牌基因元素进行设计,不仅让搜索显得别具一格,还能辅助品牌传播。相较于常规的搜索框设计而言,更能传递其自身的品牌差异化。


13.jpg

 


设计思考:

品牌的强化与延展无论是何种设计场景下的运用,都将是设计师不断探索的挑战,将品牌基因结合到项目设计中不仅可以体现产品的设计差异化,也是传递品牌文化的关键因素之一。

 

 


14. 简单搜索,极致体验


关键词:简单搜索、语音搜到、搜索体验

 


产品体验:

随着搜索产品的不断丰富,探索更好的搜索体验才能获取用户更高的认可度。在体验简单搜索的时候,去广告化的体验给人更多安全感,简洁的界面设计让搜索更便捷。搜索结果化之后搜索栏设计在底部,方便用户随时继续搜索,为了记录用户搜索习惯,首次搜索的方式(文字、语音)将会继续保留在底部,方便用户用自己习惯的方式继续搜索操作。


14.jpg

 


设计思考:

产品多元化带给用户更多选择权利,提升产品体验才能获取用户粘性。记录用户行为习惯,准备好随时为用户带来服务,成功的产品需要在很细微的地方带给用户惊喜。简单搜索以人性化的贴心设计取悦了用户,让搜索变得便捷、精准、去广告化。

 

 


15. 搜索过程需要更细微的体验


关键词:夸克、输入体验、搜索

 


产品体验:

在运用夸克进行搜索时,如果输入的是网址,搜索框下面会提供光标滑动操作,当用户输入错误时可以更方便进行光标滑动,这一人性化的设计让我粗糙的手指得到了解放。

 

当输入关键词搜索之后,搜索预览结果显示在上方,保持搜索框在手势操作区域,方便用户继续输入或者更改内容输入。


15.jpg

 


设计思考:

随着细分领域的发展,在同样可获取信息的场景下用户自然会选择体验更好的产品。而体验的提升就是做好每一个用户操作场景下的细节,把困难留给自己,把方便留给用户。越来越多的产品能在很多细微之处深度探索,带给用户更好的产品体验。

 

 


小结


产品体验日记的总结对于 UI 设计师而言是非常重要的习惯,当体验量达到一定程度的时候,对于单一功能的体验总结是进阶的下一步培养。本文以搜索设计的体验进行总结,希望可以以此抛砖引玉,让更多设计师参与其中,增强自己的设计思维和产品思维。



编组 25.png

作者:黑马青年(黎波)

本文由 @黑马青年 原创发布。未经许可,禁止转载。