56KGen · Không gian hiển thị

Cửa sổ trình duyệt đang hơi hẹp

Hãy nới rộng cửa sổ thêm một chút để giao diện hiển thị trọn vẹn và dễ thao tác hơn.

Rộng ≥ 320 pxCao ≥ 250 px

Giao diện sẽ tự động mở lại ngay khi khung hình đủ rộng.

← Tất cả bài viếtWebsite & trải nghiệm

Form trên điện thoại: những chi tiết nhỏ tạo nên khác biệt

Bàn phím phù hợp, thông báo lỗi đúng chỗ và bố cục không xô lệch giúp một form dài trở nên dễ hoàn thành hơn.

2 phút đọc
56K / INSIGHTS

Giảm công sức nhập liệu

Mỗi trường đều nên có lý do tồn tại. Đặt các trường theo trình tự người dùng suy nghĩ, đánh dấu thông tin không bắt buộc và dùng nhãn rõ nghĩa. Với email, số điện thoại hoặc mã xác nhận, chọn loại bàn phím phù hợp để giảm thao tác chuyển qua lại.

Cho phép trình duyệt tự điền những thông tin có ý nghĩa rõ ràng. Tránh chặn thao tác dán ở trường mật khẩu hoặc mã xác nhận: thao tác này có thể hỗ trợ người dùng làm việc nhanh và chính xác hơn.

Đừng để giao diện di chuyển bất ngờ

Chừa sẵn không gian cho ảnh đại diện, vùng xem trước và thông báo trạng thái. Khi xuất hiện thêm thanh điều chỉnh hoặc lỗi nhập liệu, bố cục nên thay đổi có chủ đích. Nút chính cần ở vị trí dễ tìm và không bị bàn phím che mất trong những bước quan trọng.

Một hàng nút phù hợp ở màn hình lớn chưa chắc vừa điện thoại nhỏ. Kiểm tra nhãn dài, mức phóng chữ và màn hình hẹp thay vì chỉ xem một kích thước phổ biến.

Hỗ trợ người dùng sửa lỗi

Thông báo cần chỉ rõ trường nào có vấn đề và cách sửa. Giữ lại dữ liệu đã nhập khi gửi thất bại. Sau khi thành công, cho biết điều gì đã thay đổi; nếu cần bước tiếp theo, diễn đạt ngắn gọn bằng hành động cụ thể. Form tốt giúp người dùng luôn biết mình đang ở đâu và còn cần làm gì.