2-2、困難及解決方式

我在專案中遇到的挑戰與解決方式

1、挑戰:初次獨立設計 Wireframe,缺乏信心

  • 由於這是我第一次從零開始設計整個平台的 Wireframe,起初常懷疑自己規劃得夠不夠周全,資訊架構會不會不清楚。

  • 解法:我透過查找相關競品、研究用戶流程、訪談競品工程師後,搭配建立 UX 流程 / User Flow 逐步規劃出頁面結構。也會請團隊夥伴協助過目、給回饋,逐步建立自信。

2、挑戰:UI 設計精緻度未達標

  • 起初上色與畫面層次感不夠,老師指出元件變化不足、字體使用過於單一。

  • 解法:我回頭建立元件系統,善用 Figma Variants 製作 hover/active 狀態,並使用 Material Design 色票延伸主色。學會從 Style Guide 控制畫面一致性,也讓整體畫面視覺提升。 並且也研究市面上的產品畫面,找出背景可以分層顏色以達到層次感。

3、挑戰:影片上傳流程體驗不佳(Vimeo 延遲問題)

  • 使用 Vimeo 上傳影片時,遇到網速問題延遲導致影片無法即時顯示,使用者體驗中斷。

  • 解法:我們調整使用者流程,改為上傳後自動跳轉至會員中心草稿區,再請他們後續於該區做內容確認,確保使用者不會誤以為上傳失敗。

4、挑戰:後台模組設計非我熟悉領域

  • 一開始對於後台邏輯(如廣告上架、會員分類)不熟,擔心設計錯誤導致工程串接困難。

  • 解法:我與前端、後端反覆確認後台邏輯,比如會員管理需要手動批准新增會員功能;廣告管理需要可編輯廣告等等,並先用 Bolt 快速生成 UI 草稿,再進行視覺與邏輯微調,讓後台操作更符合真實需求。

5、挑戰:時間壓力下仍需顧及使用者驗證規劃

  • 專案開發時間緊湊,但我不希望跳過使用者驗證流程。

  • 解法:雖然目前尚未能執行熱圖與側錄,但我已提前規劃驗證方式與觀察指標,待可操作網址上線後執行,以利進一步優化介面。

Last updated