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