Shopify 台灣物流超商取貨APP - Onboarding Redesign
專案背景
台灣物流超商取貨 APP 是一款整合台灣超商物流、電子發票的 Shopify 應用程式，在實際操作中，產品雖具備完整功能，但初次啟用流程複雜，導致使用者在設定初期產生高度困惑與流失。
本專案聚焦於優化「Onboarding 初始設定流程」，提升使用者理解效率與成功啟用率。
產品項目
Shopify
台灣物流超商取貨 APP
負責內容
競品分析
使用者訪談
UI設計
使用工具
專案時程
2024.01-2024.02 (4週)
理解門檻高
使用者需填寫大量專有名詞與參數，但缺乏清楚解釋
流程中斷
官方提供長篇設定教學文件，需跳轉外部閱讀，造成流程中斷
決策困難
方案大同小異，使用者難以判斷選擇
主要設計對象
陳小姐
自有品牌電商創辦人，使用 Shopify 開店，月訂單 200 筆以上。
自己管理後台，沒有技術團隊支援。
能使用 Shopify 基本功能
不懂API / 串接概念
遇到問題習慣問客服
操作挫折
「我不知道 HashKey 是什麼，文章說去綠界後台找，但我也不知道在哪裡。」
雙重不確定感，讓她在 10 分鐘內放棄設定。
01
多數商家非技術背景，對「物流串接」與「金流設定」概念模糊。
02
對於跳出 APP 到外部文章，當看到一長串內容，會選擇跳過或停止設定直接找客服解決。
03
產品功能雖然完整，但 UX 體驗不佳，導致使用者無法自行操作完成設定。
How might we
如何讓使用者在設定流程上，有明確引導，完成設定？
方案 A
待辦清單式
用 Checkbox 列出所有待完成項目，讓商家自由選擇順序來完成設定。
暴露複雜度，商家看到一長串待辦事項全局可能會被嚇到，不想完成。
方案 B
影片教學引導
嵌入逐步操作影片，商家邊看邊設定。
影片形式難維護更新。
方案 C
分步驟啟用流程
每個步驟對應一個設定主題，搭配進度條與頁面引導說明。
控制每一個步驟資訊量，在APP流程裡引導說明操作設定。
選擇方案
設計需求勾選器功能：先問「你想要什麼」再推薦方案，降低選擇認知負荷。
每步驟單一任務，進度條設計讓商家知道在第幾步、還有幾步驟完成。
串接資料
原版需再查看「啟用指南文章」裡面有10個步驟，對於新手來說負擔大。
優化後，將該欄位所需的連結以及步驟顯示欄位上方，三步驟解決。
Onboarding 完整流程
以「第一筆訂單成功出貨」作為開店完成的驗證節點。從「選擇方案」到「測試下單」，明確引導使用者完成線上開店設定。
快速出貨，增加入口處
批次出貨按鈕，原本需點擊多筆訂單後，才會顯示出來的按鈕。優化後，將「批次出貨按鈕」層級往上為第一層，讓商家知道此功能以便出貨。
多溫層運費設定
原本功能描述「運送」、「建立新設定檔」，讓使用者不理解功能用途。
重新設計後，將每個溫層的產品群組用下拉式縮放設計，可立即編輯運費且功能描述重新定義。
介面設定
在這個專案中，我重新思考協助商家導入產品的過程，雖然找真人服務能夠讓客戶感到心安。但是若能藉由介面重新調整後，讓使用變得更方便操作，對於客服無法即時聯繫客戶，此問題能大幅下降。