设计师就业衔接班!45天 PS、AI、AE 从入门到入行 详情戳>>>
可能很多人认为搜索设计很简单,但搜索前、中、后的体验大家有没有仔细考虑过呢?本文将介绍搜索设计需要了解的内容,以及在不同App和案例中的搜索体验。
看似简单的搜索设计,实则有很多你没注意到的细节可以探讨。本文分享了浏览器搜索设计过程中的9个建议,围绕这9个设计建议,可以展开很多具体的设计优化点。
小溜Epik:目前搜索功能是每个应用产品不可缺少一部分,同时也是用户经常光顾到的功能。一个好的搜索设计能够提高转化率,提升用户体验。
本文作者将从用户诉求、信息层级、界面表现三个层次上,试图对搜索和筛选两者的边界进行理清,并分别给出一些设计切入点。一、问题产生一次设计评审会上,作为设计师的我们和研发方针对「搜索和筛选到底是不是一回事?
洋洋Leony:搜索框是我们经常使用的组件,但是我们在设计时通常只是粗略地参考别家的搜索框并没有仔细去思考搜索框样式之间的差异性,本篇整理和分析了在默认状态下的搜索框该如何选择外观样式,希望对大家有所帮助。目录外框展示样式外框圆角大小默认内容的对齐方式一、外框展示样式这里一共整理搜集了5种,分别为:填充色线框投影透明度无外框1. 填充色最常用的外框使用方案,通常选用与页面背景颜色反差较大的颜色作为搜索框的填充色,方便用户查找与识别。
在我接触交互设计之前,我一直把搜索功能的设计看作「搜索框+提示词+删除icon+取消button」的设计,但其实看似简单的搜索框背后拥有十分复杂的场景,复杂的逻辑还有复杂的算法规则等。Peter Morville 有一本书《搜索模式》里面将搜索剖析得十分细,从搜索结构到行为模式到设计模式再到发现引擎都拆解开来一一讲解,不过偏 web端,而且有点复杂,建议阅读方法是只看目录,知道搜索功能设计有哪些要点,然后自己结合案例分析总结即可。
随着我们产品承载的内容越来越多,搜索功能在大多产品中都成了一个必不可少的功能。最初我们在看搜索框的时候,都会把它当作是一个常规的UI控件来对待,但随着我们对产品的用户体验越来越重视的情况下,搜索框在设计时还是有许多需要我们注意的地方。
无论网站或是App,搜索功能几乎成了标配,在其间占据着或轻或重的位置。一方面,搜索可以帮助用户节约时间、直达目的;另一方面,它也是用户主动表达意愿的一个窗口,可以帮助搜集用户需求、引导用户行为。
王M争:在之前的好几篇文章中,我都提到了设计师如果想完成自我提升,就应该懂产品。但是设计师如何去跨越那条“鸿沟”,学习站在产品的角度去构思设计,我却很少提及。
Jorri(译者):618、双 11……有朋友说,买买买是 Ta 认识世界的方式。
编者按:资深设计师经常强调的「场景」是什么?今天@拉瓦像阿拉蕾 通过5个搜索的案例,带你认识场景的魅力。
彬彬:搜索几乎是现在所有网站,APP甚至操作系统的标配,不论是电商还是论坛等等。它是一个站内给用户直接到达目的地的通道,起到了一个引导用户走向的重要作用。
一个好的搜索功能设计能够很好的帮助客户直达想要的地方,实现完美的用户体验,今天分享几个搜素框的设计技巧,希望可以給大家带来启发。你无法去卖一个用户找不到的产品。
@Mockplus原型设计 :许多人可能认为搜索框不需要设计,毕竟这只是两个简单的元素。然而,在内容繁杂的网站中,搜索框通常是最常用的设计元素。
编者按:Nick Babich 的UI/UX系列文章是目前最实在的设计系列文章,设计规则、最佳实践和实战案例三者兼顾,颇为值得学习。今天的文章聊的是搜索结果页的设计,和上一篇《设计一个完美的搜索框,你需要注意这9个要素》结合起来看,风味更佳~搜索就像用户和系统之间的对话:用户将他们的信息需求提交上来查询,系统针对提交的信息进行检索,再从界面上给用户以反馈,呈现为一组结果。
搜索几乎是现在所有网站,APP甚至操作系统的标配,不论是电商还是论坛等等。它是一个站内给用户直接到达目的地的通道,起到了一个引导用户走向的重要作用。
编者按:今天@励定洲 这篇译文开门见山,从搜索框的可见性、范围搜索、局部搜索、高级搜索以及输入五个方面聊聊如何设计出一个特别好用的搜索功能,内附大量实例(想知道谷歌搜索有哪个交互不好吗),结合实践,深入浅出,帮你掌握在线搜索的这五个方面。可见性在UX领域,可见性是其根本概念之一:由物体的外形特征推导出其行为上潜在的可能。
网页中其实有个很重要的设计元素常常被大家忽视,呃!它就是搜索框!
刚升级体验了~~非常期待微信输入法~~现在的输入法全是广告流量入口,文中提到的广告问题其实是输入法做的,其实挺恐怖的~~
但我觉得 Figma 之所以会受到大家的追捧,更多原因在于它的免费计划以及 Sketch 软件对操作系统的限制(Sketch 仅适用于 Mac),但我也理解为什么没有多少人愿意承认这些原因。这句话说得太对了
这么好的文章竟然没有评论!
如何吸引用户注意力: 1.人性化:尽量不要传达系统消息感,可以考虑用人物对话等更有温度的形式来包装 2.个人IP:头像在互联网世界中,如同现实世界的名字一样,都是属于个人形象IP的一个标志,更容易被用户关注到
讲的非常好,很感谢,但是文章中有一点点小问题,比如说文章中有一处是长边完全显示,写成了短边完全显示,会加长阅读的时间。不过也无伤大雅,总之很感谢!
刚升级体验了~~非常期待微信输入法~~现在的输入法全是广告流量入口,文中提到的广告问题其实是输入法做的,其实挺恐怖的~~