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

我想多去研究和借鉴这种优秀产品的交互设计，基于场景去思考为什么这个功能要这样设计，那个功能要那样设计，有没有优化的空间，就会渐渐培养出自己的产品感。

微信，是一个生活方式。走过六个年头的微信，如今的确与我们的生活有着千丝万缕的联系，从某种程度上说，抛弃百度，光是用微信的搜索功能，就已经能获取大部分我们想要的信息。当人们都在谈小程序、微信被迫关闭iOS端赞赏功能时，你是否留意过微信的搜索体验到底有多棒？微信的搜索入口和流程经过怎么样的细节设计？

本文就微信搜索的交互流程和细节进行分析。

微信的搜索入口层级

微信在“微信”和“通讯录”这两个tab页面下设计了全局搜索入口，也还在聊天记录、公众号、收藏、表情、游戏下设置了子入口。这就可以帮助用户在某个页面模块下，不需要返回一级菜单，就可快速找到想要的内容。

搜索入口有四种常见形式

放在tab bar上，例如App Storel、微博、b站；

放在nav bar上，例如淘宝、京东；

放在nav bar下，例如微信、QQ；

点击搜索icon，如网易云课堂。

微信的全局搜索入口

微信的全局搜索入口是第三种，位于nav bar下，而且只在“微信”和“通讯录”这两个tab下的页面设计了入口。视觉设计上和页面主体颜色接近。在交互上有3个关键点：

在“微信”tab页，初始化状态时时搜索框是隐藏的（用户初次打开“收藏”时也是同样的设计），而在“通讯录”tab页，搜索框是默认显示的。

当用户向下滑动时，搜索框再次会被隐藏。

当用户下滑后再回到顶部时或做下滑刷新手势操作时，搜索框才显示出来。

分析：

微信的核心场景是聊天，搜索是其辅助功能，这就决定了布局上、视觉上、交互上的层级不需要像电商或内容型产品那样突出，以保持页面的简洁。