解決方案:功能性 UX 架構
我們對整體 UX 做了一次深層的重整。捨棄圓潤、「泡泡感」的按鈕,改用收斂的圓角維持專業質感。我們也設計了一套「先思考再顯示」的機制——翻譯結果一開始會先模糊處理,讓使用者先自己回想答案,再點開查看,幫助記憶留存。每一個介面元素都對應到明確的功能目的:高對比橘色用於主要操作,中性灰色用於次要資訊,確保畫面上沒有多餘、干擾閱讀的元素。
技術規格
— UX 架構:功能邏輯圖解與使用者流程精簡
— 認知型介面設計:高對比視覺層級與成熟配色系統
— 設計系統建置:建立一套 Figma 元件庫,方便後續擴充與維護
— 互動策略:「先思考再顯示」機制,幫助使用者留住記憶
成效
— 專業調性到位:拿掉了多餘的裝飾與雜亂的視覺元素,讓整個介面看起來就像專為認真學習的成年人設計的工具,而不是給孩子玩的遊戲
— 開發就緒:交付結構化的 Figma 元件系統,確保交接與 RWD 響應式實作能無縫進行
— 市場反饋正面:新創展現場的訪客反饋正向,稱讚介面「溫暖又吸睛」,精準抓住了品牌想傳達的冒險嚮往感,同時保留了探索主題該有的溫度與專業質感