作者：無森鹿

?來源：人人都是產(chǎn)品經(jīng)理

編輯：善小倩

 

“用戶體驗”是隨著互聯(lián)網(wǎng)的日益深化而變得越來越熱的話題之一，它所代表的就是互聯(lián)網(wǎng)產(chǎn)品和人性本身的相互共鳴，并且這種共鳴在今天而言，顯得越來越彌足珍貴。

 

從交互設(shè)計到視覺設(shè)計，怎么樣才算是“好的用戶體驗”？

 

一直以來，大部分情況下的論調(diào)都停留在主觀意識層面上，這也使“用戶體驗”的話題本身顯得更加難以拿捏和撲朔迷離。

 

本文將從“重新設(shè)計高鐵票樣式”的角度來切入舉例，著重討論一下用戶體驗設(shè)計的維度和標桿。

 

一、使用場景分析

 

高鐵已經(jīng)成為大部分國人出行的首選，一方面價位不算昂貴，另一方面速度確實足夠快。

 

然而，從12306 的App到官網(wǎng)，這種上世紀90代風格的古老網(wǎng)站以及模板式的交互方式，能一直存在下去，也是側(cè)面證明了國人的忍耐力。也因此，12306 App和高鐵票經(jīng)常被拿來當做用戶體驗改版的熱手范例。

 

本文也不例外，不同的是：本文將量化改進目標，從更為全面的用戶體驗理論維度進行改進嘗試。

 

在一般的高鐵使用場景中，以車票作為核心要素的乘車流程應(yīng)是：

 

 

乘車流程

 

在這樣一個使用流程中，可以先提取比較重點的信息元素：

 

• 用戶側(cè)：日期、車次、車廂、座位、時間點、檢票口

• 檢票側(cè)：日期、車次、身份證信息、檢票口

 

在獲取這些較為重要的信息之后，再看一下高鐵票原來的樣式：

 

 

高鐵票樣式

 

高鐵票原樣式可以認為存在以下的問題：

 

1. 美觀度不夠；

2. 信息層級區(qū)分不明確；

3. 排版比較糟糕。

 

車票樣式上存在的比較嚴重的信息就是：重點信息不明確，乘客需要耗費一定的時間才能得到自己想要的信息。

 

主要還是因為：信息層級不明確，留白區(qū)域不夠，無法將對應(yīng)的重點信息主動傳達給用戶。

 

并且在實際場景中，務(wù)必要照顧到時間比較緊張的乘客，縮短閱讀的時間成本和腦力思考成本是必須要考慮的因素。

 

這樣就大致得出了改進的方向：

 

1. 美觀度改進；

2. 信息層次區(qū)分需明確；

3.  排版優(yōu)化；

4. 減少不必要的文字信息。

 

二、用戶體驗理論層面分析

 

根據(jù)前面的論述中所列舉的高鐵票中的重點信息和改進方向，這里可以采用的用戶體驗理論進行細化改進，包括：

 

1. 信息設(shè)計；

2. 可抵達性；

3. 價值性。

 

其中信息設(shè)計是用戶體驗五層理論中的信息層的重點核心，可抵達性（Adoptable）和價值性（Value）是用戶體驗VADU理論中的A和V。

 

信息設(shè)計可解決的就是信息層次不明確的問題，這里可以采用的突出某些重點信息的方式有：

 

1. 字號區(qū)分；

2. 顏色區(qū)分；

3. 粗細區(qū)分。

 

優(yōu)化方案-1

 

可抵達性指的是用戶get到信息的快速程度，使用戶更加快速地“抵達”自己想要達到的“目的地”，可按照這個標準進一步剔除和歸類不重要信息。

 

通過加粗字體，變大字號，增大留白區(qū)域突出顯示對乘客而言比較重要的信息。

 

價值性即是突出對用戶最有價值的信息，使用戶在短時間內(nèi)可以快速獲取對自己最有價值的信息。

 

通過字號的變化來突出顯示信息仍然不夠，其他干擾信息仍然存在，這里將采用弱化干擾信息的方式來進一步強化車票傳達信息的能力。

 

 

優(yōu)化方案-2

 

總結(jié)處理方法：

 

1. 辨別重要信息，字號加大，重要信息字體加粗；

2. 根據(jù)信息類型歸類，如車次信息、檢票口信息、座位信息等都可以認為是和車相關(guān)的具體信息，而始發(fā)站、終點站和出發(fā)時間可以認為是和此次出行具體相關(guān)的信息，個人信息和車票相關(guān)的信息單列；

3. 隱藏（對乘客而言）不重要信息、突出（對乘客而言）重要的信息。這里采用字體顏色弱化的方式來減弱不重要信息（即干擾信息）的存在感。

 

三、背面信息

 

 

高鐵票背面

 

背面信息一般情況下都是被忽略的部分，這里僅對背面信息進行排版上的優(yōu)化，背面信息目前的樣式很“偷懶”地把所有文字堆積到一起，在可閱讀性上較差，這里厘清文字的段落，使之傳達的信息更加明確：

 

高鐵票-背面優(yōu)化

 

四、視覺樣式重設(shè)計

 

在重新界定了火車票上的所有信息之后，就可以開始“放肆”地進行視覺上的重新設(shè)計啦~

 

一般而言，火車票的視覺樣式不宜大起大落，畢竟受眾群體過于廣大，太小清新不合適，逼格太高也顯得違和，太俗的話，還不如不改。

 

以下本著“認真不負責”的態(tài)度進行幾種樣式的火車票（正面）設(shè)計：

 

 

極富“逼格”長條形

 

 

機票形

 

考慮到印刷成本，其實不建議在車票上采用圖標樣式。

 

還有一個原因：在車票上使用圖標其實并不能對車票信息的識別度起到非常大的作用，一方面是因為可使用圖標的元素較少，另一方面圖標元素極易出現(xiàn)誤導(dǎo)的情況。

 

如：檢票口的圖標，不論采用何種方式，都無法通過尺寸有限的圖標進行表意。

 

五、總結(jié)

 

其實“重新設(shè)計火車票”本身就是信息設(shè)計的一個典型案例，而信息設(shè)計是用戶體驗中固有的一環(huán)。

 

很多設(shè)計師把火車票設(shè)計得更加花哨，或者追求好看將字號變小，都是某種意義上的“夾帶私貨”的行為。

 

使火車票重新回到它應(yīng)該的樣子，這可以說是用戶體驗的功勞，其實也可以說是設(shè)計精神沒有普及開來的悲哀。

 

好的用戶體驗是可以量化的，具體的標準就是VADU理論的尺度標桿。VADU所代表的含義即：價值性（Value）、可抵達性（Adoptable）、欲望（Desire）和可用性（Usability）：

 

• 價值性可以通過比對解決方案和需求的重合度來進行判斷，解決方案如果可以完全滿足需求，那就可以說是價值性高；

 

• 可抵達性即用戶到達自己“目的地”的難易程度，如果用戶可以在短時間內(nèi)不耗費大量時間成本和腦力成本即可抵達“目的地”的，就認為是可抵達性好；

 

• 欲望指的更多的是在視覺和主觀感受上，譬如：產(chǎn)品的吉祥物或插畫的作用，更大程度上就是為了迎合欲望，喚起用戶的好感和認同感，當然好看的界面也會對此有所幫助；

 

• 而可用性則是所有產(chǎn)品的根基，可用性的好壞往往需要通過用戶調(diào)研才可以得出結(jié)論，無法直接量化。

 

好的用戶體驗往往是這四個維度進行綜合表現(xiàn)的結(jié)果，如果某個產(chǎn)品在這四個方面中的任何一項出現(xiàn)短板，都很難說它的用戶體驗是好的。

 

在火車票這個例子中，我們可以得見的是：好的信息設(shè)計會極大縮短乘客的時間成本，也可以讓顧客不困惑于票面信息的含義；既達到美觀的目的，也保證了乘客可以完全無誤差地抵達“目的地”。

 

其實，對于火車票而言，清爽美觀僅僅是最低級的需求，更高級的需求需要在信息層面上大做文章，而非為了美觀而舍棄核心重點。

 

— end —