作者:michael
 

一、场景回顾:


  收到朋友送来的红酒,你想知道这瓶酒多少钱吗?


  看到一本心仪的书,你想知道这本书网上比书店便宜多少吗?


  看到最近上映的电影海报,你想知道电影的上映时间和豆瓣评价吗?


  看到偶像出的新专辑,你想知道都有哪些新歌,是否值得花钱吗?


  行走在别处,你想分享你到过的地点、你看到的美景吗?


  ……


  扫一扫,你看到的和你没看到的,你可以都知道。

二、开始之前:


  1.在生活中我们发现,用户用手机打开一个网页,扫二维码比搜索,要更方便。我们便思考,这样的使用场景是否可以扩展。比如用户想了解手上一本书的更多信息,是否一定去要搜索书名。用户想了解旁边的大楼叫什么名字,是否一定需要打开地图应用。有了上面那些需求场景,我们思考如何在移动端产生新的搜索体验,如何能用扫这个简单的动作,给用户更多地信息。为了这个目标,我们出发了。

  2.在移动视觉搜索领域,百度是一个强劲的竞争对手。我们看到百度推出的搜索应用,一定需要用户拍照,之后再上传照片。我们觉得这样的方式太重了。坚持一定要用扫描的交互形式。为了达到这样的交互方式,模式识别团队在背后付出了很多的努力。

  3.当我们确定需要增加条码、封面、街景和翻译四种功能后,这时就需要一种新的交互方式,来进行功能之间的切换。大家一起讨论了很多方案,有进入一个控制面板页面,再选择功能的方案。但是这样的方案会大大降低用户扫二维码的效率,改变了那些原来点击扫一扫就能直接扫二维码的用户的操作方式,而且5.0的支付是需要扫二维码支付的。后来讨论了像path那样按一个按钮,弹出5个功能选择的方案。但是这个方案,对于其他功能的曝光量太小,用户在功能之间的切换成本太高。后来,我们想到每新增的每一种扫的功能,就像是给摄像头换上了一种特殊的镜片,于是我们采用了选择滤镜的交互方式,这样的方式对于原来扫二维码的用户完全没有影响,同时可以有效的曝光其他功能,而且对功能切换的体验也是最好的 。


三、详细介绍:


1.二维码:


  功能介绍:在微信5.0版本之前,用户已经可以通过扫描一个微信的二维码,来添加好友、加入群聊、关注公众账号、登陆微信网页版或者打开网页链接。


  创新点1:微信5.0内测时,我们发现一些用户想扫条码,但进入扫一扫后,忘记切换功能。扫描模式还是默认停留在扫描二维码上。等待半天,没有返回结果时,才发现是自己忘记切换功能。当我们发现这个情况存在后,觉得应该给用户犯错误的机会,于是我们让扫二维码模式也支持了扫条码的功能,用户在没有意识到自己忘记切换功能时,我们已经把条码的扫描结果呈现给用户。数据显示:微信5.0上线后,40%的用户都是通过扫描二维码的入口在扫条码。这样的数据也推动我们考虑把扫描的入口进行融合和统一,让用户不需要考虑应该选什么模式,用手机对着任何想要进一步了解的东西,都能得到他想要的信息。
 
2.一维码:


  功能介绍:用户扫描条码后,可以看到条码对应的商品基本信息,如商品的图片、名称、生产商、以及购买链接和价格。点击不同B2C的购买链接,可以转到相应的网上商城的购买页面。之前我查查、百度等很多应用已经做了扫条码的功能,于是我们便想,微信做这个功能的优势是什么?微信的扫条码能带给用户哪些更多的价值?


  我们想到了这样的场景:


  场景一:michael在超市买了新口味的脆脆鲨特别好吃,他想告诉自己的朋友,这时michael不需要再拍张该食品包装的图片发给好友,可以选择直接扫一下条码,便把脆脆鲨分享给好友,让好友看到具体的商品信息,而且给出了购买的渠道,可以直接购买。

  场景二:我们发现女性用户喜欢炫耀自己买的东西。当一个女性用户买了一个特别高档的化妆品后,可以不再是简单在朋友圈发一段纯文本,说“这个牌子的化妆品很好用,推荐小伙伴们都来买哦”。而可以通过扫条码,分享到朋友圈,分享出去的还有商品的价格,满足用户炫耀的心理。同时带有购买链接,看到的朋友,可以有渠道直接下单。


  场景三:有些商品是用户需要周期性购买的。比如mike特别喜欢清扬的清爽控油型洗发水,他就可以扫过之后收藏这件商品。不用每次想买时,先去网上商城先搜索该商品,而可以直接打开自己的收藏,来购买该商品。


  创新点2:微信的扫条码,在用户扫描条码之后,除了可以得到相关的商品信息和购买链接,还给用户提供了直接发送给好友,分享到朋友圈,收藏该商品三项功能。这样使得微信的扫条码就不再只是一个简单的比价工具,而和微信的社交关系链、用户沉淀内容的收藏联系在一起,让商品成为微信中一种新的消息类型,可以便捷的在微信的消息通道中流通。

3.扫封面

  功能介绍:用户可以扫描书、CD和电影海报。

  用户扫一本书的封面,可以出现这本书的封面图片,书名、作者和内容简介,以及豆瓣的书评和购买链接。用户点击书评页面,可以看到书籍相应的评价。点击网上商城的购买链接,可以直接购买和查看更多信息。

 

  用户扫一张CD的封面,可以看到该CD的图片、专辑名、歌手、CD简介和播放任何一首歌曲。同时也可以点击任何一首歌曲,边听歌边看歌词。用户可以甚至可以收藏整张专辑,以后随时随地的听歌。

 

 

  用户扫一部电影的海报,可以看到该电影的名称,导演、剧情简介、主演、上映日期和豆瓣影评。用户点击影评之后,可以看到该电影的评价。

 

 

  创新点3:微信做扫封面之前,百度、一淘等公司已经有成型的图片搜索应用投入市场。但他们使用的方式都是先拍照,再上传图片。在产品设计的时候,我们就想,为什么一定要让用户拍照,能不能省略一个步骤。拍照的最大的优势是只上传用户拍照的那张照片,可以减少用户上传的流量。而省略拍照步骤,实时扫描图片上传后,会消耗用户较多的流量。于是我们加入了基于运动估计的智能传图算法。用户手机的存在四种状态:运动、静止、运动到静止、静止到运动。在用户手机的状态是运动到静止的时候,则进行基于FAST特征点的图片有效性预判,同时满足上述两个条件才会上传这张图片。从而实现了只有当用户拿着手机对准封面的时候上传图片;而用户拿着手机在运动或者已经停止很久后,不上传图片。通过这样的方式实现了智能的用户意图的判断。


  创新点4:部分图片识别。电影海报的图片一般较大,尤其是当用户面对公交车站的户外广告栏或者面对电影院的巨幅海报时。用户很难把全部整张海报都放进取景框内,微信的扫封面支持部分区域识别,只需要识别部分特征图片,便可以给用户返回结果。让用户面对户外的巨幅广告时真正的可用,而不仅仅是停留在概念。

4.扫街景


  功能介绍:用户选择扫街景功能后,通过上传用户的地理位置的,返回用户当前的街景。

  创新点5:当用户扫街景后,返回街景的方向会自动转为用户当前面对的方向,因为我们发现,在一个陌生的环境,当默认返回一个正北的方向时,用户会不知道这是哪里。所以直接给用户返回当前方向的街景。

 

 

5.翻译

  功能介绍:用户把英文单词放到扫描框内,会自动翻译成为中文。


 

创新点6:翻译采用云端识别方式,结合智能传图算法,以很少的流量代价带来轻盈的翻译体验。云端识别方式:1、使得客户端不必下载庞大的词库和识别引擎,不会给客户端带来负担。2、云端进行复杂背景处理支持自然场景文字识别,提高了识别率和适用性,比同类产品只能识别规整文档具有明显优势;3、云端识别带来很高的扩展性,后续可以支持更多语言和文字包括可支持翻译特性而客户端完全不会增加负担。

三、畅想未来


  扫一扫的图标,在发布前我们一直很纠结。一直没有找到特别合适的图标,因为希望这个图标能传递我们对于扫一扫未来的构想。我们有试过人的眼睛、神奇的眼镜等图标。因为我们希望扫一扫能够成为一个视觉搜索的入口,跟google眼镜的定位一样,人们看到任何想要进一步了解的东西,都可以通过扫一扫来获取更多的信息。在PC上,搜索是靠输入关键字。但在移动端,我们觉得搜索的方式可能会发生变革。5.0版本的扫一扫就是变革的开始,所见即所得。


四、用户反馈

五、感谢

   扫一扫呈现在大家面前的是一个功能,但跟其它发布的新功能不同,因为对技术的要求、对大数据库的要求,背后有很多的同学默默努力的同学。在此一并感谢大家对于扫一扫的贡献和努力。