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

honghu2

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

在《设计搜一搜以前，我问了本身7个问题》的文章里，我提出了若是我是微信产物司理的假如。这一篇请继续跟从我的假如，从宏观到微观，拆解搜一搜的焦点流程和交互细节。

搜一搜流程图

焦点路径原型展现


对总体的流程图和原型图明了于胸后，接下来请跟我一块儿深刻交互细节，看看从微信团队的设计思绪上能进修到甚么。
全局阐明
由于搜一搜是单项需求，以是全局阐明里省去了页面切换方法、页面刷新等内容，只是简略说了标识阐明和时候格局，便利大师理解我的原型图。


微信教会我新功效提醒可以如许玩
有新功效上线，很常见的方法是用Badge(小红点）的方法提示用户，我的假想也是如斯。而当我画完原型图，再更新到最新版本6.5.8，我却「发明」页并无「搜一搜」和「看一看」，开初还猜疑是否是没更新乐成。机警如我，我想应当在设置内里，公然发明了「实行室」。



当我点进「实行室」以后，我赞叹微信团队的高超：
「容许用户自由选择」：不管微信团队是出于禁止仍是出于不肯定，他们都尽可能不引升引户的反感，付与给用户说“不”的权力。「定见反馈」：凡是定见反馈只会在设置中呈现，而微信为这两个功效都各做了一个反馈进口，足以见微信团队何等在意这两个功效会不会获得用户的承认和喜好。进入搜一搜
在分类方法上，小我认为tabs的方法更高效，只是对付搜刮场景频率较低的三个分类：脸色、音乐和小说，必要左滑tabs才能呈现。视觉上，微信凸起了搜刮框，没有做热词指导，全部页面更简便一些。



微信把搜刮汗青暗藏得很深，我试了好屡次才发明：只有当你输入你之前搜过的词，才会以一个icon的方法提示你，这真是极简。如许做合分歧理，触及到一个场景：微信上到底有几多人会搜之前搜过的工具？


分类搜刮


对付带着明白目标查找型用户，我的假想是可以滑动tabs来实现定向搜刮，而微信必要进入二级页面，同时输入框里的icon和提醒语产生变革，提醒用户搜刮范畴扭转。

之以是放上朋侪圈和小说两个分类搜刮页，是由于微信在这两个种别下，做了一些举荐性子和用户汗青举动性子的快捷进口。我认为在文章种别下，也应当做一个近来阅读的进口。
起头输入关头词


输入关头词进程中的交互，我的假想和微信的设计收支不大，这里不赘述。
输入的关头词可能不合错误？
用户有时辰也会出错，好的产物就是奉告你找到准确的路，同时也不会扼杀掉你甘愿错下去的权力：）


显示搜刮成果


由于公家号和文章是最高频的搜刮需求，以是我把这两个种别放在最前面。又由于很多人搜刮的是已存眷的公家号，以是公家号种别区里我仅保存了公家号头像和名称两个元素，以暴光更多公家号。

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

比拟微信的设计，有3点值得我进修：
分歧的关头词，对应的分类排序是纷歧样的，很是机动，这也是卡片式分类的益处。小步伐的种别排在比力前面，显示了微信对付小步伐的器重。文章排在最后，可以不竭加载，给用户一种搜刮成果很丰硕的感受，特别是知足了摸索型用户的苏格需求。细分出资讯种别，而这些资讯的来历也是公家号，这些公家号的特色都是消息媒体性子的，如南边都会报、腾讯消息、搜狐文娱等。对搜刮成果举行标识表记标帜，公家号会有“已存眷”，小步伐会有”利用过”，文章会有“近来读过”、“X个老友分享”，音乐会有“xx人近30天在朋侪圈分享”。这些把社交元素和场景化设计都揉在搜刮成果里了。单个类此外搜刮成果显示页


在公家号列表页，我加了一个“+存眷”的button来吸援用户存眷。

微信里的“2个老友存眷”标识表记标帜融入了微信的社交感。给用户一种生理表示：这个公家号应当不错，我也来存眷看看？



微信在文章分类页里的2个细节值得我进修：
增长了排序功效，用户可按默许排序或时候排序来检察文章；对文章做标识表记标帜帮忙用户快速挑选，用“近来读过”标识表记标帜来区别读过和未读过的文章；“x个老友分享”标识表记标帜更能吸援用户浏览。


在前期调研发明，用户很少在微信上搜刮音乐，那末为了培育这个习气，我在音乐列表上加了转发的button，便利用户快捷转发给朋侪或分享到朋侪圈。

微信的设计里有3个值得注重的细节：
对付非QQ音乐平台的音乐，没有播放按钮。意图很较着，总要左袒自家兄弟的产物嘛；统计近30天的朋侪圈分享量，来表现歌曲的热度；不但支撑歌名匹配，也支撑歌手匹配。


对付微信朋侪圈的分类页，我只因此一样的内容复制分列，以是这里就只放微信的设计了。

比拟之下，我发明实在朋侪圈的成果匹配是最必要斟酌细心的，由于朋侪圈的分享内容很是多样化，并且朋侪圈里的任何元素只要匹配关头词，均可以被搜刮到。



从视觉上来讲，这里和咱们日常平凡刷的朋侪圈长得又纷歧样：
文字信息至多只放两行；音乐和链接视觉比重较着减小，没有音乐封面图、文章封面图，同一用icon来标明；对付没有文字，直接分享链接和音乐的朋侪圈，会加一句“分享了一个链接”、“分享了一首歌”。
这是典范的场景化设计。日常平凡刷朋侪圈是阅读的心境，而搜刮时用户带着明白目标，以是应当尽量地供给有用的信息，削减滋扰信息。

总得来讲，微信在「搜一搜」上的用户体验花了很多工夫，如今面对的最浩劫题是：若何培育用户利用搜一搜的习气？小我猜想是如许：

若是有一天，微信的数据库壮大到用户不消打开其他软件，只要搜一搜，便可以公布一条带图文、音维维下载网乐和视频的朋侪圈，那末用户必定会依靠搜一搜，习气也在不知不觉中被培育起来。

相干浏览
杰出体验的微信搜刮，暗地里到底隐藏了几多谨慎思？

作者：小蠢侠，16年结业，卖力ToB真个产物司理，常常在朋侪圈搞事变、发红包的问题奼女。坐标上海。正在读的书：《腾讯传》、《搜刮模式》。小我微信：1545882156

本文由 @小蠢侠 原创公布于人人都是产物司理。未经允许，制止转载。