“便捷公交e·出行”App界面設計

李倩　胡楠楠

摘要：隨著網絡技術的發展，智慧城市成為城市管理的新熱點，而其中的智慧公共交通發展得尤為迅速，在此背景下，我們設計的便捷公交e出行App，既能滿足人們出行時的需要，打造智能化的出行服務，還能幫助城市管理部門掌握交通數據，為交通通暢做出有力的支撐。

關鍵詞：公共交通;App;界面設計

中圖分類號：TP311? ? ? ? 文獻標識碼： A

文章編號：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 引言

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

2 研究過程

2.1 App思維導圖繪制

一款功能全面的App離不開最開始的思維導圖繪制，思維導圖代表了整個App所要表現的功能以及流程，該款App功能是否完善、流程上是否清晰，在思維導圖上可以一一體現。

該App首要的目的就是能夠讓用戶實時地掌握公交車的動態，通過手機查詢公交車離乘車站還有幾站的實時數據，讓用戶隨時隨地查獲從而知車輛到站時間，不再因為等車而心煩;其次，由于很多的城市還沒有實現移動支付乘坐公交車，該App可以滿足這個需求，讓人們能夠不會因為沒有帶零錢而苦惱;再者，該App能夠告知用戶兩地換乘的最便捷的方式，提供更快速的出行方案;最后，該App還帶有地圖功能，讓用戶不用切換App就能夠以地圖形式更直觀地顯示自己所在位置周邊乘車站的距離，從而少走些冤枉路。根據以上的App功能分析，其具體的流程如圖1所示：

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

2.2 圖標設計

首先，要想讓大眾記住一個App，首先要有一個好的門面，就是這個App的名稱以及圖片。一個軟件少不了的就是圖標。圖標所要呈現的是這個App的精髓所在，一個好的圖片既要體現App的功能性還要讓人印象深刻，勾起使用者的使用欲望，我的圖標設定大寫車字，并對其進行了簡單的變形，使其既具有了藝術效果，還具備了實用性。大小采用比較流行的114 px * 114 px，圓角為標準圓角大小20px。整體的背景顏色為我所選定的主題顏色為藍色。主要樣式如圖2所示。

2.3 繪制設計稿

在設計App前，首先需要繪制出App的界面。首先，要把界面設計的夠完整，不能夠在功能上有缺漏，例如要有用戶登錄，用戶注冊，登錄失敗的提醒，還要有公交實時提醒的界面。在這個環節，最害怕的就是某個功能沒有涉及，要一遍遍的檢查。

在繪制設計稿時，需要規定好尺寸，并且按照App設計規范進行合理的設計，到后期還原頁面的時候才不會出現錯誤，具體形式如圖3所示。

3 App功能實現

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

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

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

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

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

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

4 研究心得

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

【通聯編輯：梁書】