设计师就业衔接班！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领域，可见性是其根本概念之一：由物体的外形特征推导出其行为上潜在的可能。
网页中其实有个很重要的设计元素常常被大家忽视，呃!它就是搜索框?
散文的笔风，不过大概能理解笔者的意思~ 那个优惠劵的例子，前者是已经到手的实惠，后者是失而复得的确幸，我也觉得后者会更happy一些。毕竟人是厌恶损失的动物，失去了才知道珍惜。前者就是常规营销手段，后者在选择好场景时机后，是推动体验、拉高情绪的利器。
有些思考的点，感觉在产品经理梳理需求的阶段就已经涉及到了，设计角色只是作为更多只能作为提提建议的一方，更多的时候还是执行设计稿，很多公司或者pm也不会把这种权利下放给设计师。 不过拓宽了思路，学习了。
前端：你随便打开一个平台看看，这种效果不可能实现的。。。 设计师：可以实现的，我的设计是有依据的。。。 前端：反正不可能。
细细看完了 文字都透露着平静和力量 讲的点都非常精准 受教了
首先文章写的很好，不过商品布局我更推荐瀑布流，因为此时用户在首页没有明确目的是逛的心态，而不同的衣服款式也不同所以此时购买者更在意图片，所以重点突出图片成了决策因素，当用户搜索后有明确目的更适合F浏览模式，因为此时的商品图片都一样，此时价格呀，店铺，购买量等等就成了点击决策因素，此时此文字因素为重～～～～哈哈，个人的拙见·～
散文的笔风，不过大概能理解笔者的意思~ 那个优惠劵的例子，前者是已经到手的实惠，后者是失而复得的确幸，我也觉得后者会更happy一些。毕竟人是厌恶损失的动物，失去了才知道珍惜。前者就是常规营销手段，后者在选择好场景时机后，是推动体验、拉高情绪的利器。