Thiết kế ưu tiên điện thoại: danh sách kiểm tra trước khi ra mắt

'Ưu tiên điện thoại' (mobile first) là cách thiết kế bắt đầu từ màn hình nhỏ rồi mới mở rộng lên máy tính. Cách làm này buộc người thiết kế chọn lọc nội dung quan trọng nhất. Dưới đây là danh sách bạn có thể dùng để tự kiểm tra trước khi đưa website vào hoạt động.

Menu và điều hướng

• Nút mở menu dễ thấy, dễ chạm; menu mở ra không bị che hoặc tràn màn hình.
• Các mục menu ngắn gọn, không quá nhiều cấp.
• Số điện thoại và nút liên hệ luôn dễ tìm.

Chữ và nút bấm

• Chữ nội dung đủ lớn để đọc mà không cần phóng to.
• Nút bấm đủ rộng, các nút không đặt sát nhau.
• Không có đoạn chữ nào bị tràn ngang khiến phải cuộn sang bên.

Hình ảnh và bố cục

• Ảnh co giãn đúng tỉ lệ, không bị méo hoặc bị cắt mất phần quan trọng.
• Các khối xếp dọc hợp lý, khoảng cách đều nhau.
• Nút nổi (chat, gọi điện, lên đầu trang) không che nội dung.

Biểu mẫu và tốc độ

• Ô nhập liệu đủ lớn, bàn phím phù hợp (số điện thoại hiện bàn phím số).
• Trang tải nhanh khi dùng mạng di động.
• Gửi thử biểu mẫu để chắc thông tin đến đúng nơi nhận.

Nên thử trên ít nhất hai loại điện thoại khác nhau và cả máy tính bảng. Ghi lại lỗi kèm ảnh chụp màn hình để việc sửa nhanh và chính xác hơn.