商品名稱小,辨識依賴圖片。
店員找商品時需要仔細閱讀小字;將平板轉向顧客核對時,也不容易看清楚。部分商家甚至自行在商品圖上加字、用顏色區分。
01 / BEFORE & AFTER
根據訪談的反饋,將舊版介面做對應的調整。
店員找商品時需要仔細閱讀小字;將平板轉向顧客核對時,也不容易看清楚。部分商家甚至自行在商品圖上加字、用顏色區分。
以更清楚的品名、對比與卡片留白,協助店員快速辨識商品;同時將分類列與常用入口展開,降低尋找成本。
畫面中的商品為介面範例。比較呈現設計回應,尚無新版後測數據。
02 / USER RESEARCH
商家回饋找商品慢、優惠容易漏套,但問題卡在哪個步驟、每間店是否都一樣,並不清楚。因此與 PM 篩選七間以線下銷售為主的商家,到現場觀察實際收銀,作為改版的依據。
店員分工、外部系統與日常使用方式。
找商品、加入購物車、查會員、套優惠。
訂單、顧客、盤點與調撥的實際情境。
整理痛點,建立既有版本的易用性基準。
03 / STORE CONTEXTS
店態決定優惠規則與門市權限,加入商品的方式決定操作重心;同一商家可能同時屬於兩種情境。
優惠組合複雜,常與百貨金流雙系統結帳。
門市權限大,常在平板上自訂折扣。
掃碼加入商品,重心在購物車核對。
靠商品列表找商品,辨識速度就是效率。
04 / FINDINGS
KA / SMB 商家
零售、食品與美妝
既有版本 SUS
排除極端值
05 / CONCLUSION
翻新介面之外,研究也交給 PM 與 RD,討論哪些體驗優先處理、哪些需求保留彈性。
放大品名、強調件數,把會員與重要入口展開。
獨立優惠區域,往返商品列表時保留設定。
後台套用、自訂折扣與擇優使用並存。
先處理會員、收銀與交易查詢,再評估盤點。
改版的價值,來自理解「為什麼」:把商家的操作與回饋整理成可討論的設計依據,與 PM、RD 一起確定方向。