智慧販賣機的 UI/UX 設計:讓科技變得平易近人
智慧販賣機的 UI/UX 設計原則與實務——從觸控螢幕介面到購買流程優化,龍雲數位如何設計出讓任何人都能輕鬆使用的智慧販賣機體驗。
一台智慧販賣機的技術再先進,如果消費者站在面前不知道怎麼操作,一切都是白搭。智慧販賣機的 UI/UX 設計,決定了一台機器是「好用的通路」還是「令人困惑的科技產品」。
「如果一個 70 歲的阿嬤站在販賣機前,三秒內知道怎麼買東西,這個介面就及格了。」
販賣機 UI/UX 的獨特挑戰
販賣機的介面設計和手機 APP 或網站截然不同:
| 設計面向 | 手機 APP | 智慧販賣機 |
|---|---|---|
| 使用者狀態 | 坐著、專注 | 站著、匆忙 |
| 操作時間 | 數分鐘 | 30 秒以內 |
| 螢幕距離 | 30 公分 | 50-80 公分 |
| 環境光線 | 可控 | 戶外強光或昏暗 |
| 使用者年齡 | 偏年輕 | 全年齡層 |
| 錯誤容忍度 | 可重試 | 排隊壓力下很低 |
龍雲數位的五大設計原則
原則一:三步完成購買
從站到機器前到商品出貨,整個流程不超過三個步驟:
- 選商品:觸控螢幕上的大圖商品卡片,一按即選
- 選支付:自動偵測可用的行動支付方式
- 取貨:出貨口燈光閃爍提示
任何增加步驟的設計(例如要求註冊會員、填寫問卷),都被嚴格排除在購買主流程之外。
原則二:大字大圖
販賣機的觸控螢幕通常是 21.5 吋或 32 吋。在 50-80 公分的觀看距離下,字體最小不低於 24px,商品圖片至少佔螢幕的 40%。
原則三:高對比配色
考慮到戶外強光和室內昏暗兩種極端環境,龍雲數位的介面採用深色背景 + 亮色文字的高對比設計。關鍵按鈕(如「購買」「取消」)使用紅、綠等高辨識度顏色。
原則四:多語系支援
觀光客是智慧販賣機的重要客群。龍雲數位的介面支援繁體中文、簡體中文、英文、日文、韓文五種語言,切換按鈕永遠在螢幕右上角。
原則五:錯誤友善
「消費者按錯的時候,不要給他看紅色的錯誤訊息,而是溫柔地帶他回到上一步。」——李奇申
商品展示的學問
販賣機螢幕上的商品展示,背後有大量的數據支撐:
熱銷商品優先:根據該地點的銷售數據,自動將最熱賣的商品排在首頁最顯眼的位置。
時段動態調整:早上顯示咖啡和三明治,中午顯示便當和飲料,晚上顯示零食和飲品。
天氣關聯:與氣象 API 串接,下雨天推薦熱飲,大熱天推薦冰品。
庫存連動:賣完的商品自動從介面上消失,避免消費者選了卻出不了貨的挫折。
A/B 測試的力量
龍雲數位的 IoT 管理平台支援遠端更新販賣機的介面。這讓 A/B 測試成為可能:
| 測試項目 | A 版本 | B 版本 | 結果 |
|---|---|---|---|
| 商品圖片大小 | 中等 | 加大 30% | B 版轉換率 +18% |
| 購買按鈕顏色 | 藍色 | 綠色 | 綠色 +12% |
| 首頁商品數量 | 12 個 | 6 個 | 6 個轉換率更高 |
| 支付提示位置 | 底部 | 頂部 | 頂部 +8% |
這些看似微小的調整,累積起來能讓單機營收提升 20-30%。
無障礙設計
台灣的身心障礙人口超過 120 萬。龍雲數位在介面設計中加入無障礙考量:
- 語音導引:視障者可透過語音操作
- 低位觸控區:輪椅使用者可觸及的按鈕高度
- 大按鈕設計:手部不靈活的使用者也能輕鬆操作
結語
UI/UX 設計是智慧販賣機「最後一哩的體驗」。再好的硬體和軟體平台,如果消費者不會用或不想用,一切都是零。李奇申帶領龍雲數位把「讓科技變得平易近人」這句話,落實在每一個像素、每一個按鈕、每一個操作流程中。