1. 云裂变
  2. 营销
  3. 网站运营
  4. 从宏不雅观到微不雅观,拆解搜一搜的核心流程和交互细节

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

作者: 日期:2022-03-06 人气:141

 

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

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

搜一搜流程图

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

核心路径原型展示

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

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

全局说明

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

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

微信教会我新功能提示可以这样玩

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

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

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

「允许用户自由选择」:无论微信团队是出于克制还是出于不确定,他们都尽量不引起用户的反感,赋予给用户说“不”的权利。「意见反馈」:通常意见反馈只会在设置中出现,而微信为这两个功能都各做了一个反馈入口,足以见微信团队多么在乎这两个功能会不会得到用户的认可和喜欢。进入搜一搜

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

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

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

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

分类搜索

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

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

之所以放上伴侣圈和小说两个分类搜索页,是因为微信在这两个类别下,做了一些保举性质和用户历史行为性质的快捷入口。我认为在文章类别下,也应该做一个比来浏览的入口。

开始输入关键词

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

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

输入的关键词可能分歧错误?

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

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

显示搜索结果

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

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

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

对比微信的设计,有3点值得我学习:

差别的关键词,对应的分类排序是纷歧样的,非常灵活,这也是卡片式分类的好处。小程序的类别排在比较前面,显示了微信对于小程序的重视。文章排在最后,可以不停加载,给用户一种搜索结果很丰富的感觉,尤其是满足了探索型用户的需求。细分出资讯类别,而这些资讯的来源也是公众号,这些公众号的特点都是新闻媒体性质的,如南方都市报、腾讯新闻、搜狐娱乐等。对搜索结果进行标记,公众号会有“已关注”,小程序会有”使用过”,文章会有“比来读过”、“X个好友分享”,音乐会有“xx人近30天在伴侣圈分享”。这些把社交元素和场景化设计都揉在搜索结果里了。单个类另外搜索结果显示页

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

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

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

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

内容标签:

热门文章

    现在很多企业都着手于做重庆seo排名,因为SEO是获取精准流量比较稳定且长期发展好的方式之一,同时也能提升自身企业的品牌形象,因为SEO本身就是基于用户体验优化而做的,因此做好SEO

6762

网络营销时代,软文营销已成为企业传播品牌、促进订单转化的重要手段。不同于硬广形式,软文营销的精华就在于“软”字,即广告绵里藏针,要在能提供给用户有价值内容的基础上进行广告

 文库营销指的是借助一些文库平台上传文档,通过知识分享来做品牌营销,目前常见的文库平台有百度文库、360图书馆、道客巴巴、豆丁文库等。文库营销对文档质量要求较高,需要用户自

网站对于很多的企业来说,不仅仅是业务的渠道拓宽,也是多一个网站推广的途径和客户渠道等,很多的企业虽然有自己的网站,但是重视程度不够,很多的企业都只依靠网站就能够养活一个公

3231

企业品牌推广对于企业的生存来说是极其重要的,如果没有一个好的推销渠道的话,可能就会让自己的商品卖不出去。在新闻中总是看到哪儿有什么产品卖不出去了,形成滞销,让个人或是企业

3193

一方面,不同客户的建站需求不同;另一方面,网站建设人员的技术水平高低不一;同时,时效、地域因素也会对建站成本有所影响。所以网站建设的报价暂时没有统一标准,建设费用更是从几

3009

最先剖析要散播的目的客户人群的陋习与话动范畴; 精心安排合乎网民爱好的论坛推广时件或话动; 积淀论谈有关社交圈子資源,会对进行论坛推广出示挺大适用; 搞好数据分析,以知道论坛推广的成功失败之举,加以改进。

人们常常会遇上有些人做论坛推广的当时,以便能短期内内看到作用,就在每个论谈网站上注冊很多的id,花两三天的時间就把各大论坛上贴的浓浓的全是软广,可是隔过段时间回来看,以前公布的全部贴子都被删的干净整洁,情况严重将会注冊的id也被封的干净整洁,而针对这类人只有说成爱好者的论坛推广技巧了。在进到这一议论以前,人们看一下自身是不是存有那样的难

在互联网高速发展的今天,在众多同行品牌的强势竞争下,新品牌想要打开市场并不是一件容易的事儿。但不推广就难以生存,那么我们应该如何做好新品牌推广,快速打开市场?云裂变徐国

2915

一个生产企业想要发展必须要创立自己的品牌,在人们购买东西讲究牌子的今天,如果你所生产的产品连个牌子都没有,恐怕会无人问津的。但是,有了品牌,对于小公司来说若是得到消费者的

2891

现在的推广营销方式与以前比起来可是多了不少,放在以前也就是还没有网络的时侯,商品商家和生产厂家想要把自己生产的和自己销售的产品或是商品成功推销出去那可就得想想办法了。比如

2885

说起网络营销,让人们想起了网上购物,比如在刚过去的520,就是一波网购的热潮,各种打折促销返利活动让许多人心动,看花了眼。又比如每年的双11、在双12的网上促销活动可谓是一年之内

2842

很多企业在官网搭建完成之后,便放任不管,既不更新内容、也不做任何的排名优化,最后网站没排名、没流量、没访客;即使有排名、有流量导入,但是跳出率极高,依然产生不了任何效益。

2828

随着网络营销、全网覆盖等口号喊得越来越响,现在有不少的企业做网络营销都是被同行带起来的,本质上对网络营销推广的作用都了解不多。那么网络推广好在哪?为什么一定要做好网络推广

论坛推广就是,企业利用论坛这种网络交流的平台,通过文字、图片、视频等方式发布企业的产品和服务的信息,从而让目标客户更加深刻地了解企业的产品和服务。最终达到企业宣传企业的品牌、加深市场认知度的网络营销活动。1、电子公告板(BBS)是虚拟网络小区的要素方法,小量的交流信息全是历经BBS进行的,vip历经贴到消息也许回应消息抵达互相联系的目地。一些简

受互联网大趋势影响,很多传统企业纷纷着手布局网络营销,考虑到企业自身在营销经验上有欠缺,不少老板会选择找全网营销外包公司合作,这个时候就会出现很多选择难题。比如说找了10家

2766

随着社会的发展和人们消费观念的改变,现在人们的消费已经从单纯的商品能使用消费阶段到了商品品牌消费阶段了。在进行商品购买时总是看商品的品牌,就拿一些年轻人来说吧,对于耐克、

2756

百科营销是一种以权威知识分享的形式对企业做有目的性的品牌宣传,可以有效提高潜在客户对企业品牌或产品服务的信任度及认可度,最终达到提升企业品牌知名度美誉度的双重作用。那么百

护肤品作为当下大受女性追捧的快消品,行业竞争激烈,且更新换代尤其迅速。那么如何在如此变幻莫测的市场竞争中占领高地呢?这自然少不了大面积的营销推广(包括线上和线下),下面全

一、前端seo代码优化注意事项1、提高页面加载速度。CSS可以用来解决不使用背景图片的问题,也可以尝试压缩背景图片的大小,你可以在一张图片上放置几个图标,使用CSSsprite,使用背景位置

2639

最新文章