Try Ithy free
Save

发布于 · 更新

UI 與 UX 的差別:從結帳流程看設計

UI 是使用者操作的介面。UX 涵蓋完成任務的整體體驗,包括使用者能否理解資訊、預測結果,以及遇到錯誤後如何恢復。

同一個結帳畫面的兩個層次

清楚的按鈕名稱、鍵盤焦點和表單標籤屬於介面設計。使用者能否在送出前看到完整費用、修改地址並保留已填資料,則要看整個流程如何設計。

用任務驗證問題

給受測者一個具體目標,例如更改收件地址再確認總價。觀察是否完成、在哪裡停下、錯誤後能否回到正確步驟。把具體問題和設計改動連起來。

把可及性放進兩者

對比、可見焦點與可讀的錯誤說明是介面的要求,也直接影響任務能否完成。用鍵盤和適當的輔助技術檢查主要流程,並搭配真實使用者回饋。

參考資料

W3C 對可及性、易用性和包容的說明

Ask Ithy a follow-up