Thiết kế trải nghiệm người dùng
Trải nghiệm hướng dẫn là một trong những trải nghiệm người dùng quan trọng nhất trong ứng dụng của bạn. Trải nghiệm hướng dẫn chất lượng cao có thể dẫn đến tỷ lệ chuyển đổi trên 90% cũng như khuyến khích mọi người tương tác nhiều hơn và mang lại nhiều lợi nhuận hơn.
Đăng nhập Facebook cho phép mọi người bắt đầu dùng ứng dụng nhanh chóng và dễ dàng, đồng thời tận hưởng những trải nghiệm ý nghĩa và cá nhân hóa hơn. Trong tài liệu này, chúng tôi cung cấp các mẹo và những điều cần cân nhắc để tạo ra trải nghiệm đăng nhập tuyệt vời cho những người dùng sử dụng phương thức Đăng nhập bằng Facebook.
1. Hiển thị giá trị trước khi nhắc mọi người đăng nhập
Khi quyết định vị trí nhắc mọi người đăng nhập trong trải nghiệm người dùng, hãy tự hỏi mọi người sẽ đánh giá cao thứ ứng dụng của bạn cung cấp ở điểm nào để tin cậy ứng dụng với thông tin của họ.
Điều này thường chịu ảnh hưởng của thứ mọi người trải nghiệm trước cả khi tải ứng dụng xuống, nhưng bạn có thể làm rất nhiều việc để gây ảnh hưởng lớn hơn bằng thiết kế trong ứng dụng.
Dưới đây là vài cách thiết kế để khuyến khích nhiều người đăng nhập hơn:
- Trình bày ngắn gọn và rõ ràng về điều mà ứng dụng của bạn cung cấp
- Nêu qua nội dung họ sẽ có được sau khi đăng nhập
- Cung cấp trải nghiệm người dùng mới
- Cho phép mọi người trải nghiệm ứng dụng mà không cần tài khoản
Trình bày ngắn gọn và rõ ràng về điều mà ứng dụng của bạn cung cấp
Trình bày rõ ràng, ngắn gọn và thuyết phục về điều mà ứng dụng của bạn cung cấp. Họ có thể đã tải ứng dụng xuống hoặc đọc về ứng dụng trong cửa hàng ứng dụng được một thời gian.
Nêu qua nội dung họ sẽ có được sau khi đăng nhập
Cho mọi người xem qua nội dung có sẵn cho họ trước khi đăng nhập, chẳng hạn như ảnh nền trong ví dụ này. Đó không cần phải là nội dung chi tiết, thậm chí hình ảnh bị làm mờ của bảng điều khiển Pinterest cũng khuyến khích nhiều người đăng nhập vào Pinterest hơn.
Cung cấp trải nghiệm người dùng mới
Nếu ứng dụng của bạn yêu cầu đào tạo thêm để có trải nghiệm tốt nhất, hãy thêm một bản demo nhiều bước phía trên nút Đăng nhập của mình. Điều này mang lại cho mọi người tùy chọn tìm hiểu thêm hoặc đăng nhập ngay nếu họ đã sẵn sàng.
Cho phép mọi người trải nghiệm ứng dụng trước khi đăng nhập
Nếu có thể, hãy cho phép mọi người trải nghiệm ứng dụng của bạn trước khi nhắc họ đăng nhập. Ví dụ: nhiều ứng dụng thương mại điện tử chẳng hạn như Zulily không yêu cầu mọi người đăng nhập cho đến khi họ đã sẵn sàng thanh toán.
2. Tránh các bước không cần thiết
Giảm các bước không cần thiết là một trong những cách hiệu quả nhất để cải thiện tỷ lệ chuyển đổi.
Tránh yêu cầu người dùng nhấp vào “Đăng nhập” hoặc “Đăng ký” trước tiên để đi tới nút Đăng nhập Facebook. Với Đăng nhập Facebook, đây là một bước không cần thiết. Mọi người thậm chí không cần dừng lại để nghĩ xem mình có tài khoản hay không.
Ngoài ra, sau khi mọi người đăng nhập bằng Facebook, không nhắc họ tạo tên người dùng hoặc mật khẩu. Một trong những lý do phổ biến nhất mà mọi người đăng nhập bằng Facebook là vì “cách đó thật nhanh chóng, dễ dàng và tôi không phải nhập mật khẩu”. Sau khi đăng nhập bằng Facebook, mọi người đặc biệt không muốn phải tạo tên người dùng hoặc mật khẩu.
3. Nút Đăng nhập bằng Facebook
Nút Đăng nhập bằng Facebook đi kèm các SDK của chúng tôi rất dễ tích hợp và bao gồm thông tin hướng dẫn có sẵn để đảm bảo trải nghiệm và thiết kế nhất quán.
Để cho phép tạo tài khoản và đăng nhập bằng Facebook, bạn nên dùng các nhãn "Tiếp tục với Facebook" hoặc "Đăng nhập bằng Facebook" theo từng ngữ cảnh.
Cách dùng được phê duyệt của nút “Đăng nhập bằng Facebook”
Cách dùng được phê duyệt của nút “Tiếp tục với Facebook”
Cách dùng được phê duyệt của nút “Tiếp tục dưới tên [Name]”
Bạn nên dùng các thiết kế đăng nhập ở trên. Người xét duyệt của chúng tôi sẽ phê duyệt các thiết kế đó. Tuy nhiên, nếu cần tạo một phiên bản phù hợp với nhu cầu của mình, bạn nên tuân theo những nguyên tắc bên dưới.
Logo
Để tạo dựng lòng tin và sự công nhận, hãy luôn sử dụng Logo “f” được phê duyệt có trên Trung tâm tài nguyên thương hiệu của Facebook.
Khi sử dụng Logo “f” trong thiết kế nút đăng nhập, logo này nên xuất hiện trước lời kêu gọi hành động. Không sử dụng logo đó như một phần trong lời kêu gọi hành động bằng cách nói “Đăng nhập bằng logo “f”".
Màu sắc
Màu sắc là một trong những cách tốt nhất để mọi người nhận ra điều gì đó nhanh chóng. Xét từ khía cạnh khả năng sử dụng, mọi người càng nhanh nhận ra nút là gì và có tác dụng gì thì họ càng nhanh muốn nhấn vào nút đó và trải nghiệm càng trôi chảy hơn.
Nút có màu trắng và màu xanh da trời của Facebook: 5890FF. Trên khắp thế giới, khi nói về Đăng nhập bằng Facebook, mọi người thường nghĩ ngay đến "nút màu xanh da trời". Nếu không sử dụng được màu xanh da trời của Facebook, hãy đổi ngược thành màu đen và trắng.
CÁC GIÁ TRỊ MÀU XANH DA TRỜI CỦA FACEBOOK
- Phủ CMYK: 83 / 52 / 00 / 00
- Không phủ CMYK: 77 / 36 / 00 / 00
- PMS 2727C
- PMS 2382U
- Hex #1877F2
- R = 24 G = 119 B = 242
Văn bản
Bạn nên dùng nhãn "Tiếp tục với Facebook" hoặc "Đăng nhập bằng Facebook" tùy theo ngữ cảnh. Khi sử dụng Logo “f” với lời kêu gọi hành động, hãy dùng phiên bản chính thức có sẵn để tải xuống trên Facebook Trung tâm tài nguyên thương hiệu của Facebook.
Đặt nội dung lời kêu gọi hành động trong nút đăng nhập, nội dung này không được ở ngoài nút.
Chọn phông chữ, cỡ chữ và co kéo phù hợp nhất trong ứng dụng, nhưng tối ưu hóa để dễ đọc.
Vị trí
Hãy thiết kế nút đăng nhập nhanh và dễ nhận dạng, nhấn nhất có thể. Trên thiết bị di động, điều này nghĩa là gần ngón cái và đủ lớn để dễ nhấn. Một điều đơn giản nhưng thực sự đúng: nút lớn chuyển đổi tốt hơn nút nhỏ.
Logo “f” được cung cấp ở nhiều kích thước khác nhau cho mục đích chia tỷ lệ nút, nhưng tỷ lệ và hình thức phải thống nhất.
Điều nên làm và không nên làm
NÊN sử dụng Logo “f” được phê duyệt trên Facebook Trung tâm tài nguyên thương hiệu của Facebook và tuân theo các nguyên tắc sử dụng.
NÊN sử dụng nhãn được khuyên dùng là "Tiếp tục với Facebook" hoặc "Đăng nhập bằng Facebook" trên nút đăng nhập tùy theo ngữ cảnh, đồng thời đảm bảo nội dung nằm bên trong thiết kế của nút.
KHÔNG NÊN sửa đổi logo "f" dưới bất kỳ hình thức nào, chẳng hạn như thay đổi thiết kế, tỷ lệ, màu sắc hoặc bất kỳ biến thể tùy chỉnh nào khác. Nếu bạn không thể sử dụng đúng màu do hạn chế kỹ thuật, hãy sử dụng màu đen và trắng.
KHÔNG NÊN sử dụng logo “f” trên nút không có lời kêu gọi hành động phù hợp, nên dùng nút "Tiếp tục với Facebook" hoặc "Đăng nhập bằng Facebook"
KHÔNG NÊN đặt nội dung lời kêu gọi hành động (ví dụ: Tiếp tục với Facebook) bên ngoài nút đăng nhập.
4. Quyền
Chỉ yêu cầu những quyền mà bạn cần
Bạn càng yêu cầu ít quyền thì mọi người càng cảm thấy thoải mái hơn khi cấp các quyền đó. Chúng tôi đã nhận thấy rằng yêu cầu ít quyền hơn thường dẫn đến chuyển đổi nhiều hơn.
Bạn luôn có thể yêu cầu thêm quyền vào lúc khác, khi mọi người đã có cơ hội dùng thử ứng dụng của bạn.
Một lợi ích khác của việc yêu cầu ít quyền hơn là bạn có thể không cần gửi ứng dụng đi Xét duyệt đăng nhập. Bạn chỉ cần gửi ứng dụng đi Xét duyệt đăng nhập nếu đang yêu cầu các quyền không phải là public_profile và email.
Yêu cầu quyền trong ngữ cảnh và giải thích lý do
Mọi người rất có thể sẽ chấp nhận các yêu cầu quyền khi họ hiểu lý do ứng dụng của bạn cần thông tin đó để cung cấp trải nghiệm tốt hơn. Vì vậy, hãy kích hoạt yêu cầu quyền khi mọi người đang cố thực hiện một hành động trong ứng dụng của bạn yêu cầu quyền cụ thể đó.
Ví dụ: ứng dụng Facebook chỉ yêu cầu quyền đối với Dịch vụ vị trí nếu mọi người nhấn rõ ràng vào nút vị trí khi cập nhật trạng thái của họ.
5. Cung cấp cách đăng xuất
Sau khi mọi người đăng nhập, bạn cũng cần cung cấp cho họ cách đăng xuất, ngắt kết nối tài khoản của họ hoặc xóa tất cả. Ngoài thái độ lịch sự, đây cũng là một yêu cầu trong Chính sách đăng nhập dành cho nhà phát triển.
Ví dụ: ứng dụng hẹn hò Tinder cung cấp cho bạn tùy chọn ẩn thẻ trang cá nhân để ngăn mọi người tìm bạn, đăng xuất hoặc xóa toàn bộ tài khoản của bạn.
6. Thử nghiệm và đánh giá
Ngay cả những nhà thiết kế giỏi nhất cũng không thể có được luồng hướng dẫn ngay từ lần thử đầu tiên. Trải nghiệm hướng dẫn tuyệt vời thường là kết quả của thiết kế và thử nghiệm thận trọng, với nhiều lần lặp.
Trước khi khởi chạy ứng dụng, hãy chạy thử nghiệm định tính về tính khả dụng để hiểu cách mọi người đang tương tác với những gì họ nhìn thấy. Không nhất thiết phải chính thức mới hữu dụng, nhưng phải đảm bảo xem trải nghiệm của mọi người với ứng dụng.
Ngoài thử nghiệm định tính, hãy sử dụng phân tích để biết nếu mọi người đang hoàn tất quy trình và tỷ lệ chuyển đổi chung của họ. Các ứng dụng có cách làm tốt nhất có thể đạt tỷ lệ chuyển đổi hơn 90%.