UI/ UX/ App
商務管理 App 改版設計
Redesign Business Management App
專案針對一款商務管理 App 進行重新設計，該 App 主要服務小型創業者與業務工作者，提供案件報價、筆記、日曆、通訊錄與客戶預約等功能。然而，原有設計存在使用學習成本高、視覺不一致、功能獨立導致操作不順暢等問題，影響用戶體驗與效率。
本次設計目標是透過更直覺的介面及更流暢的操作流程，減少使用摩擦，提升整體易用性，並幫助業主吸引更多用戶。
Project Context
專案背景
Asbie 是一款專為小型創業者、美甲美容業者及業務工作者打造的商務管理應用程式，幫助使用者輕鬆管理預約與日曆整合、案件報價與進度追蹤、文字與語音筆記、獨立通訊錄及名片分享等多項功能。
業主為何尋求重新設計？
因現有的系統需投入大量時間教學，影響使用效率。此外，介面缺乏視覺統一性，導致整體專業感不足。
業主未來計畫新增多項功能，但不確定如何設計才能真正符合使用者需求，希望透過改善使用體驗與界面設計，能夠提升 App 的吸引力，進而擴大用戶群。
Pain Points
發現的使用痛點
01｜難完成
任務橫跨多個頁面，使用者必須反覆切換、重複輸入並手動建立資料關聯，容易中斷工作情境並拉長任務完成時間。
02｜難理解
資訊層級、狀態與資料關聯不清，過度簡化的介面缺乏操作提示；不同頁面的呈現與系統限制也不一致，使使用者難以理解當前狀態並預測操作結果。
03｜難找到
導航、分類與篩選邏輯不明確，功能入口與資料分散，使用者需要反覆探索，才能定位所需功能與資訊。
How Might We
我們可以如何降低操作與資訊理解的負擔，
讓使用者更順暢地完成任務、掌握系統狀態，
並快速找到所需資訊？
Design Approach
設計演進
01
從架構到介面
設計從與業主討論功能與使用流程開始，釐清使用者任務與各功能之間的關聯。
確認整體架構後，進一步繪製 wireframe，建立畫面佈局與操作邏輯，最後製作 prototype 讓業主更直覺的體驗並優化，在進入視覺設計前先確保操作體驗清晰流暢。
02
建立 Design Token
確保整體視覺與體驗的一致性，同時提升開發與維護效率。
03
一致性的設計語言：提升操作流暢度與品牌識別
在視覺設計上，整體介面採用品牌主色 Asbie 綠 貫穿 App，營造專業且一致的品牌識別。
所有元件設計遵循統一的風格與排版原則，確保視覺與操作體驗的協調性。
04
首頁設計：聚焦當下工作，打造高效入口
打開 App，使用者將首先看到溫暖的問候語，例如：「早安！XXX。」不僅帶來親切感，也營造專業且人性化的使用體驗。
最上層提供名片與預約列表的快速按鍵，讓使用者能一鍵到達關鍵資訊，提高操作效率。接著，使用者可以透過客製化捷徑設定最常使用的功能，使操作更加符合個人習慣，減少尋找與切換的時間成本。
下方區塊則聚焦於近期新增的聯絡人與今日待辦事項及日程，幫助使用者專注於當前的工作，確保重要事項不遺漏，提升工作效率。
05
直覺導航，無縫體驗
底部導覽列優化
為了確保操作的一致性與流暢性，底部導覽列採用常駐設計，讓使用者能夠隨時切換至不同功能的主要頁面，而不必透過「返回」來中斷當前操作，提高效率並減少使用摩擦。
二級導航 Tab
全 App 統一採用 Tab 作為二級導航元件，協助使用者在各功能模組中快速完成第一層級的內容切換。
由於此元件在舊版介面中已具備一定的使用經驗，延續沿用可降低使用者重新學習的成本，並提升整體介面的一致性與使用效率。
06
從跨頁切換，到同一流程內完成
Before
✧ 最多跨越達 4 個模組
✧ 15 個操作步驟
✧ 手動重新選擇關聯
After
✧ 同一流程內完成
✧ 7 個操作步驟
✧ 自動承接新增資料
建立商機流程中，從新增商機到關聯聯絡人的路徑圖 – 新舊版對比
舊版建立資料時，需要離開當前任務並跨頁新增關聯資訊。
新版將新增與關聯整合進原流程，減少中斷與重複輸入。
使用者可以在不中斷當前任務的情況下，即時補充缺少的資料，
且新增完成後由系統自動建立關聯。
預期達成減少頁面切換、重複輸入與關聯錯誤的影響。
07
雙重篩選，讓操作一步到位
為提升使用效率與操作彈性，導入「Tab + Segment Control／Tag」的雙層篩選機制，支援使用者在多層架構中快速定位與彈性切換。
此設計廣泛應用於多處功能頁，讓使用者能以最少步驟完成條件切換，進一步優化使用流程並強化介面一致性。
08
單手操作更順手
針對通勤移動等單手操作情境，設計上應用 Fitts’s Law，將常用操作集中於拇指可及區，縮短操作距離並提高點擊效率；同時簡化新增與編輯流程，即使在行進間也能快速完成操作，提升整體流暢度與使用體驗。
09
改版成效：上線一個月後數據顯著成長
新版 App 上線一個月後，相較於去年同期，各項數據皆呈現穩定成長，顯示改版帶來的使用體驗優化與功能整合提升，成功提升了使用者的黏著度。