挑戰

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

全聯自助結帳機與掃描、付款、完成畫面

設計方法

我的設計聚焦於三件事:清楚的資訊層級、視覺化引導,以及實機測試。

清楚的 information hierarchy

我讓每個步驟都維持一致的畫面結構:header、main content 與 action bar。如此一來,顧客從掃描商品到付款,都知道該看哪個位置。

版面也考量自助結帳機的實際高度,以及台灣顧客的平均身高。我將重要資訊和按鈕放在容易閱讀、方便觸及的位置。

結帳流程的 header、main content 與 action bar 結構

用具體視覺提供直覺引導

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

引導顧客完成結帳的掃描、付款與錯誤狀態 illustrations

在實機上反覆測試

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

在門市的自助結帳機實機上測試介面

成果

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

觀看操作示範

返回所有作品