Cole.edu.vn
Cole Logo
Trang chủ Cộng đồng
Kiến thức
  • Data Engineer
  • AI Engineer
  • IT Business Analyst
  • Data Science & BI
  • Product Manager
Ebook Chứng chỉ
DX & AI Hub
DX & AI Hub

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

Trọng Nhân

Bạn cần phải tạo trải nghiệm hấp dẫn và dễ tiếp cận cho người dùng của mình trong suốt quá trình onboard của họ. Nếu họ gặp vấn đề, bạn phải hướng dẫn họ thực hiện quy trình. Bạn sẽ thành công nếu tạo được quy trình đăng nhập và đăng ký thân thiện với người dùng cũng như minh bạch về quy trình đăng ký và đăng nhập của bạn. Dưới đây sẽ là hướng dẫn thiết kế trải nghiệm Đăng nhập thành công (Phần 2) của Cole.

Người dùng cần biết yêu cầu về mật khẩu

Đừng bao giờ cho rằng người dùng biết các quy tắc mật khẩu mạnh. Yêu cầu mật khẩu gần trường nhập để người dùng có thể nhìn thấy chúng. Không ẩn các yêu cầu mật khẩu trong chế độ xem mặc định; chỉ hiển thị chúng khi người dùng nhập mật khẩu yếu. Ngoài việc lãng phí thời gian của người dùng, điều này còn làm giảm lòng tin của họ đối với sản phẩm của bạn.

Tham khảo trang đăng nhập Airbnb
Tham khảo trang đăng nhập Airbnb     

Các button phải liên quan đến hành động được thực hiện

Nếu có nhiều sign-up options, hãy đảm bảo button chỉ rõ tùy chọn nào người dùng chọn. Điều này sẽ loại bỏ sự nhầm lẫn và giúp người dùng thực hiện quá trình đăng ký nhanh hơn. Ví dụ: giả sử bạn có hai gói khác nhau: gói cơ bản và gói chuyên nghiệp. Nếu bạn có hai tùy chọn đăng ký, một cho gói cơ bản và một cho gói chuyên nghiệp, hãy đảm bảo rằng bạn chỉ ra rõ ràng tùy chọn nào mà người dùng chọn.

Tham khảo trang đăng nhập AWWWARDS
Tham khảo trang đăng nhập AWWWARDS

Chuyển đổi giữa chế độ đăng nhập và đăng ký

Bạn muốn users biết nơi cần đến nếu họ muốn sign-up hay log in vào trang web của bạn. Thật không thú vị nếu người dùng không thể tìm thấy nút đăng ký hoặc đăng nhập trên trang web.

Bạn có thể sử dụng màu sắc, layout hay các cách trình bày khác nhau để làm nổi bật hai trường này. 

Tham khảo 2 chế độ đăng nhập và đăng ký của Toggle
Tham khảo 2 chế độ đăng nhập và đăng ký của Toggle

Thay vì sử dụng tên người dùng, hãy sử dụng email

Yêu cầu người dùng của bạn đăng ký bằng địa chỉ email hoặc số điện thoại của họ thay vì usernames. Người dùng đôi khi phải từ bỏ việc chọn usernames duy nhất nếu tên họ chọn đã khả dụng, khiến việc nhớ usernames cho nhiều trang web trở nên khó khăn. Tốt hơn là nên hỏi chi tiết đăng ký thay vì usernames của người dùng để tránh cho họ gặp rắc rối khi nghĩ và ghi nhớ usernames, giúp quá trình đăng nhập đơn giản hơn nhiều.

Điều này cũng sẽ cung cấp cho bạn một cách để liên hệ với người dùng nếu cần, điều này có thể rất hữu ích cho công ty của bạn:

  1. Mục đích tiếp thị: Nếu bạn muốn gửi tin nhắn hoặc thậm chí là một campaign.
  2. Customer service và support team: Nếu bạn nhận thấy người dùng không tương tác với sản phẩm của mình, bạn có điểm chạm thứ hai để liên lạc trực tiếp với người dùng và cố gắng thu hút họ trở lại.
Tham khảo trang đăng nhập LinkedIn
Tham khảo trang đăng nhập LinkedIn

Cho phép khôi phục mật khẩu dễ dàng

Điều cần thiết là phải cung cấp quy trình khôi phục mật khẩu dễ dàng. Người dùng chắc chắn sẽ quên mật khẩu hoặc bị hack và bạn muốn giúp họ dễ dàng khôi phục tài khoản của mình. Bạn có thể thực hiện việc này bằng cách cho phép người dùng đặt lại mật khẩu qua email, cung cấp cho họ tùy chọn thêm số điện thoại dự phòng hoặc câu hỏi bảo mật hoặc cho phép họ sử dụng tài khoản đáng tin cậy.

Tham khảo trang đăng nhập Dropbox
Tham khảo trang đăng nhập Dropbox

Chia nhỏ quá trình đăng ký

Người dùng có thể quản lý nhiều dữ liệu hiệu quả hơn với multi-step form. Họ có thể tập trung vào một loại dữ liệu cụ thể tại một thời điểm.

Hầu hết các trang web đều yêu cầu người dùng tạo tài khoản trước khi sử dụng. Khi thiết kế sign-up form, bạn có thể chia quy trình đăng ký thành các bước khác nhau để giúp người dùng mới thực hiện dễ dàng và ít nhầm lẫn hơn.

Bạn có thể muốn chia quá trình đăng ký thành ba bước:

  • Bước đầu tiên có thể là nhập thông tin chi tiết của người dùng.
  • Bước thứ hai có thể là chọn username.
  • Bước thứ ba có thể là nhập mật khẩu của người dùng.

Việc chia nhỏ quy trình đăng ký sẽ giúp người dùng mới đăng ký trang web của bạn dễ dàng hơn và hiểu các bước khác nhau có liên quan.

Đừng quên rằng việc thiết kế multi-step form là rất quan trọng trong việc làm cho biểu mẫu trở nên thân thiện với người dùng. Đảm bảo rằng các bước có tên phù hợp để người dùng có thể dễ dàng chuyển giữa các bước và người dùng có thể xem bản tóm tắt dữ liệu trước khi gửi biểu mẫu.

Tham khảo trang đăng nhập Uber
Tham khảo trang đăng nhập Uber

Điều này cũng sẽ mang lại cho người dùng cảm giác hoàn thành vì chúng ta muốn hoàn thành các nhiệm vụ và thấy rằng chúng ta đang tiến gần đến mục đích cuối cùng của một điều gì đó. Một ví dụ về phương thức này là thông báo “cảm ơn” ở cuối quy trình để người dùng cảm thấy nỗ lực của mình được đánh giá cao.

Cung cấp tùy chọn remember me

Tùy chọn Remember Me giúp người dùng dễ dàng bày tỏ liệu họ có muốn trang web ghi nhớ thông tin đăng nhập khi quay lại hay không. Họ có thể bỏ chọn hộp này nếu không muốn trang web ghi nhớ địa chỉ email của họ, do đó giúp người khác đoán mật khẩu của họ dễ dàng hơn.

Có hai cách để làm điều này:

  • Users có thể chọn tùy chọn remember me trong quá trình đăng ký và địa chỉ email của họ sẽ được lưu lại để họ không phải nhập lại vào lần đăng nhập tiếp theo.
  • Người dùng có thể chọn tùy chọn ghi nhớ địa chỉ email của mình sau khi đăng nhập. Nó sẽ lưu địa chỉ email của họ nên họ không cần phải ghi nhớ.
Tham khảo trang đăng nhập Mailchimp
Tham khảo trang đăng nhập Mailchimp

Bài viết này đã cung cấp cho bạn các phương pháp hay nhất để thiết kế sign-up và login page. Nhưng bạn luôn cần chú ý để phù hợp với nhu cầu của mình dựa trên đối tượng và mục tiêu dự án. Bạn càng nỗ lực nhiều hơn trong các sign-up và login page thì người dùng càng có nhiều khả năng cảm thấy có động lực để đăng ký và đăng nhập. Theo dõi Cole và khóa học về business analyst để sở hữu thêm nhiều kiến thức hữu ích về lập trình và khoa học dữ liệu.

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

Bài liên quan

// tiến độ đọc
Tiến độ đọc
0%

// Mục Lục

// Chia sẻ
Facebook
Twitter
LinkedIn
Reddit
Threads
WhatsApp
Email
// Khóa học Liên quan
Khóa học
Khóa Học Python for Data Analysis – Hướng Dẫn Cho Người Mới
Khóa học
Khóa học Data Analyst SQL – Hành Trang Cho Sự Nghiệp Dữ Liệu
Khóa học
Khóa Học Phân Tích Dữ Liệu với R – Từ Cơ Bản Đến Nâng Cao
Khóa học
Khóa Học Business Intelligence – Làm Chủ Dữ Liệu Và Báo Cáo
Khóa học
Khóa Học Chuyển Đổi Số – Giải Pháp Cho CEO Tái Cấu Trúc
Khóa học
Khóa Học Quantitative Trading – Làm Chủ Dữ Liệu Tài Chính AI
Khóa học
Khóa Học AI Ứng Dụng Và No Code – Cho Người Đi Làm Thời 4.0
Khóa học
Khóa học Master Data Governance – Nâng tầm Quản Trị Dữ Liệu
Footer Cole.vn
Cole Logo

Nền tảng đào tạo công nghệ ứng dụng thực chiến cho người đi làm tại Việt Nam.

Công ty TNHH Edtech Cole
Tầng 3, số 8 Phan Văn Trường, Cầu Giấy, Hà Nội
VPĐD: Imperia 203 Nguyễn Huy Tưởng, Thanh Xuân
ĐKKD: 0109007268 (29/11/2019)
GP đào tạo: 1760 - QĐ/SGDĐT Hà Nội

Hotline: 0869 810 635 - 0862 085 989
( Giờ hỗ trợ: sáng 8h30 - 12h, chiều: 1h30 - 6h)

Email: contact@cole.vn
Trang tin chính thức: https://cole.vn

  • Khóa học

  • Data Engineer
  • AI Engineer
  • IT Business Analyst
  • Data Science / ML
  • Auto Trading
  • AI Automation & n8n
  • Product Software Engineer
  • Về Cole

  • Giới thiệu
  • Chính sách & điều khoản
  • Đào tạo doanh nghiệp
  • Hợp tác tuyển dụng

© 2019 - 2026 Cole.vn

Bản quyền thuộc về Công ty TNHH Edtech Cole, giấy phép ĐKKD số 0109007268 - Do SKHĐT TPHN cấp ngày 29/11/2019.

Giấy phép đào tạo số 1760 - QĐ/SGDĐT Thành Phố Hà Nội

Cookies

Cole Blog dùng cookies để cải thiện trải nghiệm và đo lường nội dung.