可用性測試
響應式網頁設計
UI 設計
SpendWise使用關鍵UX方法進行測試
#個人專案
Completed
四步驟完成SaaS培訓並即時預覽
為內容管理系統設計了一個直觀的入門體驗，引導初次使用者完成基本的設定步驟。
簡介
設計了一個內容管理系統 (CMS)，具有豐富的對話面板和直覺的使用者流程，以簡化主要任務，特別著重於支援新使用者。
角色
UI/UX 設計師 - 規劃使用者流程，設計資訊架構，優化視覺層次結構，並創建高保真原型。
期間
1 個月
本作品集中顯示的螢幕僅供示範使用，並不代表實際專案介面。所有權利均屬於原所有者。
模組化對話框
設計了模組化對話面板，可以適應各種內容類型。
漸進式揭露
實施漸進式揭示技術，降低認知負荷。
預覽與指導
新增前端預覽和指引，並明確說明輸入目的。
統一的頁面與彈性的進度追蹤器
在單一界面中整合多個任務以維持心流狀態。圓形圖形結合直觀提示，讓使用者可視化進度，並自由跳轉步驟。
問題
設定分散在多個頁面上，使用者難以有效地找到並完成所有必要的設定。
解決方案
將所有必要的設定整合到單一的位置，並設計了一個可點擊的進度追蹤器，讓使用者能夠透過明確的視覺反饋了解當前步驟。
即時預覽和圖像比例引導
即時回饋輸入和圖片上傳及明確的解析度指引，幫助使用者自信地輸入正確的資產。
問題
根據反饋，許多使用者缺乏網站構建經驗。他們在理解前端佈局和圖片上傳時遇到困難，這加劇了他們在完成上線過程中的挫敗感。
解決方案
透過在設定面板中引入預覽模式，並提供即時的前端反映和清晰的內嵌指導，使用者在調整網站細節時能立即獲得視覺反饋和有用的提示，從而減少困惑和猶豫。
Peak-End Rule：讓體驗中和終留下愉快的印象
創造一種愉悅的完成感，激勵使用者持續參與系統互動，讓使用者對整體體驗評估為正向的感受。
問題
使用者在完成設置步驟後經常失去動力。缺乏清晰的下一步指引，他們的工作流程容易中斷。這導致他們在繼續使用系統時的動力下降。
解決方案
這個設計不僅引導使用者完成四個關鍵設置步驟，還在完成後給予獎勵。一個五彩紙屑動畫創造了滿意和結束的瞬間。直接的捷徑讓使用者連接到現場網站和相關設置。這種順暢的過渡保持了他們的動力，並鼓勵持續使用。
