Thiết kế mobile-first (bắt đầu từ màn nhỏ rồi nới lên)
Thiết kế mobile-first là cách dựng giao diện bắt đầu từ màn hình điện thoại nhỏ nhất, ưu tiên nội dung cốt lõi, rồi mới nới rộng bố cục lên máy tính…
Danh mục: UI/UX Design
Usability test cơ bản (cho người thật làm thử để tìm chỗ vướng)
Usability test (kiểm thử khả năng dùng) là phương pháp cho người thật thực hiện vài tác vụ trên sản phẩm trong khi bạn quan sát, nhằm tìm ra chỗ họ vướng,…
Heatmap cho web (đọc hành vi người dùng qua bản đồ màu)
Heatmap cho web (bản đồ nhiệt) là cách trực quan hoá hành vi của nhiều người dùng trên một trang bằng màu sắc: vùng nóng (đỏ, cam) là nơi nhiều người click,…
User journey map và cách vẽ hành trình người dùng
User journey map (bản đồ hành trình người dùng) là hình vẽ trải dài theo thời gian, ghi lại từng bước, cảm xúc và điểm trục trặc khi một người dùng đạt…
A/B testing trong thiết kế (so hai phiên bản bằng dữ liệu thật)
A/B testing thiết kế là cách chia ngẫu nhiên người dùng thật vào hai phiên bản giao diện A và B, rồi đo xem bản nào đạt mục tiêu (như tỉ lệ…
User persona là gì và cách xây từ dữ liệu thật
User persona là chân dung hư cấu nhưng đại diện cho một nhóm người dùng thật, được dựng từ dữ liệu nghiên cứu (phỏng vấn, khảo sát, hành vi). Mỗi persona gói…
Dựng design system với Tailwind CSS (cấu hình theme, token và component)
Design system với Tailwind là cách bạn đặt toàn bộ biến thiết kế — màu, cỡ chữ, khoảng cách, bo góc — vào một nguồn duy nhất trong cấu hình theme, để…
Duy trì design system để hệ thống không lệch và không chết dần
Duy trì design system là việc liên tục cập nhật, đánh số phiên bản, duyệt component mới và đồng bộ bản thiết kế với code sau khi hệ thống đã ra đời.…
Có nên đầu tư design system hay chưa (góc nhìn chủ doanh nghiệp)
Đầu tư design system là quyết định bỏ thời gian và chi phí để xây một bộ quy chuẩn giao diện dùng chung, đổi lấy tốc độ ra tính năng và sự…
Component library là gì (và khác design system ra sao)
Component library (thư viện component — bộ thành phần giao diện) là tập hợp các thành phần UI tái dùng như nút, ô nhập, thẻ, hộp thoại đã được dựng sẵn kèm…