Quy trình thiết lập và xác thực người dùng là một trong những hành trình phổ biến nhất của người dùng, đồng thời thường là hành trình bị bỏ dở và gây khó chịu nhất cho người dùng. Đây là ấn tượng đầu tiên của người dùng về ứng dụng của bạn, vì vậy, bạn phải tạo ra một trải nghiệm thân thiện, thuận tiện và đáng tin cậy. Cho dù bạn đang thiết kế cho quy trình đăng nhập, đăng ký người dùng hay hướng dẫn làm quen, hướng dẫn sau đây sẽ giúp bạn tạo ra trải nghiệm lý tưởng.
Những điểm cần nhớ
- Tạo trải nghiệm làm quen tuyệt vời.
- Sử dụng các thư viện có sẵn, chẳng hạn như khoá truy cập, để tăng độ tin cậy, sự quen thuộc và tính thuận tiện cho người dùng.
- Chỉ thu thập thông tin quan trọng của người dùng.
- Sử dụng ngôn từ rõ ràng và hữu ích.
- Sắp xếp và giải thích giá trị của các tính năng cũng như lý do cần có quyền.
Bắt đầu
Thu thập: Hãy nghĩ về những gì người dùng cần thiết lập, tìm hiểu và uỷ quyền.
Trong ứng dụng so với trước khi mở ứng dụng: Tách mọi thứ thành những việc cần hoàn thành trước khi sử dụng ứng dụng so với trong khi sử dụng ứng dụng. Tránh tạo cảm giác gây phiền phức cho người dùng khi bắt đầu tương tác với nội dung của ứng dụng. Cân nhắc xem nội dung và hoạt động tương tác đó phù hợp hơn với vai trò là một câu lệnh hay một khoảnh khắc giáo dục.
Đối với các phần tử trong ngữ cảnh, hãy cung cấp nội dung giải thích và hành động (nếu có).
Đối với các bước và thông tin hướng dẫn quan trọng cần hoàn tất trước khi sử dụng ứng dụng, hãy sắp xếp thành các bước hợp lý. Thông thường, bạn sẽ cần cho thấy giá trị của ứng dụng trước khi yêu cầu cấp quyền truy cập vào thiết bị hoặc tạo tài khoản. Luôn theo dõi đề xuất giá trị bằng hành động.
Nếu ứng dụng của bạn yêu cầu một loại tài khoản nào đó, hãy quyết định phương thức xác thực. Khoá truy cập có thể giảm bớt những lo ngại và khó khăn của người dùng trong việc quản lý tài khoản.
Cung cấp phương thức khôi phục.
Cho người dùng thấy tiến trình của họ. Bạn có thể sử dụng các thành phần như bộ tăng bước, bộ phân trang hoặc chỉ báo tiến trình.
Hành trình của người dùng
Quy trình tham gia đặc biệt tạo cảm giác hoàn thành và có cá tính riêng biệt. Điều này giúp người dùng tìm được cách thiết lập trải nghiệm, cấp quyền và cảm nhận tiến trình của họ thông qua các mẫu chỉ dẫn rõ ràng, đồng thời tương tác với thương hiệu và các khái niệm của ứng dụng.
Vị trí điểm truy cập
Vị trí chào mừng tải trước tất cả thông tin hướng dẫn cho người dùng và chế độ thiết lập ứng dụng. Phương pháp này phù hợp khi ứng dụng của bạn yêu cầu người dùng đăng ký để truy cập vào nội dung, khi không thể xem trước nội dung hoặc khi không phù hợp với việc học tập trong bối cảnh. Ưu điểm chính là người dùng biết ngay cách sử dụng ứng dụng và có thể truy cập đầy đủ sớm hơn. Tuy nhiên, một nhược điểm đáng kể là nguy cơ mất người dùng trước khi họ trải nghiệm ứng dụng cao hơn, mặc dù bạn có thể giảm thiểu điều này bằng cách cung cấp thông tin ban đầu về nội dung như trong hình ảnh sau.
Quy trình giới thiệu theo bối cảnh hoặc quy trình giới thiệu trong ứng dụng ngay khi cần giúp tăng tính linh hoạt về nhận biết nội dung, đăng ký và học tập. Điều này cho phép các mẫu như chuẩn bị cấp quyền, trong đó các yêu cầu được đưa ra vào thời điểm cụ thể cần có quyền. Bạn nên sử dụng cách này khi muốn cung cấp bản xem trước để thu hút người dùng đăng ký hoặc khi muốn chia quá trình đăng ký và hướng dẫn thành các bước nhỏ hơn, dễ nhớ và dễ quản lý hơn. Điều này cũng giúp người dùng học hỏi trong khi thực hiện và tăng cơ hội giữ chân người dùng.
Đăng ký / Đăng nhập
Quy trình đăng ký hoặc đăng nhập giúp người dùng tạo tài khoản cho ứng dụng của bạn. Hãy cân nhắc xem ứng dụng của bạn có cần người dùng đăng ký trước khi sử dụng hay không, hoặc liệu họ có thể truy cập vào một cấp độ nội dung và tính năng nhất định hay không.
Để tối ưu hoá quy trình đăng ký, hãy chỉ thu thập thông tin tối thiểu cần thiết ngay từ đầu, chẳng hạn như email và mật khẩu, hoặc kết hợp các bước để giảm sự phiền toái. Chỉ thu thập những thuộc tính thiết yếu như tên người dùng để xác minh sẽ giúp người dùng không bị choáng ngợp với nhiều lựa chọn. Đối với các quy trình dài hơn, hãy chia thành nhiều màn hình, nhưng đừng làm quá mức khi chỉ có một đầu vào trên mỗi màn hình. Đảm bảo các yêu cầu về mật khẩu rõ ràng và hợp lý.
Đăng nhập
Người dùng cũ cần có cách để đăng nhập lại vào tài khoản của họ. Quá trình đăng nhập phải diễn ra nhanh chóng và không gây phiền toái. Nếu ứng dụng của bạn chỉ yêu cầu xác thực cho tài khoản, hãy cân nhắc kết hợp quy trình đăng ký và đăng nhập thông qua một phương thức đăng nhập một lần.
Hành trình đăng nhập hiệu quả cần ưu tiên sự thuận tiện cho người dùng bằng cách triển khai các mẫu xác thực hiện đại. Điều này bao gồm việc cung cấp lời nhắc sinh trắc học và khả năng tự động điền để giảm tải nhận thức và yêu cầu nhập dữ liệu theo cách thủ công từ người dùng.
Hướng dẫn tham gia và tuỳ chỉnh
Trước khi triển khai hướng dẫn đầy đủ, hãy đánh giá kỹ xem ứng dụng của bạn có thực sự cần hướng dẫn hay không. Thông thường, bạn có thể giới thiệu các tính năng phức tạp một cách tự nhiên hơn thông qua các tín hiệu chuyển động tinh tế hoặc chú thích trong ngữ cảnh mà không làm gián đoạn luồng ban đầu của người dùng.
Nếu cần có quyền truy cập thiết bị, hãy sử dụng "thông báo giải thích quyền" để giải thích giá trị của quyền truy cập được yêu cầu. Cách này hiệu quả nhất khi được thực hiện vào thời điểm cụ thể cần thiết thay vì yêu cầu hàng loạt khi bắt đầu trải nghiệm ứng dụng.
Nên
Không nên
Khi giới thiệu các tính năng của ứng dụng để thu hút người dùng đăng ký, hãy cân nhắc xem bản xem trước nội dung thực tế có sức thuyết phục hơn so với một loạt các trang trình bày tĩnh xen kẽ hay không. Nếu bạn sử dụng hướng dẫn, hãy luôn đảm bảo có một lựa chọn rõ ràng và liên tục để bỏ qua hoặc đăng nhập ngay lập tức.
Cung cấp cách bỏ qua và tiếp tục sau, chẳng hạn như lưu vào bộ nhớ đệm tiến trình. Việc cung cấp cách lưu sẽ tạo ra một điểm kiểm tra, nhờ đó, người dùng có nhiều khả năng tiếp tục từ nơi họ dừng lại thay vì bỏ ngang. Luôn thông báo rõ ràng cho người dùng về mọi tiến trình để trấn an họ.
Việc sử dụng các chỉ báo tiến trình và bộ tăng bước để đưa ra chỉ dẫn trực quan giúp đặt ra kỳ vọng cho người dùng. Những phần tử này giúp người dùng biết rõ còn bao nhiêu bước nữa, từ đó giảm tỷ lệ bỏ dở trong các quy trình thiết lập hoặc giới thiệu dài hơn.
Nên
Không nên
Khôi phục
Quy trình khôi phục cần được thiết kế sao cho thấu hiểu và tôn trọng quyền riêng tư của người dùng. Đừng bao giờ chỉ giả định một quy trình suôn sẻ trong bất kỳ quy trình nào của tài khoản. Đảm bảo rằng người dùng có các bước rõ ràng để khắc phục lỗi mà không gặp khó khăn.
Nên
Không nên
Nếu ứng dụng của bạn yêu cầu một tên người dùng cụ thể, hãy cung cấp các phương thức để giúp họ dễ dàng nhớ hoặc đặt lại tên người dùng.
Nên
Không nên
Mặc dù việc điền sẵn một số trường như địa chỉ email có thể thuận tiện trong quá trình đăng ký, nhưng bạn không bao giờ được điền sẵn thông tin nhạy cảm như mật khẩu trong quá trình truy xuất hoặc đặt lại. Luôn mặc định che dữ liệu đầu vào nhạy cảm để bảo vệ quyền riêng tư của người dùng ở nơi công cộng.
SSO / Khoá truy cập
Việc tích hợp với các thư viện đã thiết lập như Khoá truy cập và nhà cung cấp dịch vụ Đăng nhập một lần (SSO) giúp tăng cường niềm tin và mang lại trải nghiệm liền mạch, quen thuộc. Những hệ thống này cho phép người dùng tận dụng phần cứng bảo mật và thông tin đăng nhập hiện có để dễ dàng truy cập vào ứng dụng của bạn.
Bố cục và thành phần
Khi thiết kế biểu mẫu xác thực, bạn cần sử dụng tính năng ngăn chặn bằng cách nhóm các mục tương tự và có liên quan với nhau, chẳng hạn như đặt các trường "họ" và "tên" ở gần nhau. Việc này giúp thiết kế các bố cục linh hoạt có thể sắp xếp lại.
Tránh tạo các biểu mẫu dài, có thể cuộn vì đây là một nguyên nhân chính khiến người dùng cảm thấy khó chịu.
Trước khi thêm bất kỳ trường nhập dữ liệu nào, hãy đánh giá kỹ xem thông tin đó có thực sự cần thiết hay không. Nếu người dùng vô tình thoát khỏi một biểu mẫu dài, việc yêu cầu họ nhập lại thông tin đầy đủ có thể dẫn đến tỷ lệ bỏ dở cao.
Nên
Không nên
Bố cục mở rộng
Khi điều chỉnh bố cục cho chế độ xem mở rộng hoặc chế độ xem ngang, nhà thiết kế phải đảm bảo rằng giao diện người dùng vẫn hữu ích và đẹp mắt. Cụ thể, hãy tránh kéo giãn các thành phần tương tác như nút trên toàn bộ chiều rộng màn hình, vì điều này có thể trông không tự nhiên và làm giảm khả năng sử dụng.
Thay vào đó, hãy tiếp tục sử dụng các nguyên tắc tạo vách ngăn, đặt chiều rộng tối đa hợp lý cho các phần tử biểu mẫu và khối nội dung để duy trì khả năng đọc và cân bằng thị giác trên các màn hình lớn hơn.
Không nên
Thành phần hướng dẫn người dùng
Khi giới thiệu các tính năng mới và hướng dẫn người dùng làm quen, bạn có thể sử dụng nhiều thành phần. Chú thích và hộp thoại đa dạng có thể giúp làm nổi bật tính năng khám phá và hướng dẫn người dùng trong ứng dụng của bạn. Trang tính có thể cung cấp trạng thái xen kẽ để trình bày nội dung hướng dẫn làm quen và nội dung giáo dục.
Các kiểu dáng thiết bị khác
Quy trình tham gia có thể bao gồm việc chuyển đổi thiết bị cho nhiều hệ số hình dạng và thời gian sử dụng ứng dụng kéo dài.
Ứng dụng di động có thể mang đến một cách thức thuận tiện hơn về mặt công thái học để quản lý quy trình xác thực, nhờ đó, quy trình tham gia có thể đến từ các hệ số hình dạng khác. Ví dụ: người dùng có thể hoàn tất quá trình đăng nhập trên thiết bị di động mà họ đã bắt đầu trên một ứng dụng Google TV.
Nếu ứng dụng của bạn có các hoạt động mở rộng trên các kiểu dáng thiết bị khác, chẳng hạn như Kính AI hoặc Wear OS, hãy cung cấp lời nhắc khám phá và hướng dẫn người dùng để giúp họ bắt đầu sử dụng. Tìm hiểu thêm về cách thiết kế trải nghiệm tham gia của người dùng kính AI.
Viết nội dung trải nghiệm người dùng
Sử dụng các cơ chế phản hồi không gây phiền toái như Thanh thông báo nhanh và Thông báo để xác nhận hành động của người dùng hoặc cung cấp thông tin cập nhật ngắn gọn về trạng thái. Điều này đảm bảo người dùng cảm thấy được thông báo về trạng thái hệ thống mà không yêu cầu họ đóng hộp thoại phương thức để nhận được phản hồi nhỏ.
Giọng điệu
Giọng điệu khi bạn viết nội dung trong trường hợp xảy ra lỗi là rất quan trọng; tránh dùng ngôn ngữ chế giễu hoặc khiến người dùng khó chịu. Sử dụng văn bản rõ ràng, hỗ trợ và khích lệ, tập trung vào giải pháp thay vì lỗi, đặc biệt là trong những thời điểm căng thẳng như khôi phục mật khẩu.
Tài nguyên
Khám phá các mẫu làm quen, luồng người dùng và tài sản giáo dục người dùng trong Bộ công cụ làm quen trên Android của Figma.