✨ UI/UX là gì?
Làm sản phẩm vừa đẹp, vừa dễ dùng.
1
Hiểu nó là gì
UI là giao diện nhìn thấy; UX là toàn bộ trải nghiệm khi một người cố hoàn thành việc gì đó.
Nói theo đời thường:
UI là màu sơn và biển chỉ dẫn của quán; UX là việc khách có tìm được bàn, gọi món và thanh toán thoải mái không.
UI là màu sơn và biển chỉ dẫn của quán; UX là việc khách có tìm được bàn, gọi món và thanh toán thoải mái không.
⚠ Chỗ ẩn dụ này hỏng
Màu sơn và biển chỉ dẫn của quán — nhưng UX không phải thứ nhìn thấy được, nên không kiểm tra được bằng cách ngắm.
Giao diện đẹp long lanh vẫn có thể khiến người dùng không hoàn thành nổi việc mình định làm. UX chỉ đo được bằng cách nhìn người thật dùng thật: họ mất bao lâu, kẹt ở đâu, bỏ cuộc chỗ nào. Không có ảnh chụp nào nói lên điều đó.
2
Code trông thế nào
UI đẹp, UX tệ: Nút "Xoá tài khoản" và "Lưu thay đổi" cùng màu, cạnh nhau UI xấu, UX ổn: Form thuế trông cũ kỹ nhưng báo rõ sai ở dòng nào và sửa thế nào
Đẹp và dễ dùng là hai trục khác nhau — một sản phẩm có thể mạnh trục này yếu trục kia.
3
Khi nào bạn dùng nó
✓ Dùng khi
- Trước khi code, lúc còn sửa được rẻ
- Khi người dùng bỏ giữa chừng mà không ai biết vì sao
✗ Đừng dùng khi
- Bàn màu nút trong khi luồng chính còn chưa chạy được
- Quyết định theo ý thích của người to tiếng nhất trong phòng
Chưa cần biết: nghiên cứu người dùng, A/B testing, kiểm định khả năng tiếp cận, design system.
Để dành tới Mốc 2 — Đọc hiểu được: Nhìn một sơ đồ hệ thống hoặc một log lỗi, bạn đoán được chỗ nào đang hỏng.
Dấu hiệu bạn đã cần học nó: Khi cả đội cãi nhau về một thiết kế mà không ai có dữ liệu người dùng thật.
4
Đi đâu tiếp
- FrontendNơi UI/UX biến thành thứ bấm được.
- Visual TestingCách tự động bảo vệ giao diện khỏi bị vỡ.
- QANgười hay phát hiện vấn đề UX sớm nhất vì dùng sản phẩm nhiều nhất.