Khi xây dựng các ứng dụng, điều không thể thiếu đó chính là việc thiết kế màn hình đăng nhập và đăng ký. Dưới đây là một số hướng dẫn giúp cho giao diện màn hình của bạn trở nên bắt mắt và thuận tiện với người dùng hơn.
1. Màn hình đăng nhập riêng biệt với màn hình đăng ký
Rất dễ bị nhầm lẫn giữa “sign in” (đăng nhập) và “sign up” (đăng ký) khi mà cả hai cụm từ này khá là giống nhau.
Từ góc độ của người dùng, họ rất dễ chọn sai tùy chọn và có khả năng sẽ bắt đầu đăng ký, trong khi thay vào đó thì họ định tiến hành đăng nhập.
BAC khuyên bạn nên sử dụng “login” (đăng nhập) với “sign up” (đăng ký). Sự thay đổi nhỏ này sẽ giúp người dùng có cái nhìn rõ ràng hơn ngay lập tức khi bước vào tiến trình đăng nhập, đăng ký.
2. Cho phép đăng nhập thông qua mạng xã hội
Hãy đối mặt với nó – người dùng ngày càng trở nên lười biếng hơn bao giờ hết.
Đôi khi bạn sẽ thấy một biểu mẫu đăng ký khá dài và thay vào đó bạn muốn sử dụng tài khoản Facebook hoặc Google của mình để tiến hành đăng ký.
Với những tranh cãi gần đây xung quanh việc chia sẻ dữ liệu trên các trang mạng xã hội, bạn nên quyết định xem, về mặt đạo đức, bạn muốn điều chỉnh sản phẩm của mình như thế nào. Tuy nhiên, việc cung cấp cho người dùng những tùy chọn này sẽ giúp đơn giản hóa cuộc sống của họ, khiến họ sẵn sàng hơn trong việc sử dụng sản phẩm của bạn.
3. Dựa vào ngữ cảnh hiện tại của người dùng để cho phép đăng nhập
Khi đăng nhập, việc cung cấp cho người dùng của bạn nhiều hơn chỉ một địa chỉ email có thể mang đến nhiều ý nghĩa theo ngữ cảnh hơn. Ví dụ, số điện thoại di động nên được liên kết với tài khoản Uber của người dùng, vì chủ yếu Uber là một ứng dụng dành riêng cho điện thoại thông minh.
Mặt khác, hãy cân nhắc cho phép nhiều hơn một “tên người dùng” hoặc “số khách hàng”. Nếu người dùng không được cung cấp tính năng tự động điền hoặc có trình quản lý mật khẩu, rất khó cho họ để có thể nhớ lại những thông tin này.
3. Cho phép người dùng thấy được mật khẩu khi họ đăng nhập
Không gì khó chịu hơn việc dành thời gian điền vào một biểu mẫu dài và nhận được thông báo xác thực mật khẩu của bạn không hợp lệ – người dùng cố gắng nhập nó nhiều lần nhưng vẫn nhận được cùng một thông báo lỗi.
Sẽ lý tưởng hơn cho người dùng nếu họ có thể chuyển đổi chế độ hiển thị mật khẩu, từ đó xác định chính xác vị trí nhập lỗi trong mật khẩu của họ.
4. Giữ người dùng luôn đăng nhập
Việc này giúp cho cuộc sống của người dùng trở nên hiệu quả hơn rất nhiều nếu bạn có thể giữ cho họ luôn đăng nhập. Đây rõ ràng là một rủi ro bảo mật, vì vậy phải có giới hạn thời gian cho mã thông báo được triển khai để đảm bảo hacker không thể lợi dụng điều này. Adobe là một lựa chọn cho phép người dùng chuyển đổi tùy chọn.
5. Cảnh báo khi Caps Lock (phím viết chữ in hoa) đang bật
Tương tự như việc cho phép chuyển sang chế độ “hiển thị mật khẩu”, nó giúp người dùng tiết kiệm thời gian hơn để có thể nhận ra ngay lập tức rằng họ đang bật Caps Lock. Nhìn chung, người dùng sẽ không bị thất vọng vì họ có thể thấy được sai lầm của mình một cách hiệu quả hơn.
6. Trình bày các quy tắc và hình thức xác nhận ngay tại thời điểm đó
Bạn có thể lãng phí thời gian quý báu của người dùng nếu bạn đợi cho đến khi họ nhấn nút “Gửi” rồi mới thông báo lỗi. Sẽ tiết kiệm thời gian hơn nếu họ có thể sớm nhận ra những sai lầm mà họ đã mắc phải trong quá trình đăng ký. Bạn có thể thực hiện điều này bằng cách hiển thị xác thực hợp lệ khi nhập hoặc xuất đầu vào. Airbnb là một ví dụ cho việc xử lý các xác thực biểu mẫu theo dạng này.
7. Đưa ra các cảnh báo bảo mật trước khi khóa tài khoản của người dùng
Cho người dùng của bạn biết họ sẽ được nhập mật khẩu sai bao nhiêu lần trước khi tài khoản của họ bị khóa – điều này đặc biệt quan trọng đối với các trang web như ngân hàng, v.v. vì sau đó khách hàng phải gọi lại cho ngân hàng để xác nhận rằng họ không xâm nhập vào tài khoản của chính họ.
WordPress không giải quyết vấn đề này một cách hoàn hảo – họ chọn khóa tài khoản trước khi đưa ra cảnh báo. Tuy nhiên, họ cho phép thử lại sau 20 phút nữa.
8. Ghi nhớ người dùng của bạn khi họ đăng nhập lại ứng dụng
Một cách tiếp cận thân thiện là ghi nhớ người dùng của bạn 🤗. Họ không phải nhập lại thông tin đăng nhập của họ và có thể cảm thấy có xu hướng muốn đăng nhập lại trong tương lai. Trong ví dụ này, Google đã có thể ghi nhớ tài khoản đăng nhập, địa chỉ email được ẩn vì lý do bảo mật.
9. Cho người dùng biết các yêu cầu về độ mạnh của mật khẩu
Điều quan trọng là khuyến khích người dùng của bạn sử dụng một mật khẩu đủ mạnh vì những mật khẩu như vậy ít có khả năng bị tấn công hơn. Một vài ví dụ là sự kết hợp giữa văn bản thuần túy hoặc các chỉ báo trực quan cho độ dài mật khẩu. Cá nhân tôi thích cách tiếp cận bằng hình ảnh vì nó cung cấp một cái nhìn tổng quan một cách nhanh chóng và đơn giản. Atlassian đã có thể sử dụng quy tắc này một cách hoàn hảo.
Mong rằng bài viết này đã cho bạn đọc thêm những kiến thức hữu ích trước khi bắt tay vào thiết kế giao diện đăng nhập, đăng ký. Đừng quên đón xem các bài viết mới tại BAC’s Blog, để không bỏ lỡ những thông tin thú vị và hữu ích.
Nguồn tham khảo:
https://uxdesign.cc
Nhu cầu đào tạo doanh nghiệp
BAC là đơn vị đào tạo BA đầu tiên tại Việt Nam. Đối tác chính thức của IIBA quốc tế. Ngoài các khóa học public, BAC còn có các khóa học in house dành riêng cho từng doanh nghiệp. Chương trình được thiết kế riêng theo yêu cầu của doanh nghiệp, giúp doanh nghiệp giải quyết những khó khăn và tư vấn phát triển.
Tham khảo chương trình đào tạo:
Các bài viết liên quan SQL:
Các bài viết liên quan Power BI:
- Power BI là gì?
- Chỉnh sửa và định hình dữ liệu trong Power BI Desktop
- Kết hợp dữ liệu trong Power BI Desktop
- Hướng dẫn kết nối dữ liệu trong Power BI Desktop
- Hướng dẫn tải & cài đặt Power BI trên máy tính
- Khóa học Phân tích và trực quan hóa dữ liệu với Power BI
Các bài viết liên quan:
Ban biên tập nội dung – BAC