後台系統的 UX:讓店員不用教學也會用

講到 UX(使用者體驗),大家想到的都是消費者看的那一面:官網、App、購物流程。後台?「內部人用的,能動就好。」我們想挑戰這個觀念。我們自己營運一套進銷存 SaaS,使用者是實體加盟體系的門市店員——流動率高、年齡跨度大、沒有人有時間受訓。這逼出了我們的一條內部設計標準:店員不用教學也會用。做不到,就是設計的問題,不是店員的問題。

後台醜,真的沒關係;後台難用,是每天在燒錢的災難——每個多餘的欄位、每次誤操作、每通「這個怎麼按」的電話,乘上使用人數跟使用年限,都是成本。這篇分享我們設計自營系統後台的五個原則。

原則一:欄位順序照著工作流程走,不是照資料庫走

很多後台的表單,欄位順序就是資料表欄位的順序——因為對工程師來說那樣最省事。但店員收貨的時候,手上的動作順序是:看單、對品項、點數量、簽收。表單就該長這樣,眼睛跟手不用來回跳。我們的做法很土但有效:設計任何一張表單前,先去看實際作業的人怎麼做事,欄位順序抄他的動作順序。不常用的欄位收進「進階」,別讓每天用一百次的畫面,為每月用一次的需求付出擁擠的代價。

原則二:預設值做好,九成的欄位不用碰

好後台的表單,開啟時就已經填好大部分答案:日期預設今天、門市預設登入者所屬門市、經手人預設登入者本人、單價自動帶最近一次的價格。使用者的工作從「填表」變成「確認」,速度差好幾倍,而且錯誤率大幅下降——因為人打字就會錯,系統帶入不會。

進階一點,預設值可以聰明:這家門市每週固定向同一個倉庫叫貨,叫貨單就預設那個倉庫;這個品項上次進貨是某個規格,這次就先帶同規格。每一個「不用選就對了」的欄位,都是省下來的時間跟錯誤。

原則三:防呆做在當下,不要事後追殺

錯誤要在發生的那一刻被擋下,而不是月底對帳才浮出來。具體做法:

• 擋不合理的輸入:出貨量超過庫存、數量比平常大一個數量級、日期填到未來,存檔前就當場問「你確定?」。
• 危險操作要多一道確認,且講人話:「刪除這張單會同時回沖庫存 12 件,確定嗎?」比「確定刪除?」有用得多——前者讓人理解後果,後者只會被反射性按掉。
• 盡量做「可逆」而不是「攔截」:與其到處跳確認視窗,不如讓多數操作可以作廢、可以更正,並留下紀錄。人一定會錯,系統的責任是讓錯誤便宜。

使用者的每一次誤操作,都是系統設計者早就埋好的陷阱。防呆不是不信任使用者,是替他把陷阱填平。

原則四:高頻操作,一鍵完成

找出使用者每天做最多次的那三件事,把它們壓縮到最少步驟。我們的系統裡,門市日常最頻繁的操作都做成一鍵或兩步內完成:常態叫貨有「照上次叫」,收貨有「全部照單簽收」,例外情況才展開明細逐項改。二八法則在後台特別明顯——八成的操作集中在兩成的功能,把那兩成磨到極致,整套系統的體感就完全不同。剩下的低頻功能,寧可多兩步但引導清楚,也不要為了它們把主畫面弄複雜。

原則五:看得懂的錯誤訊息,跟看得到的系統狀態

「發生錯誤(代碼 500)」對店員是死路,他只能打電話。好的錯誤訊息要說三件事:發生什麼、為什麼、現在該怎麼辦——「這張單已經被主管作廢,不能再修改。如需補單請開新單。」另外,系統狀態要主動可見:單據是待審還是已過帳、庫存夠不夠、今天有沒有未完成的收貨,讓使用者一眼掌握,而不是靠記憶跟猜。做到這兩點,客服電話量會有感下降——這是我們自己營運系統多年最實際的體會,畢竟每一通電話都是我們自己接。

結語:後台的好,是省出來的

消費者端的 UX 賺的是轉換率,後台 UX 賺的是每天每人省下的分鐘數與避免掉的錯誤,而後者往往更快回本。這五個原則沒有一條需要高深技術,需要的是設計時真的去看使用者怎麼工作。如果你的團隊每天在跟難用的後台搏鬥,或準備開發新系統、想從第一天就把易用性做對,歡迎參考我們的客製化系統與 SaaS 服務,或直接跟我們聊聊。想看流程面怎麼跟介面配合,推薦接著讀進銷存系統設計:庫存數字不準的根本原因。