从宏观到微观，拆解搜一搜的核心流程和交互细节

在《设计搜一搜之前，我问了自己7个问题》的文章里，我提出了如果我是微信产品经理的假设。这一篇请继续跟随我的假设，从宏观到微观，拆解搜一搜的核心流程和交互细节。

对整体的流程图和原型图了然于胸后，接下来请跟我一起深入交互细节，看看从微信团队的设计思路上能学习到什么。

因为搜一搜是单项需求，所以全局说明里省去了页面切换方式、页面刷新等内容，只是简单说了标识说明和时间格式，方便大家理解我的原型图。

有新功能上线，很常见的方式是用Badge(小红点）的方式提醒用户，我的设想也是如此。而当我画完原型图，再更新到最新版本6.5.8，我却「发现」页并没有「搜一搜」和「看一看」，起初还怀疑是不是没更新成功。机智如我，我想应该在设置里面，果然发现了「实验室」。

当我点进「实验室」之后，我惊叹微信团队的高明：

在分类方式上，个人认为tabs的方式更高效，只是对于搜索场景频率较低的三个分类：表情、音乐和小说，需要左滑tabs才能出现。视觉上，微信突出了搜索框，没有做热词引导，整个页面更简洁一些。

微信把搜索历史隐藏得很深，我试了好多次才发现：只有当你输入你以前搜过的词，才会以一个icon的方式提醒你，这真是极简。这样做合不合理，涉及到一个场景：微信上到底有多少人会搜以前搜过的东西？

对于带着明确目的查找型用户，我的设想是可以滑动tabs来实现定向搜索，而微信需要进入二级页面，同时输入框里的icon和提示语发生变化，提示用户搜索范围改变。

之所以放上朋友圈和小说两个分类搜索页，是因为微信在这两个类别下，做了一些推荐性质和用户历史行为性质的快捷入口。我认为在文章类别下，也应该做一个最近浏览的入口。

输入关键词过程中的交互，我的设想和微信的设计出入不大，这里不赘述。

用户有时候也会犯错，好的产品就是告诉你找到正确的路，同时也不会抹杀掉你情愿错下去的权利：）

因为公众号和文章是最高频的搜索需求，所以我把这两个类别放在最前面。又因为不少人搜索的是已关注的公众号，所以公众号类别区里我仅保留了公众号头像和名称两个元素，以曝光更多公众号。

对于少数想要搜索音乐和小说的用户，需要左滑tabs来实现定向搜索。

对比微信的设计，有3点值得我学习：

在公众号列表页，我加了一个“+关注”的button来吸引用户关注。

微信里的“2个好友关注”标记融入了微信的社交感。给用户一种心理暗示：这个公众号应该不错，我也来关注看看？

微信在文章分类页里的2个细节值得我学习：

在前期调研发现，用户很少在微信上搜索音乐，那么为了培养这个习惯，我在音乐列表上加了转发的button，方便用户快捷转发给朋友或者分享到朋友圈。

微信的设计里有3个值得注意的细节：

对于微信朋友圈的分类页，我只是以同样的内容复制排列，所以这里就只放微信的设计了。

对比之下，我发现其实朋友圈的结果匹配是最需要考虑仔细的，因为朋友圈的分享内容非常多样化，而且朋友圈里的任何元素只要匹配关键词，都可以被搜索到。

从视觉上来说，这里和我们平时刷的朋友圈长得又不一样：

这是典型的场景化设计。平时刷朋友圈是浏览的心情，而搜索时用户带着明确目的，所以应该尽可能地提供有效的信息，减少干扰信息。

总得来说，微信在「搜一搜」上的用户体验花了不少功夫，现在面临的最大难题是：如何培养用户使用搜一搜的习惯？个人猜测是这样：

如果有一天，微信的数据库强大到用户不用打开其他软件，只要搜一搜，就可以发布一条带图文、音乐和视频的朋友圈，那么用户必然会依赖搜一搜，习惯也在不知不觉中被培养起来。

良好体验的微信搜索，背后到底暗藏了多少小心思？

作者：小蠢侠，16年毕业，负责ToB端的产品经理，经常在朋友圈搞事情、发红包的问题少女。坐标上海。正在读的书：《腾讯传》、《搜索模式》。个人微信：1545882156

文章作者系 @小蠢侠 未经许可，禁止转载。

（编辑：ASP站长网）