被馬化騰點讚的微信車票設計，背後有哪些故事？

歡迎你們前往騰訊雲+社區，獲取更多騰訊海量技術實踐乾貨哦~

做者：黎翠霞 | 騰訊 高級交互設計師

導語 | 公交車票，對於如今的咱們而言或許稍顯陌生，但在回憶裏，那曾是一代人的情懷，伴隨着共同的成長，伴隨時光的逝去，讓咱們品味一路風景與歡樂，到達人生的每一站。微信車票的設計師試圖經過「微信車票」來收集用戶情感，還原用戶出行場景，從而打造出一個溫暖的產品。

---

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

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

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

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

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

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

微信車票的設計師試圖經過「微信車票」來收集用戶情感，還原用戶出行場景，從而打造出一個溫暖的產品，從新創建起人與人、人與出行之間的深層聯繫。

【設計對話】

這篇文章看起來是一次與設計師的對話，但實際上是一次與用戶心靈的碰撞。

張貝：在車票原型試着推出之時，其實咱們稍有忐忑，擔憂如今的年輕人不認」車票「這個概念，設計師和產品經理們作了一些用戶測試，發現微信車票這個概念受到了不少用戶的喜好，這給了咱們很大的信心繼續作好這個功能。

Q：怎麼想到要設計車票這個功能的？

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

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

幸運的是，咱們的產品經理動做也很快，次日就畫了個ppt，來向決策方闡述和推進這個創意的落地，最基礎的產品原型咱們整合了不少情感進去，好比語音啊，視頻啊，但最後發現那些最熟悉的畫面和文化元素纔是最能被你們承認和傳播的體驗點，因此纔看到瞭如今的這樣一些車票呈現方式。

因此說，在騰訊，咱們實際上是有這樣的習慣性思惟和敏感度，即注重發掘用戶口碑與營銷導向兼備的產品形態，在每一個產品上，若是都能設計出相似於下一個紅包級別的產品體驗，那對於用戶和騰訊來講，都是不錯的期待。

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

Q：車票的體驗設計定位是什麼？

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

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

Q：具體設計方案是如何落地的？

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

第一層是底層的基礎支付功能，融合了車票元素和二維碼功能，讓用戶可以對車票進行購買、支付、贈送和使用。利用社交關係鏈，在好友當中實現傳播。玩法上咱們不只僅容許用戶能一對一地贈送車票，還能一對多地贈送，發到羣裏讓好友一塊兒搶，增長車票的娛樂性。

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

同時，經過對傳統紙質車票的研究，咱們提取了三個重要的設計元素：

城市，用來強化用戶的地域民俗承認；
編號系統，爲後期的運營作了擴展性準備，也更加符合車票調性；
留言祝福，祝福的加入增添了票面的情感溫度；
第三層是呈現層，在票面表現上，咱們的靈感來源於美麗中國、美麗城市，咱們更但願用戶看到車票時能想到幸福時光，想起他小時候拿車票坐公交的美好時光，看到車票時能想起跟這個城市的一些感情，他跟這個城市一塊兒成長、一塊兒進步的一些經歷，從而有所觸動。

司徒：票面設計過程當中，咱們一直思考從哪一個視角切入更能打動用戶？一開始，咱們從美觀的角度出發，設計出來的效果還不錯，畫面也很精美，但看久了會發現這樣的插畫缺少情感連接，沒法勾起用戶深層的記憶或情感上的共鳴。用戶會由於設計好看而贈送一次，但以後贈送動力會持續減弱，因此這不是一個好的方向，咱們開始尋求新的突破點。

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

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

司徒：咱們但願把用戶頗有回憶的車票從新呈現屏幕上，它是帶有質感和厚度的，因此在UI的設計上，主基調是偏擬物爲設計風格，符合用戶心理對傳統車票的認知，熟悉的視覺元素能夠激發用戶的興趣，而被喚起內隱記憶的用戶是最樂於接受相關信息的。

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


另外，咱們還和一些IP進行合做，描繪出用戶心中的美好生活，但願經過不一樣角度擊中用戶，在情感層面吸引用戶，增強對咱們產品的認知。

盛辛欣：事實證實，這一作法是正確的，在構思廣州票面時，廣州的設計師認爲這是一項頗有意義的工做，投入了不少心思，共享了許多好的點子。內測時，當咱們把「艇仔粥」、」青雲書院「、「蝦餃點心」等票面發到羣裏，你們的反響很好，反應能從車票能讀出廣州的城市風貌和人文內涵。咱們也獲得了老闆的高度承認。

這樣的反饋對咱們而言是頗有意義的，經過設計，咱們真的戳中了用戶心裏。

Q：你但願車票帶給用戶哪些期待？
盛辛欣：越是發達的國家，公共交通工具出行的比例越大，環保意識越強。車票，做爲公共交通工具的支付載體，不只承載了用戶間的美好情感，更把一座城市的文化底蘊傳播出去。

咱們但願，以社交互動-車票爲窗口，經過好友間贈票的情感驅動，能讓平時不坐公交出行的用戶由於有了車票偶爾能享受一次美好的公交旅途，爲城市環保出行作貢獻。而車票票面所傳遞的人文信息，能激發你們對美好生活的盼望，傳遞正能量。
出，咱們的設計師和全部人都明白，思考和期待都是美好的，用戶的真實體驗纔是最有說明力的，在不少人看來，挖掘出更多用戶的服務機會點和情感結合點大多時候仍是停留在「錦上添花」的價值，什麼時候可以讓設計變成給用戶的「雪中送炭」纔是設計師們衷心追求的。
用設計師的話來講，「在設計這件事上，咱們是認真的，在服務用戶這件事上，騰訊，是認真的。」
但願每一個人在收到那張熟悉的車票時可以開心快樂！

問答
微信小程序如何與數據庫交互？
相關閱讀
一搜解決，微信的這個功能厲害了！
微信新出了逆天功能，或許你用得上
微信公開課：張小龍的「月旦評」

此文已由做者受權騰訊雲+社區發佈，原文連接：https://cloud.tencent.com/dev...