搜索技术原理及思路（5000字干货，帮你全方位解析搜索历史模块的
如何删除Tik Tok分享榜人5000字干货，帮你全面分析搜索历史模块的设计？
面对不同的使用场景和不同的用户需求， 搜索历史 产品的设计可能有所不同。那么，有哪些常见的 搜索历史 设计？产品选择不同布局格式的原因是什么？在这篇文章中，作者解释了 搜索历史 在某种程度上。让 让我们一起来看看。我之前面试过这个团队，发现很多候选人解释说 这里为什么这么设计从好看好看的角度来说。
这个维度很重要，但这种主观的决策依据不仅与用户和业务诉求脱节，也很难让我们的设计站稳脚跟，让对方信服。，每一处细节背后的设计思路变得尤为重要。
当我们满足日常需求时，我们也可以通过不断地问自己来找到支持。为什么。例如，要求 搜索历史 我之前做的好像是一个很简单的功能，当我问自己这个设计的支撑依据的时候，就很难说了。
于是，我花了一些时间去挖掘背后的逻辑，把思考的过程和结果写成文字，希望这些内容能给你带来帮助和启发。
一、关于搜索历史
纳尔逊 的前辈在他的十大可用性原则中明确提出，在设计中需要将用户以往的历史行为呈现给用户，以此来减少用户的记忆负担。搜索历史功能就是一个典型的例子，它和球员的历史跳转功能、转会的历史账号功能一样，本质上都是针对减少用户的记忆成本.的
如何设计搜索历史的布局呢？
从010年到1010年，我收集了21个各行业的竞品，发现搜索历史的布局大致可以归纳为以下三类。
二、搜索历史的三类布局
关于自适应，简而言之，容器的宽度随着内容的变化而变化，而填充(块间间距)保持不变。在所有竞品中，以下三类产品的搜索历史都采用了自适应布局(考虑到篇幅原因只放了部分截图)。
1）电商类
、考拉、JD.COM、闲鱼、天猫、pdd，这些产品的搜索历史一般采用自适应布局。
2）生活服务类
美团、饿了么等生活服务平台都是自适应的。
3）内容类
内容产品包括短视频、资讯和音频。比如网易新闻、腾讯新闻、喜马拉雅、简书、荔枝、小红书。他们的历史记录都是适应性的。
优点
大大节省空间，提高屏幕效果，同样的面积可以容纳更多的记录；全圆角胶囊形式的增强了点击感(圆角引导点击行为的理论基础请参考我之前关于按钮的文章)；胶囊聚合的形式使得信息层级更明确和聚焦(参考同上)。 缺点
面积不一致的布局在垂直方向上没有对齐，迫使迁移的层次移动，查找和区分的效率较低；面积不一致直接导致点击体验不一致；历史字数多了，无序感和混乱感就强了。2
1. 自适应布局
年，采用这种布局的竞品并不多。头条、百度、知乎、西瓜都用了双栏布局。优点
一个家庭要整洁，相比自适应，双排布局的视觉秩序感高在数量多的时候不会有杂乱感；对齐关系清晰，引导移动线垂直扫描，查找和区分效率高每个搜索词占据将近一半的屏幕空间，而且面积够用，点击体验爽；所有的搜索词都有相同的点击体验。 缺点
搜索词宽度固定，导致空间利用率低，屏幕效果低，尤其是搜索词字符宽度较小时。因为缺少容器，信息聚焦和层次清晰度都不如胶囊。
2. 双列布局
在业内竞品中还没有出现过针对我们浏览器产品的单列布局。但有意思的是，这种布局在一些典型的社交应用中是存在的，比如去年9月全面上线搜索功能的微信，以及单独上市的qq和微博。，Tik Tok的搜索历史也是单列布局。
优点
搜索词被排列成一个列表，秩序感高,并没有出现大量时的混乱感；每个搜索词占据全屏宽度,面积广，点击体验相当爽；所有搜索词的点击体验是一致的；空间足够，删除操作可以直接显示在前面，降低删除操作的成本。 缺点
全屏固定宽度有限，空间利用率低，屏幕效果低；信息专注度和层次清晰度都不如胶囊。在这里，也许你有和我一样的困惑。一个简单的搜索历史，为什么不同的产品使用不同的布局？布局和产品本身有什么关系？什么情况下是适应的？什么适合双排？什么适合单列？
唐 不要忽视它们，列出所有的困惑，然后尝试各种 去思考和解决它们。多问为什么，是培养设计师洞察力的绝佳手段。
，任何表示层的设计手段最终都可以来自两种需求业务诉求和用户诉求。搜索。
历史偏向用户侧的体验，这里我选择从用户进行切入，也许可以发现一些东西。三、关于用户分层
体验设计中有个概念叫用户分层，即便是同一个页面，我们也需要去细分不同的场景对用户做分层，为不同的用户做设计。
比如很多产品的首页，之所以普遍是“搜索+品类+推荐”结构，也是基于用户分层的设计。
用户来到首页后，可以大致分为浏览型和目的型两类。前者没有明确目标，随便逛逛，产品可以通过算法进行模块化精准推荐；后者有明确的目的，知道自己想要什么，产品可以通过提供搜索和品类入口，帮助这类用户定点查找。
而目的型用户在进行了搜索这个行为后，便生成了搜索历史。，我们可以通过挖掘用户搜索行为背后的目的，来分析为什么使用不同的布局。
四、搜索行为背后的目的
我发现用户进行搜索时的目的，大概可以细分为以下三大类购买决策型、内容消费型和答疑解惑型。
1. 购买决策
这类动机的用户基于自身对某类物品、服务进行购买的动机，产生了搜索的行为。
比如我想去点个外卖、买个衣服。这里的之一步，就是去搜索，筛选出符合我预期的内容。
1）搜索内容
通常是某类具象的名词，比如粥、火锅、串串香、球鞋等，或者店铺名。
2）对应产品
所有的电商类、生活服务类的应用，如 、京东、美团、饿了么等等。
3）布局分析
我发现这类产品基本全使用了自适应布局，为什么呢？
① 购买决策型的搜索内容基本对应了具象名词，通常字符数较少。所以采用自适应能够保证极高的空间利用率。如果采用双列或者单列的布局，会存在明显的空间浪费、降低屏效、影响其他内容的曝光。
② 购买决策型的用户，场景上偏高愉悦场景。高愉悦场景下，我们更倾向于“浪费”时间。
比如我们在点外卖、刷 ，猎物酬赏往往会让我们沉浸其中不可自拔，忘记时间的存在，等意识过来时，发现已经过去大半个小时（这里的猎物酬赏即我们在搜寻过程中接触到的源源不断的有价值的信息，在一个月了，如何用上瘾模型弯道超车？这篇文章中有讲，有兴趣的老铁可以去看看）。
映射到现实生活中，就好像我们平日里去琳琅满目的商场、超市购物，有充足的时间慢慢得精挑细选、货比三家。
所以，购买决策型的搜索场景不会追求高效，用户对历史词快速查找和使用的诉求相对较低。即便自适应布局降低了效率，负面影响偏低。
2. 答疑解惑
这一类内容基于用户对某类问题的解决诉求。
1）搜索内容
通常以5w1h的句式呈现，比如「南京公积金怎么提取」、「凡尔赛是什么意思」、「为什么会失眠」等等。
2）对应产品
浏览器产品、知乎。
布局分析
这类产品为什么基本都使用了双列布局？
搜索词通常遵循5w1h类型，字符往往较长（包含搜索联想词）。答疑解惑型的搜索内容，通常对应着用户背后遭遇的问题，没有人希望自己的生活被问题填充和缠绕，所以绝大多数的问题，背后都裹挟了【我想尽快解决！】的诉求。因为从场景愉悦度上来看，这类场景对应着低或中愉悦场景。此时，用户对时间的敏感度高，倾向于追求高效、节约时间。（当我们去尝试解决一个现有痛点、难题、困惑时，本能得渴望减少耗时）
并且，如果问题一直无法得到解决，较易出现急切，沮丧，挫败等负面情绪，所以，我们会经常基于之前输入的历史词进行反复的修正和尝试，直至耐心消失殆尽。
而双列这种稳如老狗的布局，以垂直动线加速用户对历史词的的查找使用（数量较多时也不会出现混乱感），足够高效。而且，足够的空间也符合较长的字符宽度。双列布局是答疑解惑型搜索的不二之选。
绝大多数的浏览器产品，都采用了双列这一布局。因为浏览器给用户解决问题的属性已经深入心智，根据搜集的一些用研资料，答疑解惑型搜索在浏览器中也占据了更高的比例。知乎虽是内容型产品，但主要功能也给用户是答疑解惑，也采用了双列的布局。
看到这里，你可能会问，单列也满足条件啊，为什么很少看到单列的？没错，单列布局虽然也能符合这些要求，，它更大的缺陷就是——太占空间了。
同等面积下，双列能显示12个历史词，单列只能显示一半。最关键的是，产品还需要通过加塞实时热搜、搜索热榜这些玩意儿盈利。所以，商业价值的驱使下，单列布局的场景基本很少。
3. 内容消费
这一类型的动机基于对某类内容的消费动机。
1）搜索内容
通常是某类抽象名词，比如某某话题、某某事件、某某资源等等，它们通常对应着内容创作者。
比如「王思聪土味情话」、「建党一百周年」、「苏州酒店坍塌事故」等等。
2）对应产品
主要为内容、社交型产品，比如各类新闻资讯、短视频类产品、简书、喜马拉雅、微博、微信（搜一搜）等等。
3）布局分析
这类产品的布局基本会有两类，一类是自适应，另一类是单列。
内容消费和购买决策本质上都属于“消费”范畴，只不过前者是内容、后者是需要付费的实物。它和购买决策一样，都属于高愉悦场景，而且由于内容的即时性和形式的多变性，引起的愉悦感往往要更加强烈。所以，自适应同样是合理的布局。
单列布局呢？
前面有说过，单列布局的体验比肩甚至优于双列，但最明显的缺憾就是太占空间，而空间向来是业务的必争之地。，单列布局的使用场景和具体业务相关。
比如业务需要确保其他搜索模块（如热搜、个性化搜索推送等）的曝光，那么是否可以允许这些搜索模块前置，让搜索历史作为一个单独页面，触发搜索框的聚焦后，和软键盘同步唤起。比如微信和qq。
再比如是否允许减少历史词露出数，来达到搜索模块和历史词共处一页的目的，减少跳转，比如微博和抖音。
五、使用场景
1. 自适应布局
适用于购买决策型、或者内容消费型的搜索场景，此类场景下搜索词较短，且用户对历史词快速查找和使用的诉求相对较低。常见于电商、生活服务类产品。
2. 双列布局
双列布局，适用于答疑解惑型的搜索场景，此类场景下搜索词较长，且用户对历史词快速查找和使用的诉求较高。常见于浏览器产品，或者知识问答类产品。
3. 单列布局
单列布局，适用于内容消费型的搜索场景，此类场景下搜索词较长，因占据较多空间，需要视具体业务情况使用。
六、
以上，就是「搜索历史」在不同使用场景下的研究。其实，不论是多小的细节，我们设计师都可以基于用户和产品两类角度，通过不断得自问「为什么」，来挖掘背后的逻辑，以让我们的设计有理有据。不但帮助我们更顺利得过稿，也可以提升我们的洞察力和专业水准~
希望这篇干货对你有所帮助。
专栏作家
Andrewchen；微信公众号转行人的设计笔记，人人都是产品经理专栏作家。中科院硕士自学转行，擅长通过文字帮助年轻设计师成长和提效。延迟满足、长期主义。
本文原创发布于人人都是产品经理，未经许可，禁止转载。
题图来自 Unsplash，基于CC0协议。
该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。