使用者介面/體驗設計
用戶研究
品牌設計
擔任角色
UI/UX design
負責項目
背景研究、資訊架構、功能規劃、設計完稿
字體採用 PingFang HK 與 SF Pro Text，確保介面具良好可讀性與一致性。
綠色象徵環保與活力，黑色代表專業與科技感，兩者結合突顯「環保、便捷、時尚」的品牌核心價值。
/Typography&Colors
Aa
字
Heading
Size:30px,35px
PingFang HK
SF Pro Text
Regular
Medium
Bold
Body
Size:12px,15px,17px,21px
/3D Scooter Design
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 檢定（檢定值=3）
結果顯示所有功能皆達顯著水準（p<.001），使用者整體滿意度高於中立值。
在操作流程相關功能中，如「租借」、「還車」、「查詢預約」得分最高，顯示介面邏輯清晰、操作流暢。
「行車紀錄」與「付款」功能表現良好，但支付流程仍有改善空間。
其中「充電站查詢」為最高分項目，突顯用戶對續航資訊的重視，
「活動推播」雖顯著高於中立，但仍需提升個人化與實用性。
整體而言，Velo App 主要功能具良好可用性與體驗基礎，後續可聚焦於流程整合與互動優化。
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
本研究透過問卷與訪談了解使用者需求與操作痛點，發現「停車位查詢」、「行車路線規劃」與「分享位置」
為最受重視的功能。 現有 App 問題主要集中在廣告干擾、導航不精準與電量資訊不明確等。
根據研究結果設計的新介面與功能，經 SUS 實驗與訪談驗證後，整體獲高度肯定，特別是「停車位查詢」與
「路線規劃」有效改善操作體驗，顯示 Velo 能更貼近使用者需求並提升整體滿意度。
Design Conclusion
本研究以使用者經驗為核心，透過訪談、問卷與原型測試，提出以使用者需求為導向的共享電動機車介面設計。
新功能如「路線規劃」、「停車位查詢」、「分享位置」經測試證實能有效改善使用流程。
同時，本研究也指出「功能過多」會降低易用性，強調介面設計應聚焦於核心需求與操作效率。
Design Insights