李倩　胡楠楠

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

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

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

2 研究過程

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

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

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

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

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

首先，要想讓大眾記住一個(gè)App，首先要有一個(gè)好的門面，就是這個(gè)App的名稱以及圖片。一個(gè)軟件少不了的就是圖標(biāo)。圖標(biāo)所要呈現(xiàn)的是這個(gè)App的精髓所在，一個(gè)好的圖片既要體現(xiàn)App的功能性還要讓人印象深刻，勾起使用者的使用欲望，我的圖標(biāo)設(shè)定大寫車字，并對(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ì)的夠完整，不能夠在功能上有缺漏，例如要有用戶登錄，用戶注冊(cè)，登錄失敗的提醒，還要有公交實(shí)時(shí)提醒的界面。在這個(gè)環(huán)節(jié)，最害怕的就是某個(gè)功能沒有涉及，要一遍遍的檢查。

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

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

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

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

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

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

一鍵切換方向的功能，方便容易搞反方向的用戶，也可方便用戶查詢返程線路。

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

4 研究心得

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

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