Apr 13, 2022

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

Tiếp tục với bài viết Hướng dẫn thiết kế trải nghiệm Đăng nhập thành công (Phần 1), trong phần này, chúng ta sẽ tiếp tục với 3 điều lưu ý còn lại cùng với những ví dụ thực tế. Để không bỏ lỡ những kiến thức quan trọng, bạn hãy xem lại phần đầu tiên của bài viết ngay dưới đây.

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

5. Nhiều phương thức đăng nhập mang lại sự linh hoạt

Không có một kích thước phù hợp với tất cả các phương pháp tiếp cận mà nền tảng của bạn nên cung cấp. Tốt nhất nên cung cấp thêm một hoặc hai phương pháp (bên cạnh tên người dùng + mật khẩu) để người dùng có tùy chọn, phòng trường hợp quên mật khẩu. Đây có thể là thông tin đăng nhập dựa trên số điện thoại, sinh trắc học hoặc các thông tin đăng nhập xã hội phổ biến nhất như Google, Twitter, LinkedIn hoặc Facebook. Nếu bạn đang xem xét đăng nhập xã hội, hãy thêm các tùy chọn phổ biến và an toàn nhất cho nền tảng của bạn.

Một lời cảnh báo - việc thêm nhiều phương pháp làm lộn xộn trang và do đó có thể làm giảm ý định đăng nhập! Giới hạn các tùy chọn bổ sung ở 2 hoặc 3 phương pháp.

Tối ưu hóa cho các tùy chọn được sử dụng nhiều nhất và tách biệt rõ ràng các tùy chọn chính và phụ. Các tùy chọn này thường được chứng minh là những lựa chọn thay thế tuyệt vời cho việc cần đặt lại mật khẩu (trong trường hợp người dùng quên mật khẩu). Hiển thị thông minh các tùy chọn và cá nhân hóa bất cứ khi nào có thể. Ví dụ: Nếu người dùng đến qua email, việc cung cấp thông tin đăng nhập với tùy chọn liên kết một lần có thể hữu ích.

Thêm ví dụ về biểu mẫu đăng nhập Medium ở đây - trong khi nó rõ ràng và được thiết kế tốt, nhưng lại có quá nhiều phương thức đăng nhập.

Các phương pháp không cần mật khẩu đang nhanh chóng trở nên phổ biến. Xác thực dựa trên số điện thoại là tiêu chuẩn, đặc biệt là đối với các ứng dụng trong khu vực địa lý chỉ dành cho thiết bị di động. Vân tay và Face ID đang xuất hiện ở nhiều nơi, tạo ra các luồng xác thực liền mạch và an toàn. Tìm những gì tốt nhất cho nền tảng của bạn (và khả thi để xây dựng) và sử dụng nó như một tùy chọn chính!

6. Biết rằng đăng nhập là thời điểm nhạy cảm với sự tin cậy

Đăng nhập liên quan đến việc người dùng nhập dữ liệu cá nhân nhạy cảm như email, mật khẩu và số điện thoại - đó là thời điểm nhạy cảm đáng tin cậy xác định mối quan hệ của họ với nền tảng của bạn!

Biểu mẫu đăng nhập phải đại diện cho thương hiệu của bạn và mọi thay đổi về hình ảnh phải được thực hiện từ từ - vì hình ảnh thay đổi hoàn toàn có thể dẫn đến sự thiếu tin cậy.

Đăng nhập cũng phải là một sự cân bằng của ma sát (hữu ích) - đủ để ngăn những kẻ xấu ra khỏi hệ thống!

Mặc dù việc giảm thiểu rắc rối đối với người dùng thông thường là quan trọng, nhưng việc xác thực bổ sung có thể trở nên quan trọng nếu chúng tôi nghi ngờ rằng người dùng đó có thể là hacker. Đây có thể là cơ hội tốt để nhắc nhở người dùng về các biện pháp có thể thực hiện để tăng cường bảo mật cho tài khoản của họ - ví dụ: mật khẩu mạnh, xác thực 2 yếu tố, v.v.

7. Tìm ra manh mối và xác định kiểu người dùng của bạn

Tôi đã nói điều này trước đây, nhưng thực hiện một chút công việc thám tử để nhận biết người dùng sẽ giúp tăng ý định đăng nhập!

Đăng nhập là một trong những trải nghiệm mà tính cách người dùng (user persona) của bạn theo nghĩa đen có thể bao trùm tất cả- Mọi người trên nền tảng của bạn và dưới ánh mặt trời đều có thể có tài khoản trên dịch vụ của bạn! Nếu có thể, hãy thu hẹp tính cách của bạn.

Trong trường hợp không thể thực hiện được, như của tôi, (tôi thiết kế cho một nền tảng truyền thông xã hội), bạn có thể thử các tùy chọn sau:

Phễu đăng nhập (Login funnel) - làm việc với các PM để tìm ra các giai đoạn quan trọng nơi người dùng tương tác và rời khỏi trong quá trình đăng nhập.
Điểm nhập đăng nhập (Login entry points) - người dùng có đến trang đăng nhập của bạn qua email không? Qua kết quả của công cụ tìm kiếm? Trong khi họ đang ở trong luồng trải nghiệm khách? Trong một ứng dụng? Bạn có thể làm việc với các gợi ý từ các điểm nhập này và hiển thị tập hợp các tùy chọn phù hợp nhất cho người dùng của bạn.
Các thiết bị đã biết (Known devices) - điện thoại, trình duyệt và các thiết bị đã biết có thể giúp mang lại trải nghiệm thân thiện, được cá nhân hóa cho người dùng
Nhóm người dùng (User cohorts) - cách khác để phân tách người dùng như web / thiết bị di động, nhóm tuổi và khu vực địa lý cũng có thể hữu ích.

Vì người dùng chưa đăng nhập, việc sử dụng các manh mối này có thể làm tăng ý định. Thực hiện các bước nhỏ để nhận biết và làm mọi thứ dễ dàng hơn cho người dùng của bạn có thể giúp bạn tăng một chặng đường dài hướng tới việc tăng khả năng đăng nhập thành công! Điều này sẽ dẫn đến nhiều người dùng tích cực hơn cho nền tảng của bạn và mọi người đều chiến thắng! :)

Thực hành với các ví dụ:

Tổng hợp các khoảnh khắc được đăng nhập yêu thích từ khắp các web:

Google vượt trội hơn định dạng số nhận dạng đầu tiên - là một đăng nhập nhiều giai đoạn bằng email và mật khẩu trong các bước khác nhau. Định dạng này có một số lợi thế về bảo mật cho Google và cũng có thể cho phép họ cung cấp các tùy chọn được cá nhân hóa cho người dùng trong các bước tiếp theo. Nó cũng tối giản, toàn màu trắng và rất tập trung.

Trải nghiệm đơn giản, tập trung vào người dùng phổ thông cho phép người dùng nhập số điện thoại của họ và tiến hành các bước tiếp theo.

Facebook có một số tùy chọn mà họ thử nghiệm và AB test - cái này là một ví dụ về biểu mẫu đăng nhập được căn chỉnh bên phải thực hiện rất tốt việc tập trung. Khoảng trống bên trái đã được sử dụng để tạo ra một khoảnh khắc thương hiệu tích cực - nhìn chung là một điều hay!

Pinterest tạo ra một biểu mẫu lớp phủ căn giữa đơn giản với các trường đầu vào chất lượng - luôn mời gọi người dùng! Nó hiển thị nút chính đăng nhập nổi bật với màu đỏ thu hút sự chú ý và một số tùy chọn đăng nhập xã hội bổ sung.

Mặc dù nó làm được nhiều điều đúng đắn, nhưng biểu mẫu đăng nhập của Airbnb có vẻ như rất nhiều công việc - có thể là do thông tin đăng nhập chính dựa trên điện thoại hoặc số lượng lớn các tùy chọn đăng nhập phụ có thể gây ra gánh nặng cho người dùng về trí nhớ ngắn hạn khi có quá nhiều thông tin hay các task phải làm.

LinkedIn đã làm rất tốt việc giữ cho biểu mẫu đăng nhập đơn giản, tập trung và căn giữa, với một nút đăng nhập chính lớn.

Trang đăng nhập Dropbox - hình minh họa rất tuyệt, nhưng nó có màu sắc tương tự như các nút giao diện người dùng trên trang - một ví dụ về cách các yếu tố bổ sung có thể dẫn đến sự chú ý phân tán.

Hơi cũ trong thiết kế trực quan, biểu mẫu đăng nhập của Amazon là một ví dụ tuyệt vời về việc quản lý sự chú ý của người dùng - Nút tiếp tục lớn màu vàng và không gây phiền nhiễu trên trang làm cho tác vụ có vẻ đơn giản và nhanh chóng.

Có lẽ không phải là một ý kiến hay khi đặt quảng cáo trên trang đăng nhập của bạn - nhưng Yahoo có một biểu mẫu đăng nhập đầu tiên bằng số nhận dạng tiện lợi với một số chức năng thông minh được tích hợp giúp giảm thiểu việc nhập liệu. (tham khảo hình ảnh tiếp theo)

Form đăng nhập của Figma được căn giữa trong một lớp phủ, đăng nhập bằng Google được hiển thị nổi bật.

Nguồn tham khảo:
https://medium.muz.li/

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.

CÁC KHOÁ HỌC BUSINESS ANALYST BACs.VN DÀNH CHO BẠN

Khoá học Online:

Khoá học Offline:

Tại Tp.HCM:

Tại Hà Nội:

Tham khảo lịch khai giảng TẤT CẢ các khóa học mới nhất

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 +