Hướng dẫn thiết kế trải nghiệm Đăng nhập thành công (Phần 1)

Khi thiết kế trang đăng ký hoặc đăng nhập, bạn phải xem xét nó từ quan điểm của người dùng. Người dùng có trải nghiệm làm quen trên các trang đăng ký và đăng nhập, vì vậy bạn muốn đảm bảo rằng họ không cảm thấy bối rối hoặc thất vọng. Tham khảo ngay hướng dẫn thiết kế trải nghiệm Đăng nhập thành công (Phần 1) cùng Cole trong bài viết dưới đây.

Làm mọi thứ trở nên rõ ràng

Hãy nói rõ khu vực đăng nhập ở đâu. Nếu người dùng phải tìm kiếm khu vực đăng nhập, họ sẽ cảm thấy thất vọng và ít có khả năng đăng ký. Do đó, cách trình bày trang đăng nhập là tuyệt đối quan trọng. Hãy giữ nó đơn giản và rõ ràng nhất có thể. 

Khả năng đăng ký bằng tài khoản SMS chỉ bằng một cú nhấp chuột

Đăng ký một ứng dụng mới bằng các tài khoản mạng xã hội hiện có đang trở nên phổ biến hơn đối với người dùng. Quá trình này diễn ra nhanh chóng và hiệu quả vì không cần phải tạo tài khoản mới mà vẫn cung cấp khá đầy đủ tất cả thông tin từ đầu. Trên thực tế, 86% người dùng thường cảm thấy khó chịu vì phải tạo tài khoản mới trên các trang web và 88% tự động sử dụng mạng xã hội để đăng nhập.

Vì vậy, khi người dùng chỉ cần nhấp vào nút social media sign-up để vào ứng dụng, họ sẽ cảm thấy thoải mái hơn. Nó cũng sẽ làm cho quá trình đăng ký trở nên dễ dàng hơn, giúp người dùng mới có nhiều khả năng chia sẻ trang web của bạn với bạn bè và đồng nghiệp của họ hơn. Ngoài ra, đăng nhập bằng tài khoản mạng xã hội là một lợi thế cho công ty vì trong hầu hết các trường hợp, công ty sẽ có quyền truy cập vào nhiều thông tin hơn mà mạng xã hội cung cấp về người dùng, nhân khẩu học, sở thích, hành vi,…

Bằng cách khảo sát người dùng, một công ty đã phát hiện ra nền tảng mạng xã hội nào được nhiều người đăng ký nhất. Theo số liệu thống kê của họ, người dùng thích Google (70,97%), tiếp theo là Facebook (19,69%) và sau đó là Twitter (9,32%). Điều đó có nghĩa là người dùng nên sử dụng Google hay Facebook? Nó phụ thuộc vào mục tiêu của bạn. Nhưng người dùng của bạn thường đăng nhập bằng mạng xã hội mà họ ít quan tâm hơn vì lo ngại về bảo mật, chẳng hạn như Gmail hoặc Facebook.

Tránh yêu cầu xác nhận mật khẩu

Các trang web thường yêu cầu người dùng xác nhận mật khẩu khi họ đăng nhập. Biện pháp phòng ngừa bảo mật này đã trở thành thông lệ tiêu chuẩn kể từ khi báo cáo các vụ vi phạm dữ liệu đầu tiên và trường Confirm Password giúp người dùng tránh viết sai chính tả mật khẩu khi đăng ký ứng dụng. Mặc dù việc các trang web muốn làm điều này là hợp lý nhưng nó lại phản tác dụng. Xác nhận mật khẩu tạo ra cảm giác an toàn sai lầm. Trong quá trình này, trước tiên bạn phải nhập mật khẩu hai lần nếu nó không khớp với yêu cầu của hệ thống. Tuy nhiên, người dùng không thể nhìn thấy hoặc xác định được lỗi. Vì điều này, họ nên xóa cả hai mật khẩu và nhập lại mà không biết. Kết quả là sự thất vọng của người dùng sẽ tăng lên.

Cung cấp tùy chọn Show Password với trường Password là giải pháp tốt hơn, vừa nhanh chóng vừa hiệu quả. Người dùng có thể nhấp vào tùy chọn và xem mật khẩu họ đang nhập, điều này giúp việc chỉnh sửa tức thì trở nên đơn giản.

Báo hiệu tùy chọn capslock

Người dùng có thể nhập sai mật khẩu nếu không biết phím Caps Lock đang bật hay tắt. Điều này sẽ gây ra lỗi khi mật khẩu đặt của ứng dụng hoặc trang web không khớp khi người dùng đăng nhập. Vì vậy, bạn nên đảm bảo thông báo cho người dùng khi họ nhập mật khẩu vào trường nhập để tránh những lỗi không mong muốn khi sử dụng lại mật khẩu.

Tính nhất quán trong việc sử dụng từ ngữ

Theo Google Trends, trên toàn thế giới, cụm từ phổ biến nhất dường như là “sign in”. Mặc dù “sign in”, “login”, “log in” hay “log on” là những từ đồng nghĩa nhưng “sign in” dường như là thuật ngữ phổ biến nhất. Điều quan trọng từ góc độ UX là bạn chọn cùng một thuật ngữ ở mọi vị trí. Ví dụ: bạn không nên sử dụng “sign in” ở một nơi và “login” ở một nơi khác. Tuy nhiên, nếu sử dụng “sign in”, bạn nên sử dụng “sign out” thay vì “logout”.

Nó có vẻ như là một chi tiết nhỏ nhưng điều quan trọng là phải duy trì tính nhất quán trên toàn bộ trang web hoặc ứng dụng của bạn. Điều này sẽ giúp cho khách truy cập cảm thấy thoải mái hơn và bớt bối rối hơn khi sử dụng sản phẩm của bạn.

Cần phải xác thực đầu vào ngay lập tức

Việc sử dụng xác thực đầu vào trên trang đăng ký và đăng nhập của bạn sẽ cải thiện khả năng sử dụng của chúng. Việc xác thực giúp quá trình đăng ký trở nên dễ dàng hơn, giảm lỗi cũng như nhanh chóng nhận biết và sửa phản hồi khi biết rằng thông tin đầu vào là chính xác. 

Khi đưa ra xác thực hữu ích ngay lập tức, hãy xem xét một số yếu tố quan trọng. Bao gồm một thông báo lỗi hữu ích giải thích sự cố cũng như cách khắc phục và giúp người dùng tạo dựng niềm tin vào sản phẩm của bạn. Và chỉ hiển thị thông báo khi người dùng gần đây đã rời khỏi trường nhập.

Nhưng hãy cân nhắc rằng bạn muốn trợ giúp người dùng nhiều nhất có thể nhưng mọi thứ giúp ích cho người dùng cũng giúp ích cho tin tặc. Ví dụ: Khi mật khẩu và email không khớp nhau, sẽ có lợi hơn cho người dùng khi hiển thị nội dung như “Sai email” hoặc “Sai mật khẩu” vì họ sẽ biết trường nào không chính xác.

Mặt khác, điều này cũng sẽ loại bỏ 50% công việc của hacker vì chúng biết rằng email này có tài khoản trên trang web đó và chỉ cần thay đổi trường mật khẩu. Do đó, thông báo như “Kết hợp không hợp lệ” – “Invalid combination” sẽ được ưu tiên hơn vì nó không cung cấp bất kỳ thông tin nào cho tin tặc nhưng vẫn thông báo cho người dùng về những gì đang xảy ra và lý do người dùng không thể đăng nhập.

Ngoài ra, hãy làm cho quá trình đăng ký trở nên dễ dàng hơn bằng cách chỉ yêu cầu những thông tin cần thiết. Mọi thứ không cần thiết cho việc tạo tài khoản sẽ được đưa vào phần giới thiệu trong ứng dụng, nơi người dùng có thể thêm nhiều thông tin được cá nhân hóa hơn để tùy chỉnh nền tảng theo nhu cầu của mình. Bằng cách này, chúng tôi tránh được việc giảm giá do quy trình quá phức tạp. Bạn không muốn làm người dùng thất vọng với một biểu mẫu dài dòng, tẻ nhạt, nơi họ phải dành nhiều thời gian để chọn những thứ họ không cần.

Theo dõi Cole để đón đọc Hướng dẫn thiết kế trải nghiệm Đăng nhập thành công (Phần 2) cùng các kiến thức hữu ích về lập trình và khoa học dữ liệu khi tham gia khóa học ba online.
>> Xem thêm: Tổng quan về business model canvas trong kinh doanh