SHOPLINEPOS / REDESIGN RESEARCH

UI/UX/UR CASE STUDYPOS REVAMP

POS 介面
改版研究

訪談七間商家、走查平板收銀操作,將店態與使用情境的洞察轉化為 POS 改版方向。

查看改版比較

01 / BEFORE & AFTER

視覺&體驗改版

根據訪談的反饋,將舊版介面做對應的調整。

BEFORE舊版 / 研究中使用的介面

商品名稱小,辨識依賴圖片。

店員找商品時需要仔細閱讀小字;將平板轉向顧客核對時,也不容易看清楚。部分商家甚至自行在商品圖上加字、用顏色區分。

AFTER新版 / 回應研究的改版提案

放大重點文字,拉開商品間距。

以更清楚的品名、對比與卡片留白,協助店員快速辨識商品;同時將分類列與常用入口展開,降低尋找成本。

畫面中的商品為介面範例。比較呈現設計回應,尚無新版後測數據。

02 / USER RESEARCH

舊版 POS 能用,
但用得順嗎?

商家回饋找商品慢、優惠容易漏套,但問題卡在哪個步驟、每間店是否都一樣,並不清楚。因此與 PM 篩選七間以線下銷售為主的商家,到現場觀察實際收銀,作為改版的依據。

7 間商家5 間線下、2 間線上
約 90 分鐘每間商家
走查/訪談/SUSiPad 模擬收銀任務
  1. 01 · 10 MIN

    了解店家背景

    店員分工、外部系統與日常使用方式。

  2. 02 · 50 MIN

    收銀任務走查

    找商品、加入購物車、查會員、套優惠。

  3. 03 · 20 MIN

    詢問其他模組

    訂單、顧客、盤點與調撥的實際情境。

  4. 04 · 10 MIN

    回饋與 SUS

    整理痛點,建立既有版本的易用性基準。

03 / STORE CONTEXTS

兩個維度,四種收銀情境。

店態決定優惠規則與門市權限,加入商品的方式決定操作重心;同一商家可能同時屬於兩種情境。

店態

百貨店

優惠組合複雜,常與百貨金流雙系統結帳。

街邊店

門市權限大,常在平板上自訂折扣。

加入商品方式

使用掃碼槍

掃碼加入商品,重心在購物車核對。

手動選商品

靠商品列表找商品,辨識速度就是效率。

04 / FINDINGS

店家在意:資訊清楚,結帳少重工。

  1. 優惠要先套用才看得到,商品一異動又要重設,是最容易出錯的環節。
  2. 會員資訊與重要入口藏得太深,查詢時會打斷收銀。
  3. 商品名稱小、件數不顯眼,核對仰賴圖片與記憶。
7間

KA / SMB 商家
零售、食品與美妝

67.5

既有版本 SUS
排除極端值

05 / CONCLUSION

把洞察,
變成有順序的改版。

翻新介面之外,研究也交給 PM 與 RD,討論哪些體驗優先處理、哪些需求保留彈性。

01 / READABILITY

先讓資訊與入口被看見

放大品名、強調件數,把會員與重要入口展開。

02 / CHECKOUT FLOW

減少優惠反覆設定

獨立優惠區域,往返商品列表時保留設定。

03 / FLEXIBILITY

保留商家的優惠選擇

後台套用、自訂折扣與擇優使用並存。

04 / PRIORITIZATION

讓平板聚焦門市任務

先處理會員、收銀與交易查詢,再評估盤點。

改版的價值,來自理解「為什麼」:把商家的操作與回饋整理成可討論的設計依據,與 PM、RD 一起確定方向。