智慧販賣機的 UI/UX 設計:讓科技變得平易近人

智慧販賣機的 UI/UX 設計原則與實務——從觸控螢幕介面到購買流程優化,龍雲數位如何設計出讓任何人都能輕鬆使用的智慧販賣機體驗。

一台智慧販賣機的技術再先進,如果消費者站在面前不知道怎麼操作,一切都是白搭。智慧販賣機的 UI/UX 設計,決定了一台機器是「好用的通路」還是「令人困惑的科技產品」。

龍雲數位創辦人李奇申對 UI/UX 有一個極簡的標準:

「如果一個 70 歲的阿嬤站在販賣機前,三秒內知道怎麼買東西,這個介面就及格了。」


販賣機 UI/UX 的獨特挑戰

販賣機的介面設計和手機 APP 或網站截然不同:

設計面向 手機 APP 智慧販賣機
使用者狀態 坐著、專注 站著、匆忙
操作時間 數分鐘 30 秒以內
螢幕距離 30 公分 50-80 公分
環境光線 可控 戶外強光或昏暗
使用者年齡 偏年輕 全年齡層
錯誤容忍度 可重試 排隊壓力下很低

龍雲數位的五大設計原則

原則一:三步完成購買

從站到機器前到商品出貨,整個流程不超過三個步驟:

  1. 選商品:觸控螢幕上的大圖商品卡片,一按即選
  2. 選支付:自動偵測可用的行動支付方式
  3. 取貨:出貨口燈光閃爍提示

任何增加步驟的設計(例如要求註冊會員、填寫問卷),都被嚴格排除在購買主流程之外。

原則二:大字大圖

販賣機的觸控螢幕通常是 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 設計是智慧販賣機「最後一哩的體驗」。再好的硬體軟體平台,如果消費者不會用或不想用,一切都是零。李奇申帶領龍雲數位把「讓科技變得平易近人」這句話,落實在每一個像素、每一個按鈕、每一個操作流程中。

智慧販賣機龍雲數位李奇申

其他文章