Design form thế nào cho tốt

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

Cùng tác giả

#Tag

ux

iDesign Must-try

Thiết kế tương tác (Interaction Design) là gì?
Thiết kế tương tác (Interaction Design) là gì?
Thiết kế tương tác là một thành phần quan trọng trong chiếc ô khổng lồ của thiết kế trải nghiệm người dùng (UX). Trong bài viết này, hãy cùng iDesign tìm…
Tư duy thiết kế và những tính chất trong hệ thống
Tư duy thiết kế và những tính chất trong hệ thống
Một cách cơ bản hơn để đối phó với tính chất tạm thời của công việc là xem xét lại bản thân chúng ta với tư cách là nhà thiết…
7 hiện tượng tâm lý người dùng trong thiết kế UX
7 hiện tượng tâm lý người dùng trong thiết kế UX
Đừng trở nên xấu xa và lạm dụng tâm lý học để thao túng người dùng cuối của bạn. Khi nhìn vào meme thú vị này, bạn có tự hỏi…
Tìm hiểu về UX Writing - khi ngôn từ súc tích mang ‘linh hồn’ đến cho thiết kế
Tìm hiểu về UX Writing - khi ngôn từ súc tích mang ‘linh hồn’ đến cho thiết kế
UX Writing (Viết nội dung UX) là bất kỳ văn bản nào mà người dùng gặp phải trong quá trình tương tác với sản phẩm phần mềm. Có thể là tên…
5 xu hướng kinh doanh mới sẽ ảnh hưởng lớn đến thế giới thiết kế
5 xu hướng kinh doanh mới sẽ ảnh hưởng lớn đến thế giới thiết kế
Các chuyên gia trong ngành công nghiệp đã dự đoán một số xu hướng kinh doanh sẽ ảnh hưởng đến thế giới thiết kế trong năm 2020 này.  Ví dụ,…
6 tính năng siêu hữu ích của Google Analytics dưới góc nhìn thiết kế UX (phần 2)
6 tính năng siêu hữu ích của Google Analytics dưới góc nhìn thiết kế UX (phần 2)
Google Analytics là một công cụ để cải thiện sản phẩm, không chỉ là các trang web marketing. Nó cho bạn biết chính xác người dùng đang làm gì, họ đến…