Tam Blog

30 Laws of UX — Cẩm nang thiết kế trải nghiệm người dùng

Mở đầu

Laws of UX là bộ sưu tập 30 nguyên tắc tâm lý học và thiết kế do Jon Yablonski tổng hợp — những "định luật" giúp designer và developer hiểu vì sao người dùng hành xử như vậy khi tương tác với giao diện.

Bài viết này tóm tắt toàn bộ 30 luật thành 5 nhóm dễ nhớ, mỗi luật chỉ một câu, kèm phần ứng dụng cụ thể cho website Samcare — hi vọng hữu ích cho ai đang làm e-commerce, landing page, hoặc bất kỳ sản phẩm nào có người dùng thật.

Nhóm 1 — Nhận thức (Cognition)

Cách bộ não tiếp nhận và xử lý thông tin từ giao diện.

  1. Aesthetic-Usability Effect — Đẹp tạo cảm giác dễ dùng hơn (kể cả khi UX thực ra như nhau).
  2. Cognitive Bias — Não có những lỗi tư duy hệ thống ảnh hưởng đến quyết định của user.
  3. Cognitive Load — Đừng bắt user phải nghĩ nhiều; mỗi quyết định thừa là một rào cản.
  4. Mental Model — User mong UI hoạt động giống những thứ họ đã quen dùng.
  5. Selective Attention — User chỉ thấy những gì liên quan đến mục đích của họ — phần còn lại bị bỏ qua.
  6. Working Memory — Bộ nhớ tạm có giới hạn; đừng yêu cầu user nhớ quá nhiều thông tin cùng lúc.

Nhóm 2 — Quyết định & Lựa chọn (Decision Making)

Cách user đưa ra quyết định khi đối diện với options.

  1. Choice Overload — Quá nhiều lựa chọn → liệt; user bỏ luôn không chọn nữa.
  2. Hick's Law — Càng nhiều lựa chọn, thời gian quyết định càng tăng (theo log).
  3. Occam's Razor — Giải pháp đơn giản nhất thường thắng.
  4. Paradox of the Active User — Không ai đọc hướng dẫn; user cứ click rồi tự mò.
  5. Tesler's Law — Mọi hệ thống đều có một lượng phức tạp không thể bỏ được — câu hỏi là ai gánh nó: user hay developer?

Nhóm 3 — Trí nhớ (Memory)

Cách user nhớ và quên trải nghiệm với sản phẩm.

  1. Miller's Law — Não nhớ được khoảng 7 (5–9) item cùng lúc trong working memory.
  2. Serial Position Effect — User nhớ rõ phần đầu và phần cuối, quên phần giữa.
  3. Von Restorff Effect — Cái gì khác biệt sẽ được nhớ lâu hơn.
  4. Zeigarnik Effect — Task chưa hoàn thành ám ảnh trí nhớ hơn task đã xong.
  5. Peak-End Rule — User đánh giá cả trải nghiệm dựa trên đỉnh cao nhất và kết thúc — không phải trung bình.
  6. Chunking — Chia thông tin thành nhóm nhỏ có nghĩa thì dễ nhớ hơn.

Nhóm 4 — Thị giác & Nhóm hoá (Gestalt)

Cách mắt nhóm các phần tử lại với nhau khi nhìn giao diện.

  1. Law of Proximity — Phần tử ở gần nhau được hiểu là một nhóm.
  2. Law of Similarity — Phần tử trông giống nhau được hiểu là liên quan, dù tách rời.
  3. Law of Common Region — Phần tử trong cùng một khung/đường viền được hiểu là một nhóm.
  4. Law of Uniform Connectedness — Phần tử nối với nhau (line, arrow) được nhìn là liên quan nhất.
  5. Law of Prägnanz — Não tự đơn giản hoá hình phức tạp thành dạng đơn giản nhất có thể.

Nhóm 5 — Hành vi, Động lực & Tương tác (Behavior & Interaction)

Cái gì khiến user tiếp tục, từ bỏ, hay click nhanh hơn.

  1. Goal-Gradient Effect — Càng gần đích, user càng cố — progress bar khai thác hiệu ứng này.
  2. Flow — Trạng thái tập trung sâu khi thử thách và kỹ năng cân bằng.
  3. Pareto Principle — 80% kết quả đến từ 20% nguyên nhân — tập trung vào 20% quan trọng.
  4. Parkinson's Law — Công việc nở ra để lấp đầy thời gian được giao.
  5. Fitts's Law — Thời gian click một mục tiêu tỉ lệ với khoảng cách và tỉ lệ nghịch với kích thước của nó (nút lớn + gần con trỏ = nhanh hơn).
  6. Doherty Threshold — Phản hồi hệ thống dưới 400ms thì user cảm thấy productive; trên đó thì khó chịu.
  7. Jakob's Law — User mong site của bạn hoạt động giống các site họ đã dùng — đừng phá quy ước.
  8. Postel's Law — Lỏng tay khi nhận input của user, chặt tay khi output (forgiving inputs, strict outputs).

Áp dụng thực tế cho Samcare

Lý thuyết là một chuyện, biến thành chuyển đổi (conversion) là chuyện khác. Đây là 6 áp dụng ưu tiên cho website Samcare:

Ưu tiên Luật Áp dụng Lợi ích kỳ vọng
1 Hick + Choice Overload Rút gọn menu category, gom filter sản phẩm Giảm bounce trên trang shop
2 Peak-End Rule Tối ưu cảm giác lúc thanh toán + email cảm ơn có voucher Tăng repeat purchase
3 Doherty Threshold Cache + tối ưu ảnh trên trang sản phẩm để load <400ms Giảm bounce, tăng SEO
4 Jakob's Law Layout giỏ hàng/checkout giống Shopee/Tiki Quen tay → conversion cao
5 Goal-Gradient Progress bar 3 bước thanh toán (1/3 → 3/3) Giảm cart abandonment
6 Serial Position CTA + USP đặt ở đầu và cuối trang sản phẩm Tăng add-to-cart rate

Kết luận

30 luật trên không phải là những "thủ thuật" rời rạc — chúng là cách hoạt động thật của bộ não người dùng. Một designer giỏi không nhớ thuộc lòng 30 cái tên, mà biết khi nào áp dụng cái nào.

Cách dùng thực tế: - Trước khi sketch một flow mới: review nhóm Decision Making (Hick, Choice Overload, Tesler). - Trước khi launch: kiểm tra nhóm Memory (Peak-End, Serial Position) — đặc biệt đoạn checkout và cảm ơn. - Khi audit site cũ: dùng nhóm Cognition (Cognitive Load, Mental Model, Jakob) — đa số bug UX nằm ở đây.

Tham khảo gốc: lawsofux.com — Jon Yablonski.

Share this post