火車票信息的可視化再設(shè)計(jì)研究

1、    火車票信息的可視化再設(shè)計(jì)研究    馬曉文摘要：本文的目的是從用戶體驗(yàn)的角度對(duì)火車票的信息進(jìn)行可視化再設(shè)計(jì)。方法：首先，使用非參與式觀察法研究用戶的使用場(chǎng)景，發(fā)現(xiàn)火車票現(xiàn)存使用問題，進(jìn)而，對(duì)現(xiàn)有火車票票面信息進(jìn)行梳理與分類，結(jié)合用戶使用流程，得到火車票票面信息的重要度區(qū)分。結(jié)果：對(duì)火車票的信息重新進(jìn)行可視化設(shè)計(jì)，提高用戶使用效率與體驗(yàn)。關(guān)鍵詞：信息可視化;火車票;用戶體驗(yàn)中國(guó)分類號(hào)：j524 ：a文章編碼：1672-7053（2019）02-0147-02隨著我國(guó)鐵道交通的飛速發(fā)展，在201 7年鐵路旅客的數(shù)量已經(jīng)超過了30.84億。紙質(zhì)火車票是

2、乘坐火車的唯一憑證也是專業(yè)發(fā)票報(bào)銷憑證，對(duì)旅客具有極其重要的作用1?；疖嚻弊鳛閲?guó)家統(tǒng)一設(shè)計(jì)并使用的產(chǎn)品，使用群體基數(shù)龐大且分布廣泛。由于其統(tǒng)一使用的特點(diǎn)，很少被人作為討論的對(duì)象，但并不等同于其能很好的滿足用戶需求，因此對(duì)與紙質(zhì)火車票進(jìn)行設(shè)計(jì)研究有重要意義。1 火車票使用場(chǎng)景研究1.1 火車票使用流程本文研究用戶使用火車票流程的方法為非參與式觀察法，該方法是在真實(shí)情況下觀察和記錄用戶的行為和情景，但并不對(duì)他們的活動(dòng)產(chǎn)生干擾。此方法能夠免除主觀印象的影響.更有效地發(fā)現(xiàn)客觀事實(shí)。筆者選擇了一名被調(diào)查者，通過使用相機(jī)跟蹤拍攝其從購買車票，直到到達(dá)目的地出站的全部流程。通過反復(fù)觀察視頻，梳理了真實(shí)場(chǎng)景下

3、的用戶乘車流程（如圖1）。以使用車票為核心，旅客乘車的流程可以分為8個(gè)階段：購（?。┢边M(jìn)站候車檢票找站臺(tái)找車廂找座位出站。1.2 火車票票面信息分析火車票目前共有三個(gè)版本，分別為軟質(zhì)車票，磁性車票和火車票2，其版本之間區(qū)別很小。因此，本文使用藍(lán)底磁性車票作為研究對(duì)象（圖2）?；疖嚻逼泵嫘畔⒎浅?fù)雜繁多，共有18種信息分別為：火車站代碼、始發(fā)站、發(fā)車日期、發(fā)車時(shí)間、票價(jià)、售票渠道、提示語（限乘）、身份證號(hào)、乘客姓名、宣傳標(biāo)語、祝福語、車票代碼、售票站點(diǎn)、檢票口、車次、終到站、拼音站名、車廂號(hào)、座位號(hào)、座位等級(jí)、二維碼。從現(xiàn)有車票的可視化可以發(fā)現(xiàn)，票面上的文字、圖形和數(shù)字等并沒有站在用戶的角度對(duì)其

4、進(jìn)行設(shè)計(jì)。1.3 火車票使用現(xiàn)存的問題通過對(duì)被調(diào)查者所跟蹤拍攝的使用流程視頻反復(fù)觀察，以及對(duì)票面信息元素進(jìn)行分析，發(fā)現(xiàn)用戶在使用過程中有如下問題：1）信息層級(jí)混亂。旅客在乘車過程中會(huì)多次查看車票信息，票面中信息的排版沒有突出重點(diǎn)，且留白不足。視頻中發(fā)現(xiàn)旅客閱讀票面信息時(shí)，視線停留時(shí)間很長(zhǎng)，并且瀏覽時(shí)視線會(huì)多次反復(fù)（如圖3），這對(duì)于旅客造成了工作負(fù)荷，增加了時(shí)間成本。2）信息不易于閱讀理解。票面信息多種多樣，但在呈現(xiàn)方式上字體大小和字體設(shè)計(jì)不和諧，顏色和尺寸上為大小均勻的黑色字體，幾乎沒有區(qū)分，版面非?；靵y。車站的環(huán)境嘻雜混亂，使用中會(huì)使旅客的理解效率降低，無法快速準(zhǔn)確地獲取有效信息。3）攜帶不

5、便。車票為紙質(zhì)且呈卡片狀，旅客在乘車過程中需要作為乘車憑證以及查看信息等用途多次被使用，反復(fù)拿取會(huì)增大車票丟失的隱患，若如圖4所示，為保證安全將車票放入包內(nèi)，則用戶在拿出車票使用的過程也會(huì)更加繁瑣。2 火車票信息重要度區(qū)分旅客在乘車的不同流程中會(huì)著重使用到不同的信息，因此根據(jù)場(chǎng)景分析將票面信息重要程度進(jìn)行區(qū)分，見表1。從表中可看出，不同的乘車階段場(chǎng)景所需信息不同，但幾乎在所有的場(chǎng)景下火車站代碼、售票渠道、提示語（限乘）、宣傳標(biāo)語、祝福語、車票代碼、售票站點(diǎn)和二維碼對(duì)于旅客都是不重要信息。在不同乘車過程中，旅客對(duì)的信息需求緊急程度也是不同的，則車票的信息也應(yīng)該按場(chǎng)景進(jìn)行重要度區(qū)分3。針對(duì)每個(gè)乘車

6、階段時(shí)間的緊張性，將用戶在不同過程中的視線瀏覽追蹤表現(xiàn)出來，且分為最緊急、緊急和不緊急三種表示方法（如圖5）。根據(jù)乘車過程的視線瀏覽，可以發(fā)現(xiàn)車廂和座位被查看最多次且情況最緊急，始發(fā)站和終到站被看的次數(shù)雖少但也很重要。若旅客在緊急的場(chǎng)景下無法找到有效信息，則用戶在場(chǎng)景中獲得的不好的情緒會(huì)極大的影響正面情緒5。3 火車票信息可視化策略通過合理地組織界面中的各種元素來影響觀眾對(duì)信息的理解是視覺層次結(jié)構(gòu)的目的。良好的視覺水平可以指導(dǎo)觀眾的觀察軌跡并突出觀眾想要的信息4。故根據(jù)前文研究得到的車票信息重要度分類和用戶信息瀏覽追蹤圖為基礎(chǔ)，對(duì)火車票的信息可視化重新設(shè)計(jì)提出以下設(shè)計(jì)策略。1）信息分區(qū)展示。如

7、前所述，火車票上信息有18種，過高息密度會(huì)造成用戶的認(rèn)知困難，清晰的段落劃分可以有效幫助用戶有效區(qū)分不同類型的信息。因此，將信息按照重要度進(jìn)行分類，將同一類的信息元素更加緊湊的排布，不同類型的信息相隔一定距離，可以有效地形成段落，使信息呈現(xiàn)更有節(jié)奏感，更便于用戶視線搜索。人的關(guān)注點(diǎn)是在票面中心，因此重要且緊急的信息應(yīng)該放在中心區(qū)域，起到突出作用，而次要信息與不重要信息分別放置于票面上方與底部，達(dá)到弱化不重要信息減少視覺干擾的目的。2）文字樣式優(yōu)化。研究表明，文字的字體與字號(hào)對(duì)于人的認(rèn)知理解十分重要。因此在文字的設(shè)計(jì)上對(duì)于同種類型的信息盡量采用同種的字體展示，體現(xiàn)出信息之間的相近性。文字樣式的區(qū)

8、別在視覺上不是最為顯著，可以單獨(dú)使用作為同類別的信息之間的區(qū)分也可作為不同類別信息的區(qū)分設(shè)計(jì)。對(duì)于重要的信息應(yīng)采用相對(duì)字號(hào)大、加粗、顏色明亮等形式起到突出強(qiáng)調(diào)的作用。對(duì)于不重要信息則應(yīng)使用字號(hào)小、顏色明度低的方式設(shè)計(jì)，以達(dá)到降低信息復(fù)雜度的目的。中國(guó)人的閱讀順序是“先上后下，先左后右”。因此，可以將重要信息與不重要信息按閱讀特性排布，且根據(jù)將邏輯上更靠近的信息排布在一起，也更便于用戶理解。3）背景色塊區(qū)分。研究表明，顏色在有視覺優(yōu)先凸顯性的表現(xiàn)效果。增加不同顏色的色塊作為背景能夠在視覺上形成不同區(qū)域，使不同類型的信息產(chǎn)生明顯區(qū)別，讓用戶更快速的定位信息。背景色彩的凸顯性強(qiáng)度是指與其他背景色及字

9、體顏色形成對(duì)比的強(qiáng)烈程度，采用不同顏色或同一顏色的不同明度的背景色塊，在視覺上可以產(chǎn)生色彩的之間的對(duì)比度作為區(qū)分信息重要度的表征。4 火車票設(shè)計(jì)優(yōu)化實(shí)踐綜合以上設(shè)計(jì)策略，改良設(shè)計(jì)如下（圖6）。根據(jù)第二部分火車票信息重要度區(qū)分的結(jié)果，將票面上的18種信息分為三組：重要信息（始發(fā)站、終到站、發(fā)車時(shí)間、到站時(shí)間、檢票口、車次、車廂號(hào)、座位號(hào)）、次重要信息（發(fā)車日期）和不重要信息（旅客姓名、身份證號(hào)、售票渠道、提示語（限乘）、宣傳標(biāo)語、祝福語、二維碼、售票站點(diǎn)信息）。首先，信息分區(qū)展示。將同一類別內(nèi)的信息在縱向空間中更緊密的排布在一起，橫向空間按照人的閱讀邏輯順序排布，如檢票口、車次、車廂座位號(hào)。不同

10、類別信息之間的間距拉大，形成3個(gè)不同的段落。將最重要的信息排布在票面中間部分，并占有大部分票面面積讓用戶一眼就能看到。次重要信息發(fā)車日期放在票面上方，祝福語等不重要信息放在票面底部。其次，優(yōu)化文字樣式。采用統(tǒng)一使用無襯線的字體，視覺效果更為清晰。分別使用3中不同大小的字號(hào)呈現(xiàn)信息。在重要信息中按照重要性和緊急度采用最大的和次大的2種字號(hào)并使用黑色加粗突出展示，解釋性文字采用更小字號(hào)的灰色展示，減少視覺干擾。次重要文字采用了第二大字號(hào)、黑色不加粗展示。不重要信息采用最小的字號(hào)且不加粗展示，不占用視覺空間。最后，背景色塊區(qū)分。對(duì)于重要信息和次重要信息分別使用橙色的色塊作為背景色，以達(dá)到一個(gè)視覺凸顯

11、的作用。使用兩種不同的透明度，區(qū)分其重要程度。重要信息的背景色透明度更高，相應(yīng)的可以捕獲越多的注意力，而不重要信息沒有背景顏色，達(dá)到了弱化的效果。通過以上的設(shè)計(jì)方案，達(dá)到了有效地火車票優(yōu)化設(shè)計(jì)效果，火車票信息呈現(xiàn)更清晰，重要性層次更分明、重點(diǎn)突出且易于辨認(rèn)，符合人的認(rèn)知特性，實(shí)現(xiàn)了可用性和易用性的目的。5 結(jié)語本文從用戶體驗(yàn)的角度發(fā)現(xiàn)現(xiàn)存火車票在可視化設(shè)計(jì)上的問題，結(jié)合用戶實(shí)際使用場(chǎng)景的對(duì)火車票的信息進(jìn)行重要度分類，在滿足能用性的前提下，達(dá)到了易用性和情感化的設(shè)計(jì)效果，改進(jìn)后的設(shè)計(jì)可以有效地節(jié)省旅客的時(shí)間成本，獲得更好地出行體驗(yàn)。參考文獻(xiàn)1劉英偉.基于用戶體驗(yàn)的火車票樣式設(shè)計(jì)研究j.數(shù)字通信世

12、界，2018（9）.2洪碧云，張楊.基于感性工學(xué)的火車票設(shè)計(jì)的喜好度研究j.包裝工程，2017 （06）：248-251.3chen xing-hai，he ren-ke，yang huan.blend in uci situational awareness service businessmodel design methodj.packaging engineering，2015，36（12）：74-774 lei jing，liu wei，huang dao-ii.web information arrangement，color and depth leveleffects on vsual search effiaencyc.proceeding