- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
良好体验的微信搜索,背后到底暗藏了多少小心思?
良好体验的微信搜索,背后到底暗藏了多少小心思?
我想多去研究和借鉴这种优秀产品的交互设计,基于场景去思考为什么这个功能要这样设计,那个功能要那样设计,有没有优化的空间,就会渐渐培养出自己的产品感。
微信,是一个生活方式。走过六个年头的微信,如今的确与我们的生活有着千丝万缕的联系,从某种程度上说,抛弃百度,光是用微信的搜索功能,就已经能获取大部分我们想要的信息。当人们都在谈小程序、微信被迫关闭iOS端赞赏功能时,你是否留意过微信的搜索体验到底有多棒?微信的搜索入口和流程经过怎么样的细节设计?
本文就微信搜索的交互流程和细节进行分析。
微信的搜索入口层级
微信在“微信”和“通讯录”这两个tab页面下设计了全局搜索入口,也还在聊天记录、公众号、收藏、表情、游戏下设置了子入口。这就可以帮助用户在某个页面模块下,不需要返回一级菜单,就可快速找到想要的内容。
搜索入口有四种常见形式
放在tab bar上,例如App Storel、微博、b站;
放在nav bar上,例如淘宝、京东;
放在nav bar下,例如微信、QQ;
点击搜索icon,如网易云课堂。
微信的全局搜索入口
微信的全局搜索入口是第三种,位于nav bar下,而且只在“微信”和“通讯录”这两个tab下的页面设计了入口。视觉设计上和页面主体颜色接近。在交互上有3个关键点:
在“微信”tab页,初始化状态时时搜索框是隐藏的(用户初次打开“收藏”时也是同样的设计),而在“通讯录”tab页,搜索框是默认显示的。
当用户向下滑动时,搜索框再次会被隐藏。
当用户下滑后再回到顶部时或做下滑刷新手势操作时,搜索框才显示出来。
分析:
微信的核心场景是聊天,搜索是其辅助功能,这就决定了布局上、视觉上、交互上的层级不需要像电商或内容型产品那样突出,以保持页面的简洁。
在“微信”和“通讯录”tab页,搜索框的初始化状态分别做隐藏和显示的两种不同的处理,这非常体现了场景化思维,如果不是一流的产品经理,很难会想得这么细。相对来说,用户来到“通讯录”页比在“微信”页更容易产生搜索的动作,所以搜索框在“微信”页做得更加隐蔽。
对于用户的手势交互,微信也是别有用心,当用户向下滑动页面时,通常都很清楚自己要找什么,所以搜索框就被隐藏了,减少对用户注意力的干扰。只有当用户回到顶部时,才有可能进行搜索操作。这就给用户一种感觉,“我不需要你时,你从不打扰,而我需要你时,你恰好出现。”
分类搜索
分类搜索通常有3种常见形态
在搜索框下方显示不同的入口;
点击弹出浮层进行切换,例如淘宝、当当、微博、豆瓣;
在搜索框下方显示不同的tab,如网易云音乐、知乎;
分析
微信的分类搜索采取的是第一种方式。
从战略角度来说,微信正在缔造一个腾讯生态圈,更加渗入人们的生活。从产品体验角度来说,当一个产品越能帮助用户找到、并且连接到他想要的东西,用户黏性就越高。从某种程度上来说,微信搜索的信息时效性都要高于百度,微信前阵子推出的微信指数,让我觉得微信正在低调地争夺百度搜索入口的流量。
落到具体的交互体验层面上,我们分析下为什么没有选用另外两种设计呢?
微信的搜索是默认搜索全部内容的,在用户没有选择下方入口时,默认优先搜索联系人、群聊、游戏、公众号、聊天记录、收藏。为什么它们在搜索框下方没有做入口?因为这些和用户的关系更深一些,如果需要点击入口再跳转新的页面,路径就会变长,体验就不好。另外搜索的类别很多的话,以tab形式展现,用户需要不断切换tab,这样会比较麻烦。
第二种设计针对的场景是每个类别的搜索频率是差别比较大的,通常默认第一种分类就能满足大多数人的搜索需求,如在淘宝里很多人都是搜宝贝。
对于类别不多的产品,每个类别下结果又很多,而且用户并不明确自己的搜索类别时,第三种tab切是更好的设计,视觉比第二种更直接,路径也比第一种更短,用户不需要跳转三级页面缩小搜索范围,直接切换tab就可浏览不同类型下的搜索结果。
搜索结果的分类
通常的分类方式是tab切和卡片,如网易和微信。tab切的好处前面已经简单提到过。对于微信这种每一类结果可能不是很多的情况下,卡片式的瀑布流布局能让快速定位到自己想要的内容。
搜索推荐
微信的搜索推荐做得非常轻量化,仅有“朋友圈热文”。其实对于拥有庞大活跃用户数的微信来说,如果想要做一些个性化推荐的内容,会带来不菲的广告收入。个人猜测没有这样做的原因是,用户数越多,众口越难调,也就越考验算法,如果没做好,反而损害用户体验。
微信为什么没有搜索提示语、搜索历史?
很多产品在搜索框都会有提示用户可以搜索的信息,例如网易云音乐会提
文档评论(0)