Company | Wistron 緯創資通
UX | Sully Liao, Cara Shen
UI | Cara Shen
UI | Cara Shen
GUI | Cara Shen
My Part
---
UX research / flow chart / UI flow / Mock up + Prototype
UX research
---
販賣機營運關係圖、調查傳統販賣機與螢幕式販賣機使用差異
在現有販賣模式的條件下，運用螢幕式販賣機的數位管理，節省營運成本，增加販售效益。
1. Vending Machine Front UI / for Customers
取代現有用紙或是空瓶的上架方式，顯示器可以同時陳列動態的商品與廣告，在購買互動上也有更多的彈性。
2. Deliver app / for Deliverymen
根據回傳後台的統計資料，歸納出一條效率高的補貨路線。
補完貨後，販賣機也會回傳儲貨數量，確認送貨完成。
3. Salesboard / for Managers
數位販賣機內含wifi及感應器，可將飲料零錢的數量回傳至Salesboard，
其可產生單一機台的銷售狀況與未來配貨數量建議，提供儲貨經理進貨協助。
Flow Chart
---
關注重點與表現方式
新型販賣機專注重點
a. 廣告
機台前方無人時可播放相關廣告，如：飲品、場域、時節，增加額外收入。
b. 付款方式
共3種：現金、悠遊卡、信用卡，未來有機會擴充行動支付等付款方式。
目的為解決現金付款的成本（消費者身上有無零錢，送貨員需注意機台零錢量）
Flow Chart表現方式
左：消費者的購物流程，藍色代表消費者需做選擇或是否成功的轉折點。
右：販賣機對應其購物流程的反應，橘色為使用者觸發的事件。
顏色：代表使用者與介面的互動，幫助檢視使用者的必須動作是否過冗。
Flow chart （使用者的購買流程+販賣機判斷流程）
須考慮若任意介面閒置該如何返回起點，避免必須有人點選返回才會重置。
因此，在每個介面設置定時器，時間內未點擊即返回上個畫面。
UI Flow
---
延續藍橘色代表使用者或機器判斷轉換
a. 先選商品，再付款。
b. 付款方式可以點擊按鈕，也可直接投幣或是刷卡。
c. 當機器軌道飲料掉落時，螢幕中的飲料圖片也會搭配落下，讓使用者直覺地從下方領取商品。
UI flow 以顏色代表使用者或機器的判斷轉換
Mock Up + Prototype
---
keywords：#日式 #繽紛 #活潑
市場定位：日本
收集素材：包含網頁、EDM、廣告、現有販賣機畫面。
分析特點：用色彩度高、線條較粗、按鈕圓潤、有一些小點綴，如對話匡、重點貼等
設計應用：
飲料背景保持彈性，未來可搭配不同節慶變化；
按鈕擬真，模仿現有販賣機的動態，selected時會有下降的感覺。
現有販賣機+視覺參考素材 — #日式 #繽紛 #活潑
飲料落下動畫經討論以gif呈現
實機demo
Bottle Package
---
未確定販售飲品前使用
