歡迎光臨
我們一直在努力

對話騰訊設計師:微信車票背後的設計故事

文章摘要: 微信車票的設計師試圖通過「微信車票」來收集使用者情感微信車票的設計師試圖通過「微信車票」來收集使用者情感

微信車票的設計師試圖通過「微信車票」來收集使用者情感,還原使用者出行場景,從而打造出一個溫暖的產品,重新建立起人與人、人與出行之間的深層聯絡。

公交車票,對於現在的我們而言或許稍顯陌生,但在回憶裡,那曾是一代人的情懷,伴隨著共同的成長,伴隨時光的逝去,讓我們品味一路風景與歡樂,到達人生的每一站。

小小的車票雖不起眼,卻是歷史最忠實的記錄者。從1899年中國出現首輛有軌電車,發行彌足珍貴的首套車票,到無人售票公交、BRT快速公交、觀光專線的出現,車票的不斷變遷見證了中國公交的發展歷程乃至中國日新月異的發展程序。

車票上的面值反應了當時的經濟狀況,公司的名稱反映了當時的社會制度,標語口號反映了當時的時代特徵,甚至從印刷車票所使用的紙張中也可以看出當時的物質條件情況。

但隨著時代的發展,公交車票卻漸漸淡出人們的生活。

爲了重拾那份遺失的小美好,結合時代發展的步伐,騰訊設計師為使用者打造了一系列電子車票,讓傳統車票以新的生命出現在大眾視野中。

今天,你能在手機上收到一張好友贈送的微信車票,小小的票面上或許畫着107路公交——那條學生時代上學和放學的必坐線路。看到這麼用心的車票,讓人倍感溫暖。

微信車票的設計師試圖通過「微信車票」來收集使用者情感,還原使用者出行場景,從而打造出一個溫暖的產品,重新建立起人與人、人與出行之間的深層聯絡。

一、設計對話

張貝:在車票原型試著推出之時,其實我們稍有忐忑,擔心現在的年輕人不認「車票」這個概念,設計師和產品經理們做了一些使用者測試,發現微信車票這個概念受到了很多使用者的喜愛,這給了我們很大的信心繼續做好這個功能。

Q:怎麼想到要設計車票這個功能的?

張貝:微信車票這一個功能其實是在「騰訊乘車碼」基礎上延展出來的一個情感導向的功能性產品,我們旨在打破乘車這個固有的「體驗孤島」,讓車票來串聯使用者之間的情感傳達。

在開會討論乘車碼產品運營時,我們想到其實自己或身邊有一部分人其實並不是每天都乘公交車的,但這部分人有乘車的消費能力,比如他要給身邊的人,朋友支付車費,月卡等行為,或者當他要告訴朋友如何刷乘車碼的時候,我們隱隱感覺到,需要有一個載體來「形象直觀」地滿足使用者之間的這些隱性需求,你說他是強需求麼,也不見得,但你總得承認你給別人買過月卡,買過車票吧,而這個「贈予」行為本身是具有強烈情感決策因素的,而單純的一個二維碼,似乎還並不能很好地達成這種使用者間情感訴求,所以我們提出了「車票」這個概念,試圖解決這些隱隱的癢點。

幸運的是,我們的產品經理動作也很快,第二天就畫了個 ppt,來向決策方闡述和推動這個創意的落地,最基礎的產品原型我們整合了很多情感進去,比如語音啊,視訊啊,但最後發現那些最熟悉的畫面和文化元素纔是最能被大家認可和傳播的體驗點,所以纔看到了現在的這樣一些車票呈現方式。

所以說,在騰訊,我們其實是有這樣的習慣性思維和敏感度,即注重發掘使用者口碑與營銷導向兼備的產品形態,在每個產品上,如果都能設計出類似於下一個紅包級別的產品體驗,那對於使用者和騰訊來說,都是不錯的期待。

黎翠霞:乘車碼產品的體驗目標,即「一種微信使用者刷碼出行的支付工具」。騰訊乘車碼功能其實已經很好地完成了這個體驗目標,使用時教育成本低、使用者路徑短,體驗流暢,同時解決了各個利益相關者的問題,對使用者層而言,可以獲得便捷的支付方式,再也不用操心「沒帶零錢、沒帶公交卡、公交卡沒充值「的問題,冷靜思考一下,我們會發現乘車碼並沒解決使用者之間線上傳播的問題,始終看起來很像個高效工具,於是我們就嘗試用車票這一概念來給乘車碼賦以情感能量。

Q:車票的體驗設計定位是什麼?

黎翠霞:最初的頭腦風暴階段,我們想到了很多的創意方案,我們發現「以他人代付的形式讓使用者免費乘車」這一設計機會點最能貼近使用者,很好地解決了利益相關者鏈條中「好友層」的利益。使用者通過獲得好友贈送的車票,從而接觸到乘車碼並開始使用。

於是,針對目標使用者,我們進行了多次使用者調研來驗證想法的真偽,發現使用者對車票是接受的,並覺得是有意思的,票價的接受區間在10元以內。基於這一次的用研,我們把車票的設計體驗目標定位為「便捷、小額、低門檻」,目的是在好友傳播當中能捲入更多的利益相關者,以解決體驗孤島。從設計規劃上來看,我們一直圍繞「使用者情感利益互利」這個體驗目標在進行設計。

Q:具體設計方案是如何落地的?

黎翠霞:車票的整個設計分為三個結構面。

第一層是底層的基礎支付功能,融合了車票元素和二維碼功能,讓使用者能夠對車票進行購買、支付、贈送和使用。利用社交關係鏈,在好友當中實現傳播。玩法上我們不僅僅允許使用者能一對一地贈送車票,還能一對多地贈送,發到群裡讓好友一起搶,增加車票的娛樂性。

第二層是設計層,車票+支付=票面玩法。在車票購買頁,我們拋棄了傳統冷冰冰的表單做法,採用票面與金額結合的方式來強化車票,讓使用者直觀感受到車票獨有的設計 DNA。

同時,通過對傳統紙質車票的研究,我們提取了三個重要的設計元素:

  • 城市,用來強化使用者的地域民俗認可;
  • 編號系統,為後期的運營做了擴充套件性準備,也更加符合車票調性;
  • 留言祝福,祝福的加入增添了票面的情感溫度;

第三層是呈現層,在票面表現上,我們的靈感來源於美麗中國、美麗城市,我們更希望使用者看到車票時能想到幸福時光,想起他小時候拿車票坐公交的美好時光,看到車票時能想起跟這個城市的一些感情,他跟這個城市一起成長、一起進步的一些經歷,從而有所觸動。

司徒:票面設計過程中,我們一直思考從哪個視角切入更能打動使用者?一開始,我們從美觀的角度出發,設計出來的效果還不錯,畫面也很精美,但看久了會發現這樣的插畫缺乏情感連結,無法勾起使用者深層的記憶或情感上的共鳴。使用者會因為設計好看而贈送一次,但之後贈送動力會持續減弱,所以這不是一個好的方向,我們開始尋求新的突破點。

在跟使用者進行多次深入交流後,我們發現,捕捉日常生活場景元素能勾起他們記憶深層的回想,從而拉近車票與使用者之間的距離感。於是我們就開始往這個方向發展,在票面上進行文化植入,最終打造出一套套能戳中使用者回憶殺的票面。

Q:這一波回憶殺是如何跟票面緊密結合的?

司徒:我們希望把使用者很有回憶的車票重新呈現螢幕上,它是帶有質感和厚度的,所以在 UI 的設計上,主基調是偏擬物為設計風格,符合使用者心理對傳統車票的認知,熟悉的視覺元素可以激發使用者的興趣,而被喚起內隱記憶的使用者是最樂於接受相關資訊的。

有了上述文化植入的設計思路,我們開始和當地城市的設計師進行合作,由他們先推薦人文風情,城市生活縮影地等當地特色,我們再聯合用插畫的手法進行創造,描繪出能產生共鳴的畫面。

另外,我們還和一些 IP 進行合作,描繪出使用者心中的美好生活,希望通過不同角度擊中使用者,在情感層面吸引使用者,加強對我們產品的認知。

事實證明,這一做法是正確的,在構思廣州票面時,廣州的設計師認為這是一項很有意義的工作,投入了很多心思,共享了許多好的點子。內測時,當我們把「艇仔粥」、」青雲書院「、「蝦餃點心」等票面發到群裡,大家的反響很好,反應能從車票中讀出廣州的城市風貌和人文內涵。我們也得到了老闆的高度認可。

這樣的反饋對我們而言是很有意義的,通過設計,我們真的戳中了使用者內心。

Q:你希望車票帶給使用者哪些期待?

盛辛欣:越是發達的國家,公共交通工具出行的比例越大,環保意識越強。車票,作為公共交通工具的支付載體,不僅承載了使用者間的美好情感,更把一座城市的文化底蘊傳播出去。

我們希望,以社互動動-車票為視窗,通過好友間贈票的情感驅動,能讓平時不坐公交出行的使用者因為有了車票偶爾能享受一次美好的公交旅途,為城市環保出行做貢獻。而車票票面所傳遞的人文資訊,能激發大家對美好生活的盼望,傳遞正能量。

寫在最後

微信車票剛剛推出,我們的設計師和所有人都明白,思考和期待都是美好的,使用者的真實體驗纔是最有說明力的,在很多人看來,挖掘出更多使用者的服務機會點和情感結合點大多時候還是停留在「錦上添花」的價值,何時能夠讓設計變成給使用者的「雪中送碳」纔是設計師們衷心追求的。

用設計師的話來說,「在設計這件事上,我們是認真的,在服務使用者這件事上,騰訊,是認真的。」

希望每個人在收到那張熟悉的車票時能夠開心快樂!

歡迎關注「騰訊FITdesign」微信公眾號:

「情感化設計好文合集」

  • 新手篇: 《並不複雜!寫給新手的情感化UI設計簡明指南》
  • 品牌價值: 《騰訊ECD:如何以情感化設計提升品牌價值》
  • 3個層次: 《設計的三個層次,幫你重開情感化設計的大門》
  • 運用方法: 《不靠靈感做設計!超全面的「情感化設計」落地方法論》
  • 實戰案例: 《ofo小黃車是如何打造情感化設計的?來看總監的自述!》
  • 實戰總結: 《如何用視覺畫面調動使用者的情感?來看這些方法!》

================ 明星欄目推薦 ================

優優教程網: UiiiUiii.com 是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的 知識樹專欄 。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手並製作出酷炫的視覺效果。

設計導航:國內人氣最高的設計網址導航,設計師必備:http://hao.uisdc.com

未經允許不得轉載:頭條楓林網 » 對話騰訊設計師:微信車票背後的設計故事