Thiết kế giao diện người dùng bằng mã xác thực

Việc kết hợp hình minh hoạ và hình ảnh phong phú khi giới thiệu khoá truy cập có thể giúp người dùng nhận thức rõ hơn, đồng thời hỗ trợ nội dung của bạn, đồng thời mang lại trải nghiệm hấp dẫn và dễ hiểu hơn.

Thành phần thiết kế

Mục đích của khoá truy cập là để cải tiến sản phẩm hoặc dịch vụ hiện có của bạn và bạn nên giới thiệu chúng bằng định dạng mà người dùng đã quen thuộc trên nền tảng của bạn.

Ví dụ: nếu dịch vụ của bạn sử dụng quảng cáo xen kẽ để truyền đạt thông tin cập nhật cho người dùng, tương tự như cách Tài khoản Google giới thiệu cho người dùng khoá truy cập trong quá trình đăng nhập, hãy cân nhắc sử dụng định dạng quảng cáo xen kẽ để đưa khoá truy cập vào.

Trang đích của TrailBlazer có một thẻ có tiêu đề "Đăng nhập nhanh hơn bằng khoá truy cập"
Tạo quảng cáo xen kẽ về khoá truy cập trong ứng dụng Trailblazer.

Ngoài ra, nếu nền tảng của bạn thường thông báo cho người dùng về các thay đổi đối với tài khoản thông qua cửa sổ bật lên, thanh thông báo hoặc các kiểu cảnh báo khác, hãy sử dụng các phương thức thông báo quen thuộc đó để giới thiệu khái niệm khoá truy cập. Phương pháp này đảm bảo trải nghiệm nhất quán và thân thiện với người dùng khi triển khai tính năng khoá truy cập mới.

Cửa sổ bật lên mời người dùng sử dụng khoá truy cập để có mật khẩu nhanh hơn và an toàn hơn.
Tạo cửa sổ bật lên khoá truy cập trong ứng dụng ngân hàng.

Tạo lời nhắc mang tính mô tả cho khoá truy cập

Đối với các thao tác liên quan đến khoá truy cập, thay vì chỉ tạo các nút có lời kêu gọi hành động, hãy tạo câu lệnh có tính mô tả phong phú và có thể truyền tải thêm thông tin cho người dùng. Các thành phần này có thể bao gồm hình minh hoạ, dòng tiêu đề, thông điệp và lời kêu gọi hành động.

Ví dụ: để tạo khoá truy cập cho Tài khoản Google, bạn chỉ cần nhấp vào nút "Tạo khoá truy cập". Bạn sẽ thấy một quảng cáo xen kẽ kèm lời kêu gọi hành động "Đơn giản hoá việc đăng nhập", nội dung giải thích ngắn về khoá truy cập và hình minh hoạ biểu tượng khoá truy cập cùng nhiều phương pháp mở khoá màn hình thiết bị.

Ảnh chụp màn hình trang Tài khoản Google có thông báo chọn nhận mã xác thực.
Trang tạo khoá truy cập trên Tài khoản Google

Dùng biểu tượng khoá truy cập chính tắc

Liên minh FIDO đã tạo biểu tượng khoá truy cập mà bạn nên sử dụng khi đại diện cho khoá truy cập. Nếu sử dụng khoá truy cập một cách nhất quán, người dùng sẽ nhận ra khoá truy cập và đơn giản hoá các thao tác liên quan đến khoá truy cập.

Biểu tượng khoá truy cập chuẩn hoá.

Sử dụng biểu tượng khoá truy cập trong giao diện người dùng:

  • Trình bày khái niệm khoá truy cập trong quy trình làm quen hoặc các lời nhắc khác nhằm khuyến khích người dùng tạo khoá truy cập hoặc nâng cấp lên khoá truy cập để đăng nhập an toàn hơn.
  • Trong các nút hoặc đường liên kết cho phép người dùng đăng nhập bằng khoá truy cập.
  • Trong phần cài đặt để giúp xác định khoá truy cập có thể chỉnh sửa hoặc xoá.

Bạn có thể thay đổi màu của biểu tượng cho phù hợp với bảng phối màu của sản phẩm, thương hiệu hoặc giao diện người dùng.

Hiển thị "thẻ khoá truy cập" trong phần cài đặt tài khoản

Không giống như mật khẩu (là tổ hợp rõ ràng các chữ cái, số và ký hiệu), mã xác thực phần lớn không hiển thị với mọi người. Dành riêng không gian cho thẻ khoá truy cập trong phần cài đặt tài khoản. Bên trong thẻ này có biểu tượng khoá truy cập, thông tin về khoá truy cập như thời điểm và hệ sinh thái mà khoá truy cập được tạo, lần gần đây nhất nó được sử dụng và các tuỳ chọn để quản lý khoá truy cập. Nếu một người có hai khoá truy cập trở lên, mỗi khoá truy cập phải có một thẻ riêng.

Ảnh chụp màn hình chế độ cài đặt Khoá truy cập trong trang cài đặt bảo mật của Trailblazer.
Các chế độ cài đặt khoá truy cập trong trang cài đặt bảo mật của Người tiên phong hiển thị thông tin chi tiết về từng khoá truy cập.

Tiếp theo

Hành trình của người dùng khoá truy cập