/1. Dùng 4pt Grid System
Khoảng cách không chỉ để trang trí. Hệ thống 4pt grid hoặc 8pt grid mang lại sự nhất quán trên toàn bộ UI. Nó khiến mọi thứ có cảm giác… có chủ đích.
/2. Nhất quán trong size button
Tất cả các button phải có cùng kích thước trừ khi có lý do chính đáng. Sự không nhất quán ở đây dễ gây nhầm lẫn.
/3. Căn chỉnh mọi thứ phải thật hoàn hảo
Căn chỉnh (Align) không chỉ là thẩm mỹ. Đó còn là cách người dùng tin tưởng vào sản phẩm của bạn.
/4. Sử dụng nội dung thực, không phải Lorem Ipsum
Không nên dùng các text mẫu demo như Lorem Ipsum. Hãy dùng các nội dung thật để dễ dàng tạo thiện cảm với sản phẩm.
/5. Giới hạn dùng Color Palette
Nếu bạn dùng tới tận 9 lớp mầu từ sáng tới tối trong dải mầu BLUE. Thì hãy làm gọn lại với 2 mầu là primary và secondary. Thế là đủ.
/6. Tạo hệ thống phân cấp trực quan rõ ràng
Việc điều chỉnh kích thước và độ đậm của phông chữ cho tiêu đề. Hãy làm cho người dùng trở nên ấn tượng và đọc dễ dàng ngay từ lúc đầu.
/7. Sử dụng shadow 1 cách nhẹ nhàng
Bóng đổ mềm mại, độ mờ thấp. Đừng làm cho các button trông như đang sắp bay ra khỏi màn hình.
/8. Thiết kế Fat Thumbs cần đủ độ lớn
Khu vực để ngón tay cái có thể chạm tối thiểu 44px. Nếu không, mọi người sẽ tức giận nhấp và đổ lỗi cho ứng dụng của bạn.
/9. Sử dụng Icon một cách nhất quán
Bạn đã sử dụng một icon dạng fill ở đây và một icon dạng line trên màn hình tiếp theo. Đừng làm vậy, hãy đồng nhất 1 style duy nhất.
/10. Tránh căn giữa văn bản
Căn trái để dễ đọc. Văn bản căn giữa phù hợp với lời mời đám cưới.
/11. Sử dụng khoảng trắng (white space) hợp lý
Khoảng trắng không phải là khoảng trống. Đó là thứ khiến nội dung trở nên dễ thở. Giống như những khoảng dừng trong một bài phát biểu hay.
/12. Tính tương tác được dễ dàng
Không ai nên đoán xem một thứ gì đó có thể nhấp được hay không. Sử dụng màu sắc, bóng đổ hoặc trạng thái di chuột để dễ dàng giúp người dùng nhìn ra.
/13. Ưu tiên khả năng truy cập
Sử dụng các công cụ như Stark để kiểm tra sự tuân thủ WCAG. Thiết kế tuyệt vời phù hợp với mọi người
/14. Giữ các form đơn giản
Chỉ hỏi những gì bạn cần. Sử dụng dropdowns, autofill và label trên các fields.
/15. Sử dụng một hoặc hai phông chữ
Tối đa là hai họ phông chữ. Nhiều hơn thế thì trông giống như một tờ giấy đòi tiền chuộc.
/16. Luôn xem trước trên thiết bị thực tế
Thiết kế của bạn có thể trông hoàn hảo trên Macbook. Nhưng hãy thử nghiệm nó trên điện thoại xem, sẽ có phát sinh xẩy ra.
