Thiết kế biểu mẫu chuyển đổi
Thiết kế form ngắn, dễ điền trên điện thoại, báo lỗi rõ ràng, thu thập dữ liệu tối thiểu và có thông báo mục đích.
- Chọn số trường tối thiểu cần thiết
- Áp dụng thực hành tốt về nhãn, kiểu nhập, báo lỗi
- Viết dòng đồng ý và thông báo mục đích đúng nguyên tắc dữ liệu cá nhân
Biểu mẫu là nơi khách trao thông tin cho bạn, cũng là nơi họ dễ bỏ cuộc nhất. Mỗi trường thêm vào là thêm một lý do để do dự. Nguyên tắc: chỉ hỏi những gì cần để thực hiện bước tiếp theo.
| Mục tiêu | Trường tối thiểu | Có thể hỏi sau |
|---|---|---|
| Nhận báo giá nhãn mác | Tên, số điện thoại hoặc Zalo, loại nhãn, số lượng dự kiến | Địa chỉ giao hàng, mã số thuế |
| Đặt lịch spa | Tên, số điện thoại, ngày giờ mong muốn | Tình trạng da chi tiết (hỏi khi tư vấn) |
| Đăng ký học thử | Tên, email hoặc số điện thoại | Nghề nghiệp, mục tiêu học |
Thực hành tốt
- Mỗi trường có nhãn hiển thị (label), không chỉ dùng placeholder
- Dùng đúng kiểu nhập: type="tel" cho số điện thoại, type="email" cho email để điện thoại hiện bàn phím phù hợp
- Bật autocomplete để trình duyệt điền sẵn tên, số điện thoại
- Báo lỗi ngay cạnh trường, nói rõ cách sửa: "Số điện thoại cần 10 chữ số"
- Đánh dấu trường bắt buộc hoặc tùy chọn rõ ràng
- Nút gửi nói kết quả: "Gửi yêu cầu báo giá"
- Sau khi gửi, hiển thị trang hoặc thông báo cảm ơn và cho biết bước tiếp theo
Dữ liệu cá nhân và sự đồng ý
Luật Bảo vệ dữ liệu cá nhân số 91/2025/QH15 (hiệu lực 01/01/2026) đặt ra các nguyên tắc: thu thập tối thiểu, thông báo rõ mục đích, có sự đồng ý của chủ thể dữ liệu, cho phép rút lại đồng ý và yêu cầu xóa dữ liệu. Trên biểu mẫu, điều này thể hiện bằng một dòng thông báo ngắn và liên kết tới chính sách quyền riêng tư.
Biểu mẫu tốt
- 3–5 trường cần thiết
- Nhãn rõ, kiểu nhập đúng
- Báo lỗi cụ thể cạnh trường
- Thông báo mục đích, ô đồng ý marketing không đánh dấu sẵn
Biểu mẫu gây bỏ cuộc
- Hỏi ngày sinh, địa chỉ nhà ngay từ đầu
- Chỉ có placeholder, gõ vào là mất gợi ý
- Báo lỗi chung "Có lỗi xảy ra" ở đầu trang
- Ô "đồng ý nhận quảng cáo" đánh dấu sẵn
Bài tập thực hành
Rà soát (hoặc thiết kế mới) biểu mẫu trên trang của bạn: liệt kê từng trường, đánh dấu cần ngay / hỏi sau / bỏ. Viết lại nút gửi, thông báo lỗi và dòng thông báo mục đích.
Gợi ý: Với mỗi trường, hỏi: "Nếu không có thông tin này, tôi có liên hệ được khách để làm bước tiếp theo không?" Nếu có, chuyển trường đó sang hỏi sau.
- Biểu mẫu còn tối đa 5 trường cần thiết
- Trường số điện thoại dùng type="tel", email dùng type="email"
- Có dòng thông báo mục đích và liên kết chính sách quyền riêng tư
- Ô đồng ý nhận marketing (nếu có) không đánh dấu sẵn
- Đã thử điền trên điện thoại
Kiểm tra kiến thức
- Placeholder không hiển thị trên điện thoại
- Gợi ý biến mất khi gõ, khó kiểm tra lại và kém tiếp cận
- Vì placeholder làm chậm trang
- Không có lý do
Xem đáp án
B. Gợi ý biến mất khi gõ, khó kiểm tra lại và kém tiếp cận — Placeholder biến mất khi nhập nên người dùng dễ quên trường đó hỏi gì; nhãn hiển thị cũng giúp trình đọc màn hình.
- Thu thập càng nhiều càng tốt để dùng sau
- Thu thập tối thiểu, thông báo mục đích, có đồng ý
- Đánh dấu sẵn ô đồng ý nhận quảng cáo
- Không cần chính sách quyền riêng tư
Xem đáp án
B. Thu thập tối thiểu, thông báo mục đích, có đồng ý — Thu thập tối thiểu, minh bạch mục đích và có sự đồng ý là các nguyên tắc cốt lõi của pháp luật về dữ liệu cá nhân.
- type="text"
- type="tel"
- type="number"
- type="password"
Xem đáp án
B. type="tel" — type="tel" hiển thị bàn phím số trên điện thoại và không gây lỗi với số 0 ở đầu như type="number".