“便捷公交e·出行”App界面設(shè)計(jì)

李倩　胡楠楠

摘要：隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，智慧城市成為城市管理的新熱點(diǎn)，而其中的智慧公共交通發(fā)展得尤為迅速，在此背景下，我們?cè)O(shè)計(jì)的便捷公交e出行App，既能滿(mǎn)足人們出行時(shí)的需要，打造智能化的出行服務(wù)，還能幫助城市管理部門(mén)掌握交通數(shù)據(jù)，為交通通暢做出有力的支撐。

關(guān)鍵詞：公共交通;App;界面設(shè)計(jì)

中圖分類(lèi)號(hào)：TP311? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼： A

文章編號(hào)：1009-3044（2021）06-0072-02

Abstract： With the development of network technology， intelligent city become a new hot spot of urban management， and one of the wisdom of the public traffic development is rapid， under this background， we design the convenient bus travel App， e can not only meet the needs of people travel， building intelligent travel service， can also help the urban management department to master the traffic data， making strong support for smooth traffic.

Key words： public transportation; App; interface design

1 引言

隨著大城市對(duì)地鐵的需求日益提高，中小城市對(duì)公交車(chē)的需要穩(wěn)定。目前城市政府也都加大了對(duì)數(shù)字化公交的投入，例如改造了公車(chē)上的定位系統(tǒng)，公交站加裝顯示屏等。公共交通作為城市地交通主力軍，各公司挖掘移動(dòng)互聯(lián)網(wǎng)下的公共交通出行是新的模式與風(fēng)向。乘客與公交之間最大的矛盾是信息不對(duì)等。如何得到公交車(chē)的實(shí)際位置，到達(dá)時(shí)間，也是實(shí)時(shí)公交領(lǐng)域的核心需求所在。所以一款適合的公交App被大眾所需求。

2 研究過(guò)程

2.1 App思維導(dǎo)圖繪制

一款功能全面的App離不開(kāi)最開(kāi)始的思維導(dǎo)圖繪制，思維導(dǎo)圖代表了整個(gè)App所要表現(xiàn)的功能以及流程，該款A(yù)pp功能是否完善、流程上是否清晰，在思維導(dǎo)圖上可以一一體現(xiàn)。

該App首要的目的就是能夠讓用戶(hù)實(shí)時(shí)地掌握公交車(chē)的動(dòng)態(tài)，通過(guò)手機(jī)查詢(xún)公交車(chē)離乘車(chē)站還有幾站的實(shí)時(shí)數(shù)據(jù)，讓用戶(hù)隨時(shí)隨地查獲從而知車(chē)輛到站時(shí)間，不再因?yàn)榈溶?chē)而心煩;其次，由于很多的城市還沒(méi)有實(shí)現(xiàn)移動(dòng)支付乘坐公交車(chē)，該App可以滿(mǎn)足這個(gè)需求，讓人們能夠不會(huì)因?yàn)闆](méi)有帶零錢(qián)而苦惱;再者，該App能夠告知用戶(hù)兩地?fù)Q乘的最便捷的方式，提供更快速的出行方案;最后，該App還帶有地圖功能，讓用戶(hù)不用切換App就能夠以地圖形式更直觀地顯示自己所在位置周邊乘車(chē)站的距離，從而少走些冤枉路。根據(jù)以上的App功能分析，其具體的流程如圖1所示：

從思維導(dǎo)圖中可以看出，主要分為四個(gè)板塊，分別是首頁(yè)、路線(xiàn)、福利社、我的，其中首頁(yè)中主要展示了公交、地鐵、巴士、企業(yè)班車(chē)四塊內(nèi)容;在線(xiàn)路中將地圖與線(xiàn)路連接，方便用戶(hù)的使用;而為了App更好的發(fā)展，還添加了商城部分，提高用戶(hù)使用的黏性。

2.2 圖標(biāo)設(shè)計(jì)

首先，要想讓大眾記住一個(gè)App，首先要有一個(gè)好的門(mén)面，就是這個(gè)App的名稱(chēng)以及圖片。一個(gè)軟件少不了的就是圖標(biāo)。圖標(biāo)所要呈現(xiàn)的是這個(gè)App的精髓所在，一個(gè)好的圖片既要體現(xiàn)App的功能性還要讓人印象深刻，勾起使用者的使用欲望，我的圖標(biāo)設(shè)定大寫(xiě)車(chē)字，并對(duì)其進(jìn)行了簡(jiǎn)單的變形，使其既具有了藝術(shù)效果，還具備了實(shí)用性。大小采用比較流行的114 px * 114 px，圓角為標(biāo)準(zhǔn)圓角大小20px。整體的背景顏色為我所選定的主題顏色為藍(lán)色。主要樣式如圖2所示。

2.3 繪制設(shè)計(jì)稿

在設(shè)計(jì)App前，首先需要繪制出App的界面。首先，要把界面設(shè)計(jì)的夠完整，不能夠在功能上有缺漏，例如要有用戶(hù)登錄，用戶(hù)注冊(cè)，登錄失敗的提醒，還要有公交實(shí)時(shí)提醒的界面。在這個(gè)環(huán)節(jié)，最害怕的就是某個(gè)功能沒(méi)有涉及，要一遍遍的檢查。

在繪制設(shè)計(jì)稿時(shí)，需要規(guī)定好尺寸，并且按照App設(shè)計(jì)規(guī)范進(jìn)行合理的設(shè)計(jì)，到后期還原頁(yè)面的時(shí)候才不會(huì)出現(xiàn)錯(cuò)誤，具體形式如圖3所示。

3 App功能實(shí)現(xiàn)

該App是一款實(shí)時(shí)公交產(chǎn)品，在功能實(shí)現(xiàn)是關(guān)鍵的頁(yè)面就是首頁(yè)的公交實(shí)時(shí)信息首頁(yè)是乘車(chē)路線(xiàn)和方式的集合板塊。根據(jù)用戶(hù)所在位置，優(yōu)先推薦用戶(hù)當(dāng)前使用頻率較高的車(chē)站路線(xiàn)，并展示方向，與用戶(hù)的距離，下一個(gè)車(chē)站、到站時(shí)間等，提高效率，乘客不需要任何操作即可獲得有效信息。

頂部搜索欄功能清晰，可支持搜索線(xiàn)路、車(chē)站、站點(diǎn)，提升查詢(xún)效率。附近的車(chē)站根據(jù)定位按照遠(yuǎn)近排列展示公交車(chē)站，并展示了用戶(hù)與車(chē)站的距離，點(diǎn)擊后跳轉(zhuǎn)至公交路線(xiàn)、運(yùn)營(yíng)時(shí)間等信息，方便用戶(hù)知曉周邊公交情況。具體實(shí)現(xiàn)樣式如圖4。

巴士中的地圖模式方便用戶(hù)查看附近車(chē)輛的具體位置，同時(shí)標(biāo)記出了步行5分鐘的范圍，讓用戶(hù)有一定的心理預(yù)期。具體樣式如圖5所示。

公交路線(xiàn)詳情頁(yè)主要展示到站時(shí)間，乘車(chē)方向，首末班車(chē)時(shí)間以及詳細(xì)的站點(diǎn)信息。車(chē)輛到站時(shí)間作為產(chǎn)品最核心的功能，放在了頁(yè)面醒目位置，通過(guò)實(shí)時(shí)展示多輛車(chē)到站時(shí)間信息，方便用戶(hù)調(diào)整出行方案，更合理規(guī)劃時(shí)間。

一鍵切換方向的功能，方便容易搞反方向的用戶(hù)，也可方便用戶(hù)查詢(xún)返程線(xiàn)路。

同時(shí)上下車(chē)提醒也是一大亮點(diǎn)功能，防止用戶(hù)因沉迷手機(jī)影響出行。具體樣式如圖6所示。

4 研究心得

本課題以公共交通為切入點(diǎn)，以滿(mǎn)足人們便捷出行為前提，融入智慧交通的思想，以提高信息的“精準(zhǔn)性”為原則，設(shè)計(jì)出一款A(yù)pp，設(shè)計(jì)風(fēng)格簡(jiǎn)潔、清新，功能完善，適用性較好。但由于筆者專(zhuān)業(yè)知識(shí)水平有限，還有需要反復(fù)商榷和推敲的地方，在未來(lái)需進(jìn)一步的更新迭代，一步步做到更加的完善。

【通聯(lián)編輯：梁書(shū)】