Apr 07, 2022

Thiết kế giao diện đăng nhập thân thiện với người dùng

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:

Các bài viết liên quan:

TABLEAU - Giải pháp BUSINESS INTELLIGENCE (BI) - click vào đây
Hướng dẫn cài đặt và Sử dụng TABLEAU - click vào đây
Tính năng mới trên tableau - verion 2019.1 - click vào đây

Ban biên tập nội dung - BAC

Click để đọc tiếp

Các Business Analyst cần trau dồi những công nghệ gì trong năm 2025

Đối với sự phát triển nhanh chóng của công nghệ ngày này, việc không ngừng trau dồi và học hỏi là điều bắt buộc mà các Business Analyst phải làm để phát triển hơn trong lĩnh vực phân tích nghiệp vụ. Trong bài viết này, các bạn hãy cùng BAC tìm hiểu các xu hướng và các kỹ năng mới để làm hành trang trên sự nghiệp Business Analyst nhé!
Sự khác biệt giữa UAT và Usability Testing Business Analyst cần lưu ý

UAT và Usability Testing thường được mang lên bàn cân để so sánh nhưng, đây là 2 phương pháp kiểm thử khác nhau. Trong khi Usability Testing đảm bảo sự hài lòng của người dùng thì UAT lại giúp các Business Analyst xác thực chức năng. Cả hai đều là một phần không thể thiếu để cung cấp một sản phẩm chất lượng cao. Hãy cùng BAC tìm hiểu ngay nhé!
API là gì? Khám phá cầu nối giữa các ứng dụng

API là nền tảng quan trọng kết nối các ứng dụng và dịch vụ trong kỷ nguyên số, tạo ra sự linh hoạt, hiệu quả và mở rộng cho các hệ thống. Bài viết sau giới thiệu API, cách hoạt động, các kiểu kiến trúc phổ biến cùng các công cụ kiểm thử API như Postman.
Meta AI là gì và cách sử dụng Meta AI hiệu quả 2025

Meta AI là một công cụ Trí Tuệ Nhân Tạo do chính công ty mẹ của Facebook, Instagram, WhatsApp ra mắt. Đây được xem là một cuộc cách mạng sẽ làm thay đổi cách mà các doanh nghiệp và người dùng sử dụng mạng xã hội.

Bình luận

Nguyễn Thị Mai Bình

Business Analyst

Với một người ngoại đạo như mình thì những chuyên đề về "kỹ thuật" của BA hết sức quan trọng. Ví dụ như sử dụng các diagram để mô hình hóa requirement, viết User Story/Use case, v...v..

Đến với khóa học Fundamental Business Analysis, mình đã được gặp thầy Lộc, một người người rất nhiệt tình và có tâm. Ngoài việc chia sẻ các kinh nghiệm thực tế trên lớp thì thầy còn dành thời gian ra để tư vấn, hỗ trợ, góp ý CV cho mình. Bên cạnh đó trung tâm và anh Phụng cũng hỗ trợ gửi CV, kết nối học viên tới mạng lưới các công ty đối tác chất lượng, điều này giúp học viên như mình tìm được công việc phù hợp nhất. Cảm ơn BAC.
Xem chi tiết +
Phạm Quế

Business Analyst

Khoá học Product Design của BAC đã cung cấp cho tôi nhiều kiến thức và nền tảng vô cùng hữu ích. Giảng viên giảng dạy rất nhiệt tình, truyền cho chúng tôi ngọn lửa đam mê và nhiệt huyết trong ngành. Đồng thời chia sẻ các kiến thức và kỹ năng cần thiết trong bài giảng một cách dễ hiểu hơn. Số lượng học viên không quá nhiều nên chất lượng giảng giạy vô cùng tốt. Giảng viên sửa bài tập 1-1 nên bài giảng sẽ chuyên sâu hơn.
Xem chi tiết +
Nguyễn Văn Long

Chuyên viên về chế độ kế toán & Giải pháp nghiệp vụ Tài chính kế toán trong ứng dụng CNTT - Tập đoàn Điện lực Việt Nam (EVN)

Tôi đã tham gia khóa Phân tích nghiệp vụ phần mềm cơ bản 3.0 tại BAC. Ở đây, tài liệu đào tạo cung cấp nhiều nội dung bổ ích và trình bày dễ hiểu. Giảng viên rất nhiệt tình, ngoài nội dung giảng dạy theo giáo trình còn chia sẻ nhiều kinh nghiệm thực tiễn, các câu hỏi của học viên đều được giải đáp ngay trên lớp và có minh họa từ các dự án trong thực tế. Sau tất cả, tôi cảm ơn BAC và Thầy giáo Thái Sơn.
Xem chi tiết +