Aa
字
Heading
Size:30px,35px
PingFang HK
SF Pro Text
Regular
Medium
Bold
Body
Size:12px,15px,17px,21px
Hex code: #FFFFFF
White
Hex code: #3CDF7D
Lime Green
Hex code: #1F273B
Dark Blue
Hex code: #212121
Black



針對使用者希望增加視覺辦識度與互動反饋,本設計於地圖上採用互動式電動車圖示。
/Icongraphy
為提升地圖辨識與互動性,
Velo 採用簡化 2D 車輛圖示與三種狀態設計
預設:白色車輛+綠色邊框,顯示可租車位置。
選取:背景轉黑強調當前車輛。
行駛中:切換為專屬圖示以避免混淆。
電量改為環狀顯示,提升判讀效率與整體清晰度。
本研究依據訪談與問卷回饋,針對共享機車 App 的使用痛點提出功能與介面優化方案。Velo 主頁以地圖為核心,結合任務與情境導向設計,將高頻操作集中於畫面中心與右下角,提升使用效率與操作直覺性。
Feature and Interface Optimization Design
查詢/預約
使用者可在預約前掌握行程可行性與路線指引,
預約後系統持續顯示步行距離與時間。
廣告資訊優化
受訪者反映首頁廣告干擾操作,Velo 將活動移至左下選單,並以卡片分類呈現,提升操作與閱讀效率。
行車路線規劃
使用者選車後輸入目的地,系統自動規劃最佳路線並即時顯示導航,操作簡潔、回饋迅速,提升行駛便利。
共享機車討論區
使用者選車後輸入目的地,系統自動規劃最佳路線並即時顯示導航,操作簡潔、回饋迅速,提升行駛便利。


A 版採垂直列表呈現:
方便直接比較資訊,降低閱讀和處理資訊的門檻。
B 版採橫向卡片設計:
畫面簡潔、掃視效率高,適合快速決策情境。
透過 A/B 比較,探討使用者對資訊呈現與視覺清晰度的偏好,作為後續優化依據。


A 版採垂直列表呈現:
方便直接比較資訊,降低閱讀和處理資訊的門檻。
B 版採橫向卡片設計:
畫面簡潔、掃視效率高,適合快速決策情境。
透過 A/B 比較,探討使用者對資訊呈現與視覺清晰度的偏好,作為後續優化依據。
停車位查詢功能
為解決使用者「找不到合法車位」與「不確定可停位置」的痛點,
Velo App 設計了結合即時地圖與政府開放資料的停車格查詢功能。
使用者可查看附近合法可停車格及「可還/已滿」狀態,
並點選圖示預覽實景照片,提升還車決策效率與操作直覺性。
分享位置功能
使用者選車後輸入目的地,系統自動規劃最佳路線並即時顯示導航,操作簡潔、回饋迅速,提升行駛便利。


A 版採垂直列表呈現:
方便直接比較資訊,降低閱讀和處理資訊的門檻。
B 版採橫向卡片設計:
畫面簡潔、掃視效率高,適合快速決策情境。
透過 A/B 比較,探討使用者對資訊呈現與視覺清晰度的偏好,作為後續優化依據。

充電站查詢功能
「充電站查詢」提供即時電量與站點資訊,
協助使用者快速找到可充電或換車位置,
提升續航便利與使用效率。

使用者中心及幫助中心
「使用者中心」與「幫助中心」延續 GoShare 的設計架構,保留熟悉的操作模式以降低學習成本,提升介面效率與接受度。
本研究以第二份問卷進行主要功能滿意度分析,
單一樣本 t 檢定結果(p < .001)顯示所有功能滿意度皆高於中立值。
「租借」、「還車」與「查詢預約」得分最高,操作流程清晰流暢;「充電站查詢」為最高分項目,
顯示用戶重視續航資訊。 整體而言,Velo 具良好可用性與體驗基礎,後續可強化支付流程與個人化互動設計。
Research Findings (Excluding New Features)
Velo新功能設計
根據訪談及問卷回饋,新功能設計如下:
分析結果顯示,所有新功能皆達顯著水準,使用者對優化後介面與流程滿意度明顯提升。
在 A/B 測試中,B 版本於「停車位查詢」、「分享位置」與「討論區」表現更佳,
顯示其資訊簡化與2D圖示設計有效提升體驗。
整體而言,新介面在資訊清晰度、互動便利與使用效率上獲高度肯定,
成功解決車輛圖示雜亂、電量顯示不明與缺乏交流等痛點,展現以使用者為中心的優化成果。
Design Outcome
行車紀錄查詢
「行車紀錄查詢」延續 GoShare 架構,介面簡潔,
依時間顯示騎乘距離、時長與費用,點擊可查看詳細路線。
Velo分析結果
透過單一T檢定及SUS分析,結果如下:
針對新功能,本研究以第二份問卷進行使用者滿意度分析,
採單一樣本 t 檢定(檢定值=3),並比較 A/B 版本差異以探討使用偏好。
Research Findings (Including New Features)
行車路線規劃功能
M=3.83,p<.001
停車位查詢功能
B
A
M=3.83,p<.001
M=3.93,p<.001
02
分享位置功能
B
A
M=3.81,p<.001
M=3.97,p<.001
共享機車討論區
B
A
M=3.79,p<.001
M=3.91,p<.001
01
03
04
本次任務模擬採用 Figma 製作之 App 原型,並搭配 iPhone 13 Pro 進行操作。部分任務包含 A/B 版本設計,
以分析不同介面配置對使用者偏好與使用效率之影響。
任務完成後,將請使用者填寫 SUS 易用性量表,並進行半結構式訪談,以獲得更多質化回饋資訊。
SUS量表評估測試
Testing Results
實驗人數
SUS
15人
86.63
SUS 實驗與訪談結果顯示,Velo App 在介面設計與功能規劃上獲高度肯定。
使用者能順利完成操作,顯示介面具良好直覺性與低學習門檻。
新功能如「路線規劃」、「停車查詢」、「分享位置」與「討論區」被認為能提升導航、還車與溝通效率。
整體設計在視覺清晰度與互動體驗上表現優異,提供未來優化的具體方向。
SUS Test & Interview Findings
本研究透過問卷與訪談了解使用者需求與痛點,
發現「停車位查詢」、「行車路線規劃」與「分享位置」為最受重視的功能。
根據研究結果設計的新介面與功能,經 SUS 實驗與訪談驗證後整體獲高度肯定,
特別是在導航與停車體驗上顯著提升使用效率與滿意度。
Design Conclusion
本研究以使用者經驗為核心,透過訪談、問卷與原型測試,提出以需求為導向的介面設計。
新功能如「路線規劃」、「停車查詢」、「分享位置」經測試證實能改善操作體驗。
研究亦指出「功能過多」會降低易用性,強調設計應聚焦核心需求與效率。
Design Insights










