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

Business Analyst thời đại AI: Cơ hội, thách thức và kỹ năng cần có để không bị thay thế

Trí tuệ nhân tạo (AI) đang thay đổi mạnh mẽ ngành phát triển phần mềm, ảnh hưởng trực tiếp đến vai trò của Business Analyst (BA). Bài viết phân tích BA cần làm gì để thích nghi, nâng cấp kỹ năng và đón đầu các cơ hội trong thời đại AI.
Prototype sớm - Nghệ thuật hiện thực hóa ý tưởng của BA thông minh

Thời đại AI mở ra cơ hội mới cho BA: biến ý tưởng thành sản phẩm nhanh chóng bằng prototype sớm. Đây là chìa khóa giúp kiểm chứng giá trị, thúc đẩy sáng tạo và khai thác tối đa sức mạnh công nghệ.
10 Thuật ngữ AI ai cũng nên biết

Khám phá 10 thuật ngữ quan trọng nhất trong lĩnh vực trí tuệ nhân tạo (AI) cùng BAC – từ AI, Machine Learning đến Generative AI, Copilot và hơn thế nữa. Bài viết được biên dịch từ nguồn Microsoft, giúp bạn hiểu rõ cách công nghệ này hoạt động và đang thay đổi thế giới. Một tài liệu nhập môn hoàn hảo cho người mới, chuyên viên công nghệ hay bất kỳ ai muốn bắt kịp làn sóng chuyển đổi số.
Học AI từ con số 0: Lộ trình đơn giản cho người mới bắt đầu

Khám phá lộ trình học AI đơn giản cho người mới bắt đầu cùng BAC. Bạn không cần giỏi lập trình để có thể học AI và trở thành chuyên gia. Những kiến thức này hoàn toàn có thể được tiếp thu và ứng dụng thực tế bởi tất cả mọi người.

Bình luận

Lê Anh Tuấn

Chuyên viên HO - Kỹ thuật Ngân hàng số Eximbank

Tôi là nhân sự thuộc Trung tâm Phát triển CNTT – Khối Ngân hàng số, hiện đang đảm nhiệm vai trò kiểm thử phần mềm (tester). Việc tham gia khóa học Business Analyst đã mang lại cho tôi góc nhìn toàn diện và rõ ràng hơn về vai trò của BA trong lĩnh vực ngân hàng.

Khóa học Fundamental Business Analysis tại BAC không chỉ giúp tôi hiểu đúng bản chất công việc BA mà còn hỗ trợ phát triển tư duy nghiệp vụ – từ tiếp cận giải pháp kỹ thuật sang tập trung vào nhu cầu người dùng. Phương pháp giảng dạy kết hợp lý thuyết và thực hành thực tiễn, cùng các hoạt động mô phỏng, thảo luận nhóm đã giúp tôi nâng cao kỹ năng giao tiếp, phân tích và trình bày yêu cầu – những năng lực thiết yếu để phối hợp hiệu quả giữa các bên trong dự án công nghệ.

Xem chi tiết +
Huỳnh Cao Cường

Nhân viên HO - Kỹ thuật Ngân hàng số Eximbank

Tôi hiện đang công tác tại Trung tâm Phát triển CNTT – Khối CNTT, với vai trò là nhân sự chức năng phụ trách mảng Ngân hàng số, chuyên sâu về kiểm thử phần mềm (Tester). Trước khi tham gia khóa học Fundamental Business Analysis do BAC tổ chức, tôi từng hình dung BA chỉ đơn thuần là cầu nối giữa bộ phận kỹ thuật và nghiệp vụ.

Tuy nhiên, quá trình học đã giúp tôi nhận thức rõ hơn về bản chất và tầm quan trọng của vị trí này. BA không chỉ kết nối các bên liên quan, mà còn giữ vai trò định hình yêu cầu, đảm bảo giải pháp được thiết kế đúng mục tiêu và sát với nhu cầu thực tế. Khóa học đã trang bị cho tôi tư duy phân tích bài bản, khả năng diễn đạt yêu cầu rõ ràng, và kỹ năng phối hợp hiệu quả trong môi trường dự án đa chiều.

Với nền tảng công nghệ thông tin sẵn có, khóa học là bước chuyển hướng quan trọng giúp tôi phát triển tư duy nghiệp vụ vững chắc và sẵn sàng theo đuổi lộ trình nghề nghiệp chuyên sâu trong lĩnh vực Business Analysis tại Eximbank.

Xem chi tiết +
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 +

Professional Transfer Services in Batumi

Luxury Georgian Transfer Services – Tbilisi & Batumi

Airport Transfers in Georgia

Business Analyst thời đại AI: Cơ hội, thách thức và kỹ năng cần có để không bị thay thế

Prototype sớm - Nghệ thuật hiện thực hóa ý tưởng của BA thông minh

10 Thuật ngữ AI ai cũng nên biết

Học AI từ con số 0: Lộ trình đơn giản cho người mới bắt đầu

CÔNG TY CỔ PHẦN ĐÀO TẠO VÀ TƯ VẤN BAC