Bus Times Belize
讓你迅速取得公車資訊，Belize首款時刻查詢App
緣起
公車，貝里斯境內唯一的路上大眾運輸工具，卻沒有一個查詢時刻的平台。
公車是貝里斯唯一能串聯國內各城鎮，也是最多人使用的運輸方式，除了通勤族群及居民外，由於貝里斯觀光產業發達，承載觀光客人數亦相當可觀。然而了解公車時刻的方法，僅有至各大站內看板查看，以及下載公路局網站上的PDF檔案兩種。
無法隨時取得公車資訊可能使你在前不著村後不著店的地方錯過了久久才一班的車，甚至末班車；喜愛旅遊的我與夥伴Reed常受其所苦，於是我們決定來解決這個問題，幫助乘客不管在何處都能最快速地取得公車時刻—打造一款屬於貝里斯的時刻查詢APP。
角色
負責應用程式整體視覺以及體驗的設計。
Bus Times Belize 是我與夥伴Reed兩人的自發性App開發專案，我負責整體的UI/UX設計，包含需求分析、流程設計、視覺設計、使用者測試。
使用方法
工具
使用者訪談
Wireframes
易用性測試
Adobe Illustrator
Adobe Photoshop
Zeplin
需求分析
了解現有問題&不同乘車情境下的狀況。
專案前期欲了解App需要那些功能，列出乘車時可能遇上的問題後進行討論，並訪談通勤的同事及外來遊客了解需求。
現有時刻表查詢問題:
-
以表格呈現，易讀性不佳、行動裝置上操作困難
-
查詢轉車資訊需在不同檔案間切換
在站牌乘車時:
-
公車公司眾多且沒有統一的標示，容易遇上不知道該哪台的情況
在戶外等車時:
-
可能因不在網路覆蓋區內或無購買data沒有網路
-
直達車中途不停問題
以下為主要問題以及設計之解決方式:
網路覆蓋有限
在貝里斯境內，網路覆蓋區域有限，非人口稠密區有可能是收不到訊號的。
能離線使用
打造成離線使用的程式，將資料寫入程式內，及下載後無需連網就能進行查詢。
整合並提供轉車資訊
將各路線時刻表重新整合成新檔案，查詢結果據此提供須中轉遊客的乘車資訊。
各路線時刻表獨立
在公路局網站上各路線有各自的檔案，造成跨路線的乘客查詢困難。
各公司車輛外觀多樣複雜
貝里斯國內雖路線不多，但客運公司卻有十幾間，各公司的公車外觀不同，公司名稱標示的樣式非常雜亂，造成乘客分辨困難。
搭配公司顏色呈現
為了讓乘客能迅速確認自己該搭乘的公車，搜尋結果搭配各公司代表色來呈現
直達與非直達車
車種分為直達車(Express)，與正常(Regular)，直達車只在終點站停車，票價與正常班不同。
增加直達車標籤
將是否為直達車(Exp/Reg)標籤加入結果搜尋。
設計過程
依需求分析的結果，設計最少步驟取得乘車資訊。
為了讓使用者能在搜尋後最快地獲得資訊，在搜尋後能馬上得到該結果，而最為重要的為乘車時間。設計兩步驟獲得完整乘車資訊的流程，按下搜尋鍵後即顯示乘車時間並將其他資訊隱藏增時刻的筆數，點選任一筆即展開所有詳細資訊。
視覺設計方面，希望使用者能的操作頁面簡潔，能快速適性介面獲得資訊，故以溫和米色,咖啡色系呈現。
#FFFFFF
#F9E3BE
#CBAD9E
#B7B4AF
#9B756B
#845E55
詳細資訊為公車造型搭配該公司的配色，讓乘客能一目了然該搭哪台車。資訊包括：公司名稱、直達/普通車標籤、方向(終點站)及發車/到站時刻。
APP ICON 設計
設計結合了公車時刻的三要素：公車、時間以及地點，公車側邊形狀結合Belize的字首B，並將Belize中的iz設計成為時鐘的時針以及分針，而使公車有開進時鐘動態感表達出on time的特色。
使用者測試
為確保設計能達成便於使用者查詢的期望，進行使用者測試。
任務設計：查詢今日Corozal站至Belize City站接下來的往返班車。
根據測試了解，一些使用者僅進入查詢完成的畫面並不知道能展開班車的詳細訊息，解決此現象所採取的方法為：將第一則的詳細資訊展現(預設)，並在右上角增加箭號指示圖示。
另外也在搜尋畫面增加反轉鈕，提供乘客更便利地查詢往返車班。
