專注作答
減少不必要的介面干擾，讓題目、選項與主要操作維持清楚優先順序。
- PROJECT
- 智力測驗數位產品
- SCOPE
- 資訊架構・UI/UX・前端開發
- STACK
- Next.js・React・TypeScript
OVERVIEW
複雜的測驗，
需要簡單的路徑。
智力測驗包含說明、作答、進度與結果等多個階段。這次設計的核心， 是降低每一步的理解成本，讓使用者知道現在在哪裡、下一步要做什麼。
視覺上以留白、柔和色彩與清楚層級建立專注感， 並將桌機與手機的操作節奏一起納入規劃。
DESIGN DIRECTION
三個設計重點
進度可見
透過一致的狀態提示，幫助使用者掌握目前階段並降低中途離開的不確定感。
結果易讀
將測驗結果拆成容易掃讀的資訊區塊，讓數據與文字說明彼此互補。
EXPERIENCE FLOW
每一步都知道該往哪裡走。
從開始測驗、逐題作答到查看結果，讓操作語言與按鈕位置保持一致， 建立可預期的使用節奏。
- 01理解測驗建立期待與規則
- 02開始作答專注完成每一題
- 03掌握進度持續確認目前狀態
- 04閱讀結果理解分數與說明
HAVE A PROJECT?
你的想法，
也可以成為下一個作品。
無論目前只有初步概念，或已經準備好內容，都可以先聊聊適合的網站方向。