全聯自助結帳機
設計版面系統與操作介面,引導不同年齡的顧客完成自助結帳。
觀看操作示範挑戰
全聯正從傳統收銀櫃台轉向自助結帳機。我的挑戰,是設計一套讓數百萬名不同年齡的顧客都能自行完成操作、不需要他人協助的結帳體驗。

設計方法
我的設計聚焦於三件事:清楚的資訊層級、視覺化引導,以及實機測試。
清楚的 information hierarchy
我讓每個步驟都維持一致的畫面結構:header、main content 與 action bar。如此一來,顧客從掃描商品到付款,都知道該看哪個位置。
版面也考量自助結帳機的實際高度,以及台灣顧客的平均身高。我將重要資訊和按鈕放在容易閱讀、方便觸及的位置。

用具體視覺提供直覺引導
我使用寫實的 icons 與 illustrations 設計介面的視覺語言。我與團隊一起將這些元素轉化為視覺提示,清楚告訴顧客下一步該做什麼,例如要在哪裡掃描商品,或如何付款。

在實機上反覆測試
我直接在自助結帳機的實際螢幕上進行易用性測試。這讓我能依照不同身高使用者的實際操作,調整按鈕大小與位置,也能確認整套流程在不同螢幕尺寸下是否運行順暢。

成果
自助結帳機目前已部署於台北多間全聯門市,讓顧客能更快完成結帳。