搜索设计的千变万化

用户头像
杭州/UI设计师/5年前/4876浏览
搜索设计的千变万化

产品体验日记栏目-搜索设计体验

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

 

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

 

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

 

 


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


关键词:短视频、抖音

 


产品体验:

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


 


设计思考:

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

 

 


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


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

 


产品体验:

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

 

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


 


设计思考:

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

 


 

03. 问答式语音搜索体验


关键词:语音搜索、嘿Siri

 


产品体验:

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


 


设计思考:

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

 

 


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


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

 


产品体验:

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



 

设计思考:

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

 


 

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


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

 


产品体验:

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


 


设计思考:

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

 

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

 

 


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


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

 


产品体验:

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


 


设计思考:

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

 

 


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


关键词:智能对话、夸克

 


产品体验:

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


 


设计思考:

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

 


 

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


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

 


产品体验:

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


 


设计思考:

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

 


 

09. 影视搜索条件更丰富


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

 


产品体验:

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


 


设计思考:

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

 

 


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


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

 


产品体验:

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

 

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


 


设计思考:

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

 

 


11. 地图定位搜索更便利


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

 


产品体验:

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


 


设计思考:

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

 

 


12. 没有目的就摇一摇


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

 


产品体验:

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


 


设计思考:

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

 


 

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


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

 


产品体验:

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


 


设计思考:

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

 

 


14. 简单搜索,极致体验


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

 


产品体验:

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


 


设计思考:

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

 

 


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


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

 


产品体验:

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

 

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


 


设计思考:

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

 

 


小结


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

 

 

作者:黑马青年(黎波)

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

60
阅读原文
|
举报
|
75
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
倒计时,海报,平面
城市园林平面布局航拍
金色颗粒质地的平面
城阙凡花
金色颗粒质地的平面
古风平面仕女与瓷器
平面男孩喝咖啡插画设计
平面书法字手写
平面花卉图案扁平简约无缝拼接插画
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
金色颗粒质地的平面
平面设计 吊牌设计
中国传统纹样创新图案设计
城市园林平面布局航拍
空的平台平面和自然景观
金色颗粒质地的平面
平面风格黄绿色系花朵装饰
平面插画设计女孩喝咖啡
水蜜桃和李子的平面水果图案
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
海底世界插画
空的平台平面和自然景观
你可能喜欢
相关收藏夹
大家都在看
登录注册