Case 01
NUWA Robotics — UI/UX 產品設計
橫跨 Web 與 Mobile,我參與設計了讓 AI 機器人真正能用的軟體——針對不同角色的不同使用體驗。
Problem Statement / 問題定義
我在 NUWA 擔任 UI/UX Designer 近兩年,負責設計一台叫 “Kebbi”的 機器人相關應用,橫跨多個產品:Web 和 Mobile 都有。
About the Robot / 關於 Kebbi 機器人
Kebbi Air 是一款專為教育設計的 AI 互動機器人,具備語音識別、視覺互動、表情模擬與程式設計學習功能,它能透過生動的動作與表情提升學習互動性。 在教育場景內,他是老師的小助教,除了幫助英語學習,也可以透過編程軟體,幫助學生培養運算思維與創造力。 基於 Kebbi 的強大功能,當時我設計了一些相關軟體,以進一步提升學習體驗。我專注於優化人機互動,使機器人融入教育場景。 這些設計不僅拓展了機器人的應用場景,也讓技術與教育能更緊密結合。

My Role / 我的角色
Nuwa Reception — 跨部門協作 參與需求定義會議,與 PM 及工程師共同釐清場景條件與技術限制。 負責場景定義、User Flow、Data Flow、UI 設計完稿、UI Spec 文件撰寫,並持續與工程師討論規格細節,追蹤 QA 至上線。 Content Editor / Personal Skills — 執行為主 由主管定義需求方向,我負責 UI Design、UI Spec 文件撰寫(所有元件從零定義)以及上線後的 使用情境追蹤與迭代優化。 所有產品均不負責: 後端系統架構、硬體整合規格。
Product Overview / 產品總覽
| Product | Platform | What it does | My involvement |
|---|---|---|---|
| NUWA Reception | Web | 機器人接待、測溫、人員管理 | 場景研究 → UX Flow → UI → Spec → QA |
| Content Editor | Web | 編輯機器人表演內容 | UI Design → 使用情境追蹤 → 迭代優化 |
| Personal Skills | Mobile App | 自訂機器人語料與回應 | UI Design → 使用情境追蹤 → 迭代優化 |
特色案例 — NUWA Reception 接待小幫手
B2B,商務應用場景Context / 使用場景
Covid-19 疫情期間,日本合作養老院需要一套非接觸式的訪客管理方案。 透過機器人的臉部辨識系統以及紅外線測溫裝置,讓機器人放在門口負責測溫、辨識身份、登記訪客資料、即時通知管理員。
Process / 過程
Step 1— 場景研究與 User Flow
疫情下的養老院有三種使用者: 。家屬訪客:初次使用此系統(第一次來訪) 。院內員工:每日進出養老院(每天使用、需要效率) 。警衛、院內管理員:即時接收訪客資訊、通知、設定系統(後台操作、需要監控體溫數據) 三種使用者,三條路徑,機器人要即時判斷並切換。 我參與了需求定義會議,與 PM 及工程師共同釐清場景條件與技術限制,再將這些條件轉化為完整的 User Flow 與 Data Flow。 設計畫面是一部分,但確保後台收到的資料格式是工程師可以直接執行的——從需求到規格的轉譯,也是我在這個專案的工作。
Step 2— UI 設計與元件定義
因為場景判斷條件複雜,介面狀態非常多。 我的做法是在頁面上直接標注每個元件會觸發的狀態與跳轉邏輯,讓工程師拿到 Spec 文件時可以在頁面旁邊直接參考對照不同狀態。 在複雜狀態的設計案例當中,把狀態和跳轉邏輯直接標在頁面上,工程師拿到文件能馬上理解,不需要來回詢問,也是設計師的工作之一。
Step 3— 多語系與迭代優化
Reception 是多國語系產品,同一套介面需要支援中文、英文、日文。上線後持續追蹤使用情境,根據實際操作反饋調整設計細節。
相關案例 1 — Content Editor 內容編輯器
B2B,教學應用場景讓老師不需要寫程式,就可以直接在網頁上用利用影片剪輯邏輯,剪接機器人的動作、表情、螢幕播放畫面,透過時間軸介面組合成完整的表演劇本並傳送到機器人執行。 我的工作重點在 UI Design 和後期的使用情境追蹤。 因為是企業內部從 0 開發的新軟體,所有元件都從零定義,UI Spec 需要精準到每個欄位的尺寸、色號與間距。
相關案例 2 — Personal Skills 自訂語料
B2C,居家操作場景讓一般家庭用戶遠端設定機器人的觸發語句與對應動作規則。 讓機器人收到來自手機上設定好的語料,並在聽到用戶說出已設定好的語句之後作出特定回應。
Results / 成果
- ●三個產品全部順利上線,持續在真實環境中使用
- ●Reception 部署於日本合作養老院,支援疫情期間的非接觸式訪客管理
- ●Content Editor 支援多語系市場,用戶無需程式背景即可製作機器人內容
- ●兩年間累積完整的跨產品設計經驗,從 Research 到 QA 每個環節都親自參與
Confidentiality / 保密說明
完整產品架構因保密協議無法公開。
設計決策過程、跨部門協作細節與思考邏輯,歡迎面談時深入討論。
Tools / 工具
Closing / 結尾
從需求會議到 QA,我在 NUWA 學到的是——把使用者的場景想清楚,比把介面做好看重要得多。 這些經驗以及思維,是我帶進每一個產品內做決策的基礎。
