搜索设计看似简单，展示形式只有一个输入框和搜索按钮，但其中隐藏着很多交互细节。最近工作中刚好有搜索相关的设计需求。今天总结一下搜索中交互的详细设计。本文的主要内容包括：搜索的作用搜索栏的形式搜索设计的原则搜索的作用用户是懒惰的，不愿意花太多精力去记忆信息。“无脑刷”抖音玩法让亿万用户乐在其中。因此，在产品设计时需要尽可能降低用户的行为门槛，“千人千面”的推荐机制变得越来越重要。而搜索查询是用户的主动行为，相对可控性更强，一直是产品设计中非常重要的一种方式。搜索主要是帮助用户从海量数据中快速找到自己想要浏览的内容。例如，百度和谷歌等搜索引擎可以成为单独的产品。可见，搜索在互联网时代扮演着极其重要的角色。主要包括以下两个方面：1.降低用户的行为门槛搜索实现简单的输入和快速的输出，只需少数几个关键词就可以获得满足用户需求的内容，将原有的用户行为成本转移到系统中，从而使购物更快更容易。语音输入和图片搜索进一步降低了用户行为的门槛。2、减少用户操作，缩短行为路径。搜索功能可以帮助用户快速定位信息，从而提高用户访问内容的效率。例如，当用户有明确的购物需求时，无需逐级点击商品分类，选择商品类型、品牌等信息，即可快速、直接地到达所需商品。搜索的形式搜索栏是搜索功能的起点，内容并不复杂，但形式也很多。我简单地把它分为三种：完整形式、简化形式和类搜索形式。1.完整的表单我们看到的大部分搜索框都是由一个输入框和一个搜索按钮组成的。用户输入相关内容后，点击按钮或回车执行搜索。在完全形式中，根据搜索范围的设置，可以分为全搜索和定向搜索两种形式。全量搜索是直接搜索整个平台的内容，并在搜索结果中分类展示。例如，在腾讯云的网页端搜索功能中，用户只需要输入关键词就可以进行模糊搜索。定向搜索是指用户可以预先设定搜索范围，可以减少后续用户的筛选操作。例如，淘宝网页端的搜索栏可以设置三个搜索类别：“宝贝、天猫、店铺”。微信搜索栏兼具两者的功能。可以直接输入关键词完成全平台的内容搜索，也可以设置目标搜索范围。完整的搜索栏包括分类、输入框、搜索按钮等，因此占用的页面空间比较大，更适合主打搜索场景的产品。例如，在电商移动产品中，虽然页面昂贵，但搜索栏仍然是完整的搜索栏形式，辅以关键词引导，可以更好地抓住用户的注意力。2、简化形式简化形式主要用于弱搜索场景，通常只是用图标告知用户有搜索功能，更有利于页面空间布局。当然，形式也会随着页面的不同而变化。今天的今日头条首页是完整的搜索栏形式。进入信息详情页，用户的核心任务是查看页面信息，用户的搜索需求成为了弱势需求。它只提供一个图标入口，可以满足用户。快捷操作。3、类目搜索形式如果用户没有直接的搜索需求，但在浏览产品的过程中对某类产品感兴趣，希望查看更多同类产品。电商平台特别增加了“查看相似商品”功能。用户无需输入任何内容，只需点击按钮即可查找相似产品，从而提高了用户的搜索效率。搜索的交互设计原则完整的搜索过程包括各种细节。比如搜索栏的形式，光标停留，输入状态，数据异常，搜索结果，二次过滤等。整个过程没有什么很难的业务内容，主要是交互的细节设计，可以总结一下在以下三个设计原则中。1、信息引导在移动产品中，页面空间有限，搜索栏更多的是作为一个入口，通常会加入关键词来引导用户点击。用户点击操作后，会进入一个特殊的登陆页面，上面平铺着各种搜索信息，比如搜索历史、推荐内容，甚至是各种营销列表等等，方便用户快速操作，增强内容性的曝光度和引导性。在PC端，产品具有页面空间优势，用户的搜索过程完全通过搜索栏完成。为了更好的引导用户，搜索栏会增加历史搜索记录，下方会增加推荐关键词，帮助用户快速完成搜索。同时也可以唤醒用户对某些产品的兴趣和记忆，从而挖掘用户潜在的搜索需求。2.用户效率搜索是一种高效的操作。如何快速帮助用户完成输入和结果查询是主要的设计目标。例如，当光标停留时，搜索栏中会显示各种已有的信息，方便用户选择和输入。在用户输入过程中，搜索栏通常会显示关键词关联信息，方便用户快速选择相关内容。淘宝甚至提供了二级商品标签，引导用户更准确地定义商品，从而提高搜索的准确性，最终提高用户的购物效率。当关键字与内容不匹配时，反馈结果可以减少用户的后续操作。当腾讯云搜索栏中输入的关键词与内容不匹配时，不是跳转到结果页面进行信息反馈，而是直接在搜索栏中进行反馈，从而减少了用户的跳转次数。由于PC页面的展示空间较大，用户的行为成本相对较高。为了方便用户实时搜索，首页内容滚动时会增加一个天花板搜索浮层，方便用户快速操作。3.隐私保护搜索历史有利也有弊，可能会在不经意间泄露您的隐私。为了打消用户的顾虑，搜索通常会增加清除记录的功能。今日头条细化隐私保护项目。搜索历史不是简单的清除，而是可以单独删除，让用户保留需要的内容。此外，还增加了无痕搜索模式，避免用户搜索后忘记删除关键词的场景。写在最终设计中的是不断打磨和完善细节的过程。搜索中还有很多细节设计，比如关键词的视觉引导、常用搜索选项置顶、搜索结果二次筛选等，今天就不一一讨论了。
