新用戶登錄后自動創(chuàng)建賬號
登錄前兩天寫工作日志,在看一些紀念性的小東西。其中一張今年3月從上海到北京的火車票,多少勾起了我對當時的回憶。望著車票出神,卻也越發(fā)覺得這張車票有意義但并不美觀,從產品設計的角度來看可能問題更多。
我把這種感覺以問題的方式在PMClub微信群(一群互聯(lián)網小伙伴們聊天提問的地方)中提出:火車票是乘客搭乘固定班次列車的資格憑證,人們使用它的場景可能有三種:上車前憑票乘車、上車后找到座位和下車后的紀念保存偶爾翻看。
具體看車票中羅列的信息也是在滿足以上使用場景的,只是信息的布置比較混亂,視覺體驗不夠友好。如果讓你來重新設計這張火車票,你會如何設計?
問題討論的過程中,主要觀點有四種:
一、刪減不必要信息
設計理由:
1)刪除乘客不需要的信息(如車票編號可以放在背面),突出顯示始發(fā)地、目的站、車次編號和發(fā)車時間等乘客最常查看的信息。
2)發(fā)車時間放在車票頭部的原因是考慮到這個字段是獨立的信息類型且字符較多,發(fā)車時間如果和車票其他信息距離近的話,會影響乘客查看該信息時的視覺傳達效率。
二、新增人性化的信息
設計理由:
我們無論在火車、飛機甚至公交車上都有聽到人們常常在電話中說到,到哪里啦?什么時間到?我好去接你……也就是說,到達目的地的時間是出行中很重要的信息,哪怕不準確,但不應該被忽略。
三、區(qū)分乘車和乘客信息,信息分類
設計理由:
1)刪減乘客和檢票員均不必要的信息,如車票編號、售票渠道和售票地。
2)區(qū)分乘車和乘客信息,把信息分類后展示在同一界面中;以方便快速查找信息。
四、通過對文字的處理和簡單歸類,讓信息傳達更高效
設計理由:
1)火車票上雖然信息很多,但基本都是必要的,如果可行的話就不要任意刪除。比如車票上方的黑色三角、方塊等都是驗證車票時必要的信息,并且位置是和驗證機器相適配的,不便于調整。
2)突出重要信息的方式主要有兩種:放大字體和標注文字為高亮顏色;弱化的方式與之對應。所以車廂和座位號紅色標記,價格和“限乘當日車次”等均縮小放在不重要位置。
后來,旭勇給大家展示了新版火車票的樣式:
有進步但很進步很有限是我們對這張車票的評價,你是否同意?
回想自己和這張車票的所有經過好像是這樣:12306買票→火車站取票→候車室等待上車→檢票進站→找車廂和座位號→車廂里的凝望→檢票出站→紀念保存。
在綜合了以上朋友們的觀點和自身經歷之后,我的基本思路和設計結果大致如下:
一、明確信息接收對象和使用場景
信息接收對象:
信息使用場景:
買到票后,候車乘車前
乘車后,對號入座前
出站后,保存查看時
二、火車票中的所有信息匯總
車次
發(fā)車時間
出發(fā)地
目的地
檢票口
座位(車廂號、座位號)
座位類型
票價
乘客姓名
身份證號碼
售票渠道
售票地區(qū)
火車站代碼
底部代碼
友情提示
防偽二維碼
車票標識
三、根據(jù)信息對象和場景,將信息歸類
將第一步中的信息接受對象和使用場景自由組合,并把第二步中的信息一一與之對應,歸類整理后如下:
A-1:·車次·發(fā)車時間·出發(fā)地·目的地·檢票口
A-2:·座位(車廂號、座位號)·座位類型
A-3:·發(fā)車時間·出發(fā)地·目的地·票價
B:·車次·發(fā)車時間·乘客姓名·身份證號碼·售票渠道·售票地區(qū)·火車站代碼·底部代碼·友情提示·防偽二維碼·車票標識
四、界面切分和位置重要性排序
五、信息重新聚合和界面設計
A-1、A-2、A-3相關信息聚合,在界面中的表現(xiàn)如下:
設計理由:
1)始發(fā)地到目的地的列車有很多,對你更重要的是知道搭乘哪一車次。
2)買到票到正確檢票上車前的必要流程是:候車廳等待。候車廳對于乘客的提醒往往是“XX車次的乘客們請注意,從XX出發(fā)地開往XX目的地的列車開始檢票了,請到XX檢票口排隊進站”,由此可見,XX車次字段信息的重要性。所以,我把它放在主內容區(qū)左上角的第一個位置。
3)座位號是檢票進站后的最重要的信息,和車次一樣同屬于“消費型”信息,即僅在進站后、對號入座位前有效。但也就是這個過程決定用戶是否能快速高效的找到車廂找對位置,為了區(qū)分這個重要信息,我把它放在主內容的右上角的位置。
B相關信息聚合,在界面中的表現(xiàn)如下:
設計理由:
1)售票地區(qū)、火車站代碼和售票渠道等車票流通和監(jiān)管相關信息,對乘客的乘車過程沒有任何影響,不應該在主內容區(qū)中顯示從而影響乘客獲取有效信息的效率。所以,我把這些信息歸類并統(tǒng)一放在車票頁眉處,地區(qū)、車站、渠道標識依次向右展示。
2)和諧號屬于列車類型,可以不占用車票信息展示的位置,或許把車票的主題甚至外觀設計成和諧號列車的標志外形更能表達它的屬性。不過在此過程中我并沒有對其做過于大膽的設計,所以在維持車票長方形的基礎上,我把和列車類型作為背景水印來展示在主、副內容區(qū)內。
3)友情提示是必要信息,但絕對屬于次要信息,不應該顯示在主內容區(qū)內。所以我把友情提示和底部代碼聚合放在了車票的頁腳處,車票代碼、友情提示依次向右展示。
我們來看,A和B結合之后,這張火車票的信息設計效果:
以上就是我們對火車票信息重新設計的全部過程,并沒有辜負這個標題。
如果我們要繼續(xù),那么這里需要有個原型圖什么的:
往回走走看,這里還需要把場景結合進來考慮,我們也簡單標注下:
再往回看看?那會是什么呢……
它就是那個讓我們思考并整理出這篇文章的車票,上圖就是它的下場;I love IT.
回到最初,其實車票本質上還是一種乘車憑證,用戶體驗的要求可以不高;不過,如果我們能通過對它的重新梳理和設計,讓它在使用過程更加舒適和高效,的確是件很有意義的事情。
無論是產品還是運營、設計師,讓我們發(fā)現(xiàn)更多生活中的不美好,用產品的思維和有態(tài)度的觀點讓自己和世界都更好一點吧。