智慧交通背景下合肥軌道APP的界面設(shè)計研究

彭辰璐

(合肥學(xué)院 設(shè)計學(xué)院,合肥 230061)

0 引 言

智慧交通也稱智慧出行，是在交通領(lǐng)域中充分運(yùn)用物聯(lián)網(wǎng)、云計算、人工智能、自動控制、移動互聯(lián)網(wǎng)等現(xiàn)代電子信息技術(shù)面向交通運(yùn)輸?shù)姆?wù)系統(tǒng)。在目前眾多的交通方式中，軌道具有快速、便捷、綠色、低碳、運(yùn)載量大的特點，因此成為城市建設(shè)智慧交通的重點項目。2020年，中國城市軌道交通協(xié)會正式發(fā)布實施《中國城市軌道交通智慧城軌發(fā)展綱要》，提出構(gòu)建我國智慧城軌發(fā)展藍(lán)圖，按照“1-8-1-1”的布局結(jié)構(gòu)(即1張智慧城軌藍(lán)圖、8個智慧關(guān)鍵核心任務(wù)建設(shè)體系、1個城軌云和大數(shù)據(jù)平臺、1套智慧城軌標(biāo)準(zhǔn)規(guī)范)，創(chuàng)建智慧乘客服務(wù)、智能運(yùn)輸組織、智能能源系統(tǒng)、智能列車運(yùn)行、智能技術(shù)裝備、智能基礎(chǔ)設(shè)施、智能運(yùn)維安全和智慧網(wǎng)絡(luò)管理八大體系。[1]其中創(chuàng)建智慧乘客服務(wù)體系，是指在提高乘客服務(wù)的便捷化、舒適化、智能化水平，包括：提升票務(wù)服務(wù)的智能化水平、提供智慧出行資訊、建立智能安檢(防)系統(tǒng)、研發(fā)智慧車站系統(tǒng)、提升列車智能服務(wù)水平等。

合肥市數(shù)據(jù)資源局主編的《合肥城市大腦·城市立體交通數(shù)據(jù)分析·2020》報告中指出，合肥軌道交通已形成“四線運(yùn)營、多線在建”的格局，運(yùn)營里程115公里。軌道交通成為越來越多合肥市民的出行選擇，2020年地鐵客運(yùn)量達(dá)到1.95億人次為了實現(xiàn)智慧出行，2017年12月6日合肥軌道交通公司推出“合肥軌道”移動端應(yīng)用程序，該APP支持上海、南京、杭州、溫州、寧波、合肥六座城市“一碼通行”，并具有二維碼乘車、出行查詢、軌道時刻表、軌道線路查詢等功能，為市民的地鐵出行提供“一站式智慧服務(wù)”。疫情期間合肥軌道APP乘車碼與安康碼結(jié)合，做好了一線地鐵防疫工作。

1 合肥軌道APP現(xiàn)狀分析

合肥軌道APP自2017年上線，到2020年底注冊用戶累計341.5萬人，每天使用量近30萬人次。合肥軌道APP的主要功能有：一碼六城通用、二維碼乘車、出行查詢、軌道時刻表、軌道線路查詢、軌道資訊、車站向?qū)?、電子發(fā)票、失物招領(lǐng)等。

在蘋果官方商店App Store中合肥軌道APP的評分是2.5分，評分人次1914。而同類型APP中，上海地鐵官方APP Metro大都會評分2.8，評分人次1.5萬；北京公共交通票務(wù)平臺APP億通行評分是3.7分，評分人次1萬；廣州地鐵—官方APP在App Store的評分為4.7分，評分人次2.8萬。合肥軌道評分人次最少，評分最低。在瀏覽APP的用戶評價后發(fā)現(xiàn)，用戶對軌道APP的評分標(biāo)準(zhǔn)在于使用了此應(yīng)用后是否得到了更好地服務(wù)，例如購票更加快捷、進(jìn)出站更加快速、出行規(guī)劃更加有效、資訊內(nèi)容是否足夠即時和優(yōu)質(zhì)等等。由此可見，合肥軌道APP還有較大的提升空間。本文在對合肥軌道APP進(jìn)行分析之后，主要存在問題如下。

1.1 部分核心功能無法使用

為了給用戶較好的出行體驗，軌道APP應(yīng)圍繞用戶的出行需求打造核心功能，并確保核心功能的好用性和易用性。[2]合肥軌道APP的核心功能包括：乘車碼、軌道線路查詢、出行路線查詢、列車時刻表、車站向?qū)У?。目前合肥軌道APP的“出行”線路查詢功能和“出行提醒”功能無法正常使用。出行線路規(guī)劃只有搜索熱門地點才可以使用，如搜索“淮河路步行街”“之心城”會推薦軌道交通路線，但搜索“合肥學(xué)院”作為目的地則沒有乘車線路推薦。依據(jù)唐納德·諾曼《情感化設(shè)計》中的理念，產(chǎn)品的功能對應(yīng)的是行為層，是指產(chǎn)品的功能和性能皆應(yīng)滿足用戶的需求，給用戶帶來使用的樂趣。[3]顯然，合肥軌道APP不完善的功能無法給用戶帶來良好的用戶體驗。另外“線路查詢”界面的上方是一張像素較低的地鐵線路圖片，不能基于軌道線路和站點進(jìn)行交互，用戶查詢站點之后需要進(jìn)入“出行”界面才能規(guī)劃出行路線，這就使得用戶體驗路徑不夠連貫。

1.2 功能架構(gòu)不合理

從首頁(圖1)核心功能區(qū)點擊“時刻表”和“線路查詢”功能，進(jìn)入二級界面后兩個功能的頁面信息相同(圖2、圖3)，內(nèi)容均為軌道線網(wǎng)圖片和現(xiàn)有軌道線路。選擇現(xiàn)有軌道線路進(jìn)入三級頁面，“時刻表”功能里的內(nèi)容是表格狀的站點首末班車時間(圖4)，點選任一站點不可以再次交互?！熬€路查詢”功能的三級頁面內(nèi)容是每條線路的站點信息和可換乘線路(圖5)，站點可以再次點擊，進(jìn)入的四級頁面是具體站點的基本信息和站層圖(圖6)。這種不同的核心功能入口卻有相同的二級頁面內(nèi)容的功能架構(gòu)和界面設(shè)計會造成用戶的認(rèn)知負(fù)荷和學(xué)習(xí)負(fù)擔(dān)。

合肥軌道APP存在著功能入口重復(fù)的情況：“首頁”核心功能區(qū)輪播的第二頁第一個功能是“失物招領(lǐng)”，在“我的”界面中也有“失物招領(lǐng)”入口。重復(fù)的功能入口說明了APP功能架構(gòu)不合理，合理搭建功能架構(gòu)，使之符合用戶的使用習(xí)慣，是合肥軌道APP亟需解決的問題。

1.3 界面信息層級弱

APP的每一個界面都要分析用戶核心行為和信息優(yōu)先級，以此為基礎(chǔ)進(jìn)行框架設(shè)計，并通過位置、大小、間距、色彩等表現(xiàn)方法來建立信息的層級，以此讓用戶快速理解頁面內(nèi)容。

合肥軌道APP首頁(圖1)內(nèi)容由Banner、核心功能區(qū)、附近站點和地鐵公告組成，但這四個板塊無明顯的區(qū)域劃分和標(biāo)題提示。無板塊區(qū)分的統(tǒng)一白色背景加上過小的字體，導(dǎo)致“首頁”的界面設(shè)計不合理。

圖1“首頁”界面 圖2“時刻表”二級頁面 圖3“線路查詢”二級頁面

圖4“時刻表”三級頁面 圖5“線路查詢”三級頁面 圖6“線路查詢”四級頁面

圖7 “出行”界面 圖8 “我的”界面 圖9 “資訊”界面

在“我的”界面(圖8)中，整個界面以宮格式布局排列所有的功能，功能的圖標(biāo)大小和風(fēng)格基本相同，這就導(dǎo)致無法區(qū)分哪些是重要功能，哪些是次要功能，并且功能排列混亂。在設(shè)計中用戶高頻率使用的功能，應(yīng)在視覺上重點突出，低頻功能應(yīng)予以弱化。另外合肥軌道APP也存在設(shè)計不規(guī)范的問題，在“我的”界面中“支付渠道”是面性圖標(biāo)，其他功能是線性圖標(biāo)，同一層級的圖標(biāo)應(yīng)采用相同設(shè)計風(fēng)格。我的界面中圖標(biāo)使用的色彩過多，即便是采用相同色相的圖標(biāo)也存在著色彩差異。在UI設(shè)計中，同一層級的圖標(biāo)除了要保持風(fēng)格相同之外，色彩也要有一定的規(guī)范性。

1.4 資訊缺乏優(yōu)質(zhì)內(nèi)容

通常APP底部的tab標(biāo)簽欄放置的是用戶使用頻率最高、最重要的功能入口。合肥軌道APP tab欄的第四個入口是“資訊”(圖9)，設(shè)置的內(nèi)容為軌道的“通知公告”“企業(yè)文化”“軌道百科”三個欄目。這個板塊除軌道咨詢外，可供乘客閱讀的優(yōu)質(zhì)內(nèi)容有限。用戶在使用完“乘車碼”“時刻表”“線路查詢”等核心功能之后就會退出APP，停留時間較短。如果合肥軌道APP想要增強(qiáng)用戶粘性、增加用戶的瀏覽時間，則可以考慮在“資訊”板塊中增加優(yōu)質(zhì)內(nèi)容，如生活、娛樂、文化資訊等。

2 合肥軌道APP界面設(shè)計策略

筆者在合肥軌道現(xiàn)有功能和內(nèi)容的基礎(chǔ)之上對常用功能的界面進(jìn)行了升級改版，改版的設(shè)計思路如下：

2.1 強(qiáng)化品牌印象

據(jù)研究顯示，人的視覺器官在觀察物體時,最初的20秒內(nèi)對色彩的感覺占80%, 對形體的感覺占20%，因此色彩作為人觀察物體的第一印象，在品牌形象的建設(shè)上具有重要的作用。合肥軌道原有設(shè)計方案中，APP logo的標(biāo)準(zhǔn)色為橙色和紅色漸變的色彩搭配，但主要界面中采用了兩種較深的紅色作為主色，無法起到強(qiáng)調(diào)品牌標(biāo)準(zhǔn)色，加強(qiáng)用戶印象的作用。改版的設(shè)計方案中，從APP logo中提取RGB色值為215、40、20的紅色，應(yīng)用在主要界面中的導(dǎo)航欄和圖標(biāo)色彩中(圖10—圖16)，提高標(biāo)準(zhǔn)色使用頻率，加深用戶對合肥軌道交通的品牌印象。

圖10 改版“首頁”界面 圖11改版“出行”界面 圖12改版“我的”界面

合肥軌道的標(biāo)志是中文“合”字與軌道圖標(biāo)相結(jié)合的形象，此標(biāo)志也應(yīng)用于合肥軌道APP logo和“乘車碼”圖標(biāo)中。在改版方案里，筆者增加了合肥軌道標(biāo)志的出現(xiàn)頻率，將其運(yùn)用在“我的”界面(圖12)的個人信息背景中、系統(tǒng)默認(rèn)用戶頭像中、乘車碼二維碼中。心理學(xué)發(fā)現(xiàn)，多次出現(xiàn)的事物會給人帶來熟悉感，人會比較容易喜歡上熟悉的事物。[4]因此，改版設(shè)計希望通過讓標(biāo)志多次出現(xiàn)，來加深用戶對合肥軌道品牌形象的喜愛。

2.2 確定視覺風(fēng)格

現(xiàn)有版本的合肥軌道界面視覺風(fēng)格以簡約為主，界面的視覺風(fēng)格主要以給導(dǎo)航區(qū)增加紅色背景作為裝飾，以及給首頁核心功能區(qū)的圖標(biāo)增加點、線及色塊作為裝飾樣式。然而圖標(biāo)的設(shè)計規(guī)范不足：核心功能區(qū)的圖標(biāo)線條粗細(xì)不一，圖標(biāo)的的重量在視覺上沒有達(dá)到平衡，裝飾元素過小無法起到營造視覺氛圍的作用。另外，“我的”界面頭部背景用白色圓弧分割紅色背景，割裂感較強(qiáng)，視覺美感較差。

改版界面(圖10—圖15)延續(xù)原版的簡約風(fēng)格，保留導(dǎo)航區(qū)的紅色背景。圖標(biāo)設(shè)計以新的標(biāo)準(zhǔn)色制作圓形背景，應(yīng)用于每一個圖標(biāo)之上，以此強(qiáng)調(diào)核心功能區(qū)的統(tǒng)一性和整體性。改版圖標(biāo)以較粗的線條進(jìn)行繪制，增強(qiáng)其識別度，并且重新繪制“時刻表”“線路查詢”“車站向?qū)А薄笆镎蓄I(lǐng)”圖標(biāo)的造型，增強(qiáng)圖標(biāo)的功能預(yù)知性。

2.3 建立視覺層級

針對合肥軌道APP界面視覺層級弱的問題，筆者將“首頁”(圖10)內(nèi)容劃分為四個板塊：Banner運(yùn)營區(qū)、核心功能區(qū)、站點信息區(qū)、地鐵公告區(qū)，采用卡片式布局，增加區(qū)域標(biāo)題，使得內(nèi)容更具邏輯感。在“我的”界面的改版設(shè)計中，針對原有界面布局較混亂的情況，筆者增設(shè)了個人中心，用戶登陸APP后即可看到綁定賬號的手機(jī)號碼、頭像和實名制認(rèn)證標(biāo)簽。同時對“我的”界面(如圖12所示)中的功能做出重要性區(qū)分，將主要功能“支付渠道”“我的訂單”“我的收藏”“我的足跡”放置在卡片上，采用紅色面性圖標(biāo)，強(qiáng)調(diào)其功能的重要性。次要功能如“消息”“聯(lián)系客服”“關(guān)于我們”等，并采用灰色線性圖標(biāo)、列表式局部，弱化其視覺層級。通過線面、大小、布局方式的對比，來重構(gòu)“我的”界面的視覺層級。

在改版設(shè)計方案中，筆者建立了視覺規(guī)范，將界面中的信息做出等級劃分，從字重、字號、字體色彩三個方面著手，建立界面的視覺層級。以“首頁”為例，在一倍圖的設(shè)計方案中，界面中“歡迎乘坐合肥軌道交通”“附近站點”“地鐵公告”作為一級標(biāo)題，采用17號、Medium字重、黑色的蘋方字體。站點名稱“大東門”作為二級標(biāo)題，采用15號Medium字重、黑色的蘋方字體。其他內(nèi)容采用Regular字重，依據(jù)信息的重要程度采用不同色號的灰色，來劃分信息的層級。

2.4 優(yōu)化用戶視覺體驗

在“出行”入口中，原版界面將線路搜索框和快捷服務(wù)框放置在界面上方，且功能占據(jù)界面接近二分之一的面積，對地圖和定位信息形成遮擋，十分影響視覺體驗。改版后的出行界面(圖11)將線路搜索功能和快捷服務(wù)功能放置在一張卡片上，縮小卡片面積，放置在界面下方位置，讓用戶在打開“出行”界面時能夠看到更大面積的地圖及當(dāng)前所在位置。在“資訊”入口中，原界面導(dǎo)航標(biāo)題和正文字號都較小，筆者按照建立的視覺規(guī)范，將標(biāo)題與正文的字號及字重都做了相應(yīng)的調(diào)整。并且在版式設(shè)計中(圖13)，在每一條新聞后都增加了圖片縮略框，增加視覺上的可閱讀性。

在“線路查詢”界面中，為了區(qū)別于“時刻表”、“車站向?qū)А苯缑?，筆者將界面改版為可交互的軌道線路地圖(圖14)。在該地圖中，每一個站點均可點擊，用以設(shè)置線路的起點和終點，并且站點信息卡片上顯示首末班車時間信息，方便用戶查詢。另外，在此卡片中增加了“車站信息”按鈕，用以鏈接“車站向?qū)А惫δ堋?/p>

圖13 改版“首頁”界面 圖14改版“出行”界面 圖15改版“我的”界面

在核心功能“乘車碼”界面中，原版界面里“切換卡片”功能指示性不強(qiáng)，用戶無法快速理解“切換卡片”的功能是指切換乘車二維碼，還是切換到合肥軌道一碼通用的其他城市卡片。改版后的設(shè)計方案(圖15)為乘車碼增添“合肥軌道”標(biāo)題，并依據(jù)用戶習(xí)慣，在“合肥軌道”后增添向下箭頭，讓用戶明白在箭頭處可以實現(xiàn)城市切換。筆者在乘車二維碼的下方，增設(shè)支付渠道板塊，實現(xiàn)刷碼和支付兩個核心功能之間的強(qiáng)關(guān)聯(lián)，增加用戶體驗的連貫性。

3 合肥軌道APP指揮乘客服務(wù)發(fā)展策略

目前合肥軌道APP可以提供的服務(wù)有：出行咨詢(時刻表、線路查詢、車站向?qū)?、列車到站時間、出行規(guī)劃、出行提醒)，智能票務(wù)(掃碼乘車、電子發(fā)票、六城一碼、支付渠道)，軌道資訊，人工客服等。為了提供更好的乘客服務(wù)，合肥軌道APP可以考慮將其功能更加智慧化。

首先，建設(shè)智慧出行咨詢服務(wù)。目前5G技術(shù)的發(fā)展，增加了互聯(lián)網(wǎng)的運(yùn)行容量與速度，數(shù)據(jù)傳輸?shù)乃俣鹊玫斤@著提升，無線網(wǎng)絡(luò)也能得到進(jìn)一步的優(yōu)化。為乘客提供車站全場景動態(tài)信息服務(wù)。[5]對應(yīng)到合肥軌道APP的建設(shè)中，APP可以開發(fā)車站的線上可視化功能，實現(xiàn)與乘客的視頻交互，讓乘客可以通過實時視頻查看車站信息、客流信息等。[6]

其次，完善智慧票務(wù)服務(wù)。合肥軌道可以利用視頻監(jiān)視、生物識別、人工智能等技術(shù)，判斷乘客的出行路線，通過軌道APP的后臺運(yùn)行自動實現(xiàn)票務(wù)操作。APP的票務(wù)服務(wù)也可以提供個性化票務(wù)選擇、出行軌跡查詢、異常信息申訴等服務(wù)。

再次，優(yōu)化資訊信息服務(wù)。合肥軌道APP可以利用大數(shù)據(jù)、人工智能等技術(shù)，為乘客推送定制化的地鐵信息、生活服務(wù)資訊、娛樂新聞、文化旅游等內(nèi)容，為乘客提供可感知、有溫度、個性化推送的服務(wù)。[7]

最后，增設(shè)智慧客服。合肥軌道APP可以建立數(shù)據(jù)庫，根據(jù)常見軌道出行問題、APP使用問題，提供相應(yīng)的智能問答服務(wù)。合肥軌道APP可以增設(shè)只能語音服務(wù)，例如語音搜索、只能語音問答等服務(wù)，也可以根據(jù)乘客的需要，增加“一對一”的人工遠(yuǎn)程視頻幫扶功能。[8]

4 總 結(jié)

創(chuàng)建智慧乘客服務(wù)指在給用戶提供便捷化、舒適化、智能化的服務(wù)。合肥軌道APP作為合肥市的官方軌道應(yīng)用產(chǎn)品，其產(chǎn)品無論在功能上還是在界面設(shè)計上，都有較大的改善空間。合肥軌道APP作為一張移動端的城市交通名片，只有不斷完善其功能和界面，優(yōu)化用戶體驗才能夠給產(chǎn)品帶來用戶的信賴和忠誠度，才能夠更好地服務(wù)于用戶，服務(wù)于建設(shè)安徽交通強(qiáng)省的需要。