Form là thành phần quan trọng nhất khi design flow đăng ký của 1 web hay 1 app, dù là view gồm nhiều bước hay chỉ là một màn hình đơn điệu. Bài này sẽ liệt kê những điều nên và không nên khi design form thông qua các lỗi thường thấy của designer.

Tuy vậy hãy nhớ đây chỉ là các luật cho trường hợp tổng quát, và sẽ luôn tồn tại những ngoại lệ tùy theo câu chuyện muốn kể về sản phẩm.

Form chỉ nên có 1 cột

Label để ở bên trên input

Nhóm label lại với input tương ứng

Không dùng label viết hoa toàn bộ

Hiển thị toàn bộ lựa chọn nếu số lựa chọn ít hơn 6

Không dùng placeholder làm label

Đặt checkbox và radio thẳng hàng dọc

Viết nút CTA (Call To Action) rõ nghĩa

Viết nội dung lỗi rõ ràng trên dòng tương ứng

Chỉ chạy validation sau khi người dùng điền xong input (trừ khi tác vụ validation đấy giúp ích trong quá trình type)

Không ẩn đoạn gợi ý

Phân biệt rõ action loại 1 và action loại 2

Để độ dài của input tương ứng với nội dung

Không dùng ký hiệu cho input bắt buộc, và ghi rõ input nào là có thể bỏ đi được

Nhóm các thông tin liên quan lại với nhau

Theo techtalk.vn

Comments

comments

Tags:

  • Batsana

    Học! học nữa học mãi :)

  • Show Comments

Your email address will not be published. Required fields are marked *

comment *

  • name *

  • email *

  • website *

You May Also Like

Nội dung: Ý tưởng quan trọng nhất của website

Ngày nay thật là khó, và tôi e rằng gần như không thể tìm ...

Một số quy tắc thiết kế các giao diện quen thuộc

Giao diện người dùng là thứ mà chúng ta sử dụng hằng ngày để ...

Week 47: Facebook có sắp tàn?

Tuần trước, ngân hàng uy tín nhất thế giới, Goldman Sachs quyết định đầu ...

Week 12: Giao diện trung thực + 10 nguyên tắc của UX

“Để thuyết phục, chúng ta phải đáng tin cậy, để đáng tin cậy chúng ...

7 câu hỏi bạn phải biết khi đi phỏng vấn thiết kế UX

Ngày nay, để kiếm được việc làm là điều không dễ bởi số lượng ...

Week 25: Email, sự kết dính của UX

Với sự đi lên mạnh mẽ của mạng xã hội, email bị đẩy lùi ...