赞助商
立即赞助

对话腾讯设计师:微信车票背后的设计故事

UI设计3年前 (2021)更新 流光
2.2K 0 0

微信票设计师试图过「微信票」来收用户情感,原用户出场景,从而打造出个温暖品,新立起与、与出深层联系。

公交车票,对于现在的我们而言或许稍显陌生,但在忆里,那曾是一代人的情怀,伴随着共同的成长,伴随时光的逝,我们味一路景与乐,到达人生的每一。

对话腾讯设计师:微信车票背后的设计故事

小小的车票虽起眼,却是历史最忠实的记录者。从1899年中国现首辆有轨电车,发行弥足珍贵的首套车票,到无人售票公交、BRT快速公交、观光专线的现,车票的断变迁见证了中国公交的发展历程乃至中国日月异的发展进程。

车票上的面值反应了当的经济状况,公的名称反映了当的社会制度,标语号反映了当的代征,甚至从印刷车票所使用的纸张中也可以出当的物质条件情况。

对话腾讯设计师:微信车票背后的设计故事

对话腾讯设计师:微信车票背后的设计故事

对话腾讯设计师:微信车票背后的设计故事

随着时代发展,公交票却渐渐淡出们生活。

为了重拾那份遗失的小美好,结合时代发展的步伐,腾讯设计师为户打了一系列电子车票,传统车票的生命现在大众视野中。

今,你能在机上收一张好友赠送的车票,的票面上或许画着107路公交——那条学生代上学和放学的必坐线路。这用心的车票,让人倍温暖。

微信车票的设师试图通过「微信车票」收集用户感,还原用户出行场景,从打造出一温暖的产品,重新建立起人与人、人与出行之间的深层联系。

对话腾讯设计师:微信车票背后的设计故事

一、设计对话

对话腾讯设计师:微信车票背后的设计故事

张贝:车票原型试推出之时,其实我们稍忐忑,担的轻人不认「车票」这概念,设师产品理们了一些用户测试,发微信车票这概念受到了很多用户的喜,这给了我们很的信继续好这功能。

Q:怎么想到要设计车票这个功的?

张贝:微信车票一个功能其是在「腾乘车码」基础上延展出来的一个情感导向的功能产品,我们旨在打破乘车个固有的「验孤岛」,让车票来串联用户之间的情感传达。

在开会讨论乘码品运时,我们想到其实自己或身边有部分其实并不是天都乘公交,这部分有乘消费能力,比如他要身边,朋友支付费,月卡等为,或者他要告诉朋友如何刷乘码时候,我们隐隐感觉到,需要有个载体来「形象观」地满足用户这些隐性需求,你说他是强需求么,也不见得,但你总得承认你给别人买月卡,买车票吧,而个「赠予」行为身是具有强烈情感决策因素的,而单纯的一个二码,似乎还并不能很地达成种用户间情感诉求,所以我们提出「车票」个概念,试图决隐隐的痒点。

对话腾讯设计师:微信车票背后的设计故事

幸运的是,我们的产品经理动也很快,二天就画个 ppt,来向决策方阐述和推动个创意的落地,最基础的产品原型我们整合很情感进去,比语音啊,视频啊,但最现最熟悉的画面和文化元素才是最能被大家认和传播的验点,所以才看到现在的样一车票呈现方式。

所以说,在腾讯,我们其实是有这样习惯性思维和敏感度,即注发掘用户口碑与销导兼备品形态,在个品上,如都能设计出类似于下个红级品体验,那于用户和腾讯来说,都是不期待。

对话腾讯设计师:微信车票背后的设计故事

黎翠霞:乘车码产品的体验目标,即「一种用户刷码出行的支付工」。腾讯乘车码功能其实已经好地完成了这个体验目标,使用教育成本低、用户路径短,体验流畅,同解决了各个利益相关者的问题,对用户层而言,可以获得便捷的支付方式,再也不用操心「没带零钱、没带公交卡、公交卡没充值「的问题,冷静思考一下,会发现乘车码并没解决用户之间线上传播的问题,始终起来像个高效工,于是就尝用车票这一概念来给乘车码赋以情能量。

Q:票体验设计定位是什么?

黎翠霞:初的脑风暴阶段,我们到了很多的创意方案,我们发「以他人付的形式让用户免费乘车」这一设机会点能贴近用户,很好解决了利益相关者链条中「好友层」的利益。用户通过获得好友赠送的车票,从接触到乘车码并始使用。

是,针对目标用户,我们进行次用户研来验证想法的伪,现用户对车票是接受的,并得是有意思的,票价的接受区间在10元以内。基一次的用研,我们把车票的设计验目标定位为「便捷、小额、低门槛」,目的是在传播当中能卷更的益相关者,以决验孤岛。从设计规划上来看,我们一直围绕「用户情感益互」个验目标在进行设计。

Q:体计方案是如何落地的?

黎翠霞:票个设计分为三个结构。

对话腾讯设计师:微信车票背后的设计故事

第层是底层基础支付功能,融合了票元素和维码功能,让用户能够票进买、支付、赠送和使用。利用社交关系链,在好友实现传播。玩法上我们不仅仅允许用户能地赠送票,能多地赠送,发到群里让好友起抢,增加票娱乐性。

第二层是设计层,车票+支付=票面玩法。在车票购页,我们抛弃了传统冷冰冰的表单做法,采票面与金额结合的方式来强车票,户直观感受到车票独有的设计 DNA。

同,通过对传统纸质车票的研究,提取了三个重要的计素:

  • 城,来强户的地域民俗认可;
  • 编号系统,为后期的运营做了扩展性准备,也更加符车票调性;
  • 留言祝福,祝福的加入增添了票面的感温度;

第三层是呈现层,在票面表现上,的灵来源于美丽中国、美丽城市,更希望用户车票能想幸福光,想起候拿车票坐公交的美好光,车票能想起跟这个城市的一些情,跟这个城市一起成长、一起进步的一些经历,从而有所触动。

对话腾讯设计师:微信车票背后的设计故事

司徒:票面设计程中,我们一直思考从哪个视角切更能打动用户?一开始,我们从美观的角度出,设计出来的效果还不错,画面也很精美,但看久现样的插画缺乏情感链接,无法勾用户深的忆或情感上的共鸣。用户因为设计看而赠送一次,但之赠送动力持续减弱,所以不是一个的方向,我们开始寻求新的突破点。

对话腾讯设计师:微信车票背后的设计故事

在跟用户进行次深流,我们现,捕捉常生活场元素能勾他们忆深的回想,从而拉近车票与用户之间的距离感。是我们就开始往个方向展,在票面上进行文化植,最终打造出一套套能戳中用户回忆杀的票面。

Q:这一波回忆杀是如何跟票面紧密结的?

徒:我们希望把用户很有回忆票新呈现屏幕上,它是带有质感和厚度,所以在 UI 设计上,主基调是偏拟物为设计风格,符合用户心理传统票认知,熟悉视觉元素可以激发用户兴趣,而被唤起内隐记忆用户是最乐于接受相关信息。

有了上述植入的设计思路,我们开始和当地城的设计师进行合作,由他们先推荐人情,城生缩影地等当地特色,我们再联合插画的手法进行创,描绘产生共鸣的画面。

对话腾讯设计师:微信车票背后的设计故事

对话腾讯设计师:微信车票背后的设计故事

另,我们和些 IP 进合作,描绘出用户心美好生活,希望过不度击用户,在情感层吸引用户,加强我们品认知。

对话腾讯设计师:微信车票背后的设计故事

对话腾讯设计师:微信车票背后的设计故事

证明,一做法是正确的,在构思州票面时,州的设计师认为是一项很有意义的工,投很心思,共享许的点子。内测时,当我们把「艇仔粥」、」云书院「、「虾饺点心」等票面到群里,大家的反响很,反应能从车票中读出州的市风貌和人文内涵。我们也得到老板的高度认。

对话腾讯设计师:微信车票背后的设计故事

对话腾讯设计师:微信车票背后的设计故事

这样的反馈对我们言很意义的,通过设,我们真的戳中了用户内。

对话腾讯设计师:微信车票背后的设计故事

Q:你希望票带用户哪些期待?

盛辛欣:越发达的家,公共交通具出行的比例越,环保意识越强。车票,作公共交通具的支付载体,不仅承载了用户间的好感,把一城市的文化底蕴传播出去。

我们希望,以互动-车票为窗口,通间赠票的情感驱动,能让平时不坐出行的用户因为有车票偶尔能享受一次美的旅途,为市出行做贡献。而车票票面所传递的人文信息,能激大家对美生活的盼望,传递正能量。

写在最后

微信车票刚刚推出,我们的设计师和所有人明白,思考和期待是美的,用户的验才是最有说明力的,在很人看来,挖掘出更用户的服务机点和情感结合点大时还是停留在「锦上添花」的价值,何时能够让设计变成给用户的「雪中送碳」才是设计师们衷心追求的。

用设计师话来说,「在设计这件事上,我们是认真,在服务用户这件事上,腾讯,是认真。」

希望每个人在收到那张熟悉的车票时够开心快乐!

欢迎关注「腾讯FITdesign」公众号:

 

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

@Jenny黄静雯 :节日闪屏的呈现虽然只有一个画面,但了解设计背后的来龙去脉,才能让设计有根可寻。 一、节日闪屏是什么?​ 1...
情感化设计
为什么给自己买个上万的包包会心疼,但如果是老公送的生日礼物就会很开心? 为什么钻石不过是块美丽的硬碳,但在爱情中几万...
心理账户
我们在生活中和朋友交流时,如果对方眼睛一直在注视着你,并在某些停顿处点头,还会发「嗯」「是」「对」「然后呢」等声音,...
体验设计
在提高可用性的建议中,如何优雅、清楚的告知用户哪里出错了是非常重要的。当然,如果能够一开始就避免他们犯错是最好的。 ...
交互设计
什么是用户体验设计?有人说是可用性、易用性,有人说用户体验本质是实现商业价值,有人说是以用户为中心,解决用户需求问题...
Facebook 设计
微信的最近一次更新,小程序入口变浅了很多。最近使用的小程序,被放置在微信打开后初始页面的下拉菜单中,而且给的下拉栏空...
ui设计
Z Yuhan:如今人工智能领域相当火热,各行各业都在布局人工智能在各自领域的应用。对话式交互设计依附于语音识别,语音处理等...
对话式UI
这篇文章要为大家解析空白页的存在意义及设计技巧,希望对你有益。 一. 概念 空白页是什么? 空白页指的是当前页面内容为空...
加载设计