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)
Nguồn tham khảo:
https://medium.muz.li/
Nhu cầu đào tạo doanh nghiệp
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