跳至主要內容
← 返回首頁作品集

條碼 UX:為真實櫃台掃描器做的改版

專案版本發布3 分鐘
UX 改版行動流程零售 UX無障礙設計

櫃台掃碼的現場問題

會員 App 原本的帳戶頁只有 QR code。現場回報卻說:很多店家的掃描槍只讀一維條碼,店員只好手動輸入卡號,隊伍越排越長。這是典型的「畫面沒錯、情境錯了」:設計在辦公室看起來完整,在櫃台的燈光、距離和掃描器面前失效。

先加上條碼,再讓它放大

改版分兩步。第一步把一維條碼直接放進會員卡區塊,和卡號一起顯示,讓大多數情境掃了就走。第二步處理掃不到的情境:條碼旁有放大控制,點開變成全螢幕、旋轉九十度的直式條碼,線條粗、對比高,螢幕亮度拉滿,離遠一點也讀得到。設計筆記只有一句話:核銷畫面的使用者其實是那支掃描槍,先讓它讀得舒服,人才會舒服。

帳戶頁改版:會員卡加入行內條碼與放大控制,以及全螢幕直式條碼畫面,Logo 已模糊
帳戶頁改版:會員卡加入條碼,一鍵展開為給掃描器看的全螢幕直式版本。Logo 與卡面已模糊。