Facebook
  • Home
  • 首页

用户体验设计

分类目录: Facebook登陆

打印此页面

用户体验设计

登录体验是应用中最重要的用户体验之一。优质的登录体验可实现 90% 以上的转化率,并鼓励用户提高参与度和贡献更多盈利。

嵌入 Facebook 登录后,用户可以快速简单地开始使用您的应用,并将享受更加个性化和有意义的体验。本文提供的技巧和注意事项有助于使用 Facebook 登录呈现出色的用户登录体验。

  1. 首先彰显价值
  2. 避免不必要的步骤
  3. 按钮设计
  4. 权限
  5. 提供退出方法
  6. 测试和衡量

1.首先彰显价值,然后提示用户登录

确定在用户体验的哪个阶段提示用户登录时,思考一下用户何时会认为应用提供的内容足以让他们放心提供信息。

这通常会受到用户下载应用之前的体验影响,但您可以借助应用中的设计多方面加深影响。

以下设计技巧能吸引更多登录用户:

  • 简明扼要地说明应用提供的功能
  • 提供用户登录后所获得的内容一览
  • 提供 NUX
  • 允许用户不使用帐户体验应用

简明扼要地说明应用提供的功能

提供简明扼要且引人注目的应用功能说明。用户可能是在一段时间之前下载的应用或在应用商店看到的应用。

提供用户登录后所获得的内容一览

在登录前向用户提供内容一览,例如下例中的背景照片。内容不需要很详细,即使是 Pinterest 钉板的模糊图片也能鼓励更多用户登录 Pinterest。

提供 NUX

如果您的应用需要借助额外的培训信息来提供最佳体验,您可以在“登录”按钮上方提供多步骤演示。用户可以选择详细了解或是在准备好时立即登录。

允许用户在登录前体验应用

如有可能,先让用户体验您的应用,再提示他们登录。例如,许多电商类应用(如淘宝)直到用户准备结账时才要求登录。

2.避免不必要的步骤

减少不必要的步骤是提高转化率最有效的方法之一。

避免让用户先轻触“登录”或“注册”来访问 Facebook“登录”按钮。使用 Facebook 登录功能时,这是多余的步骤。应用甚至不需要让用户停下来思考是否有帐户。

另外,用户通过 Facebook 登录后,不要提示他们创建帐号或密码。用户通过 Facebook 登录的一个最普遍的原因是“整个过程简单快速,并且我不用输入密码”。用户通过 Facebook 登录后,尤其不愿意创建帐号或密码。

3.按钮设计

SDK 附带的 Facebook“登录”按钮易于集成,且内置的说明能确保一致的设计及体验:

但如果您想构建自定义按钮,请遵循以下指南。

颜色

推荐的按钮颜色为白色和官方 Facebook 蓝,4267B2。在全世界范围内,当人们提到 Facebook 登录时,通常会把它称作“蓝色按钮”。

颜色是让人们快速识别事物的最佳方法之一。从使用角度来看,用户识别按钮及其功能的速度越快,产生轻触按钮的意愿就越快,而且体验也会更加流畅。

文字

如果您使用 Facebook 登录来启用帐户创建和登录,建议标签为“继续使用 Facebook 登录”或“使用 Facebook 登录”。多名合作伙伴反馈,“继续使用 Facebook 登录”按钮的转化率最高,但这会因按钮的使用背景而异。

如果您使用 Facebook 登录来改善现有帐户,也可以使用“通过 Facebook 个性化”或“连接 Facebook”。将帐户或其他设备连接到现有帐户时,“连接 Facebook”尤为有用。

选择在应用中看起来最为美观和易于辨认的字体、字体粗细和字距。

大小和形状

确保“登录”按钮的设计易于快速识别和点击。在移动设备上,这意味着靠近大拇指并且足够大,能够轻松点击。较大的按钮转化率高于较小的按钮,这是简单而不争的事实。

Facebook 品牌

遵循官方 Facebook 品牌指南,使用正确的 Facebook 徽标。Facebook 徽标可以有多种尺寸,以便满足按钮缩放需求,但比例和排版样式必须保持一致。

请勿使用旧的徽标或自定义变体样式。否则用户可能会认为应用过时甚至是不可信赖。

如果按钮包含“Facebook”字样,则无需添加 Facebook 徽标。

其他消息

我们发现在“登录”按钮旁加入消息文字能进一步提高转化率。

在某些情况下,说明通过 Facebook 登录的好处效果尤佳,而在另一些情况中,向用户保证应用未经许可不会向 Facebook 发帖会更好。转化率更高的消息通常取决于应用类型,以及品牌的信任程和认可度。您可能还希望根据应用的风格采用不同的消息。

保证消息的示例:

  • “我们不会向 Facebook 发帖。”
  • “我们绝不会擅自发布任何内容。”

好处说明的示例:

  • 通过 Facebook 登录,与好友互动。
  • 很匆忙?使用 Facebook 登录。

4.权限

仅请求获得您需要的权限

请求的权限越少,用户越容易欣然授予。经验告诉我们,请求的权限越少,通常转化率越高。

您可以稍后在用户有机会试用您的应用后请求其他权限。

请求较少的权限的另一个好处是,您可能无需提交应用进行登录审核。只有当您请求除 public_profile、user_friends 和 email 以外的权限时才需要提交应用进行登录审核。

根据情况请求权限并解释原因

当用户了解到为什么应用需要该信息来提供更好的体验时,更容易接受权限请求。当用户尝试在您的应用中完成需要特定权限的操作时,您借此触发权限请求比较适宜。

例如,在 Facebook 应用中,只有当用户更新状态时明确轻触位置按钮,应用才会请求定位服务。

当您的应用请求发布权限时,根据情况请求权限尤其重要。我们建议,用户在应用中点击分享、发帖或发布选项后,您才请求发布权限。如果您的应用只需要基本的分享功能(例如一次分享一个项目,无定制编辑器),可以使用 iOS 版和 Android 版 Facebook 分享对话框。

5.提供退出方法

用户登录后,您还应提供退出帐户、断开帐户连接或彻底删除帐户的方法。这不仅是为了尊重用户,也是 Facebook 开放平台政策的要求。

例如,在约会应用 Tinder 中,用户可以选择隐藏个人资料卡(防止被其他人找到)、退出或彻底删除帐户。

7.测试和衡量

即便是最好的设计师也无法一次就将登录流程做得尽善尽美。良好的登录体验通常是深思熟虑的设计和测试外加多次反复修改的结果。

发布应用前,请执行定性可用性测试,了解用户对所见内容的反应。测试不必太正式、太讲求有效性,但一定要观察用户体验整个流程。

除了定性测试,还建议您使用分析工具来了解用户是否完成了流程及他们的整体转化率。采用最佳实践的应用的转化率可超过 90%。借助 Facebook 应用分析,您可以免费监控转化率。

分类目录

  • Account Kit
  • Analytics
  • Android SDK
  • Applinks
  • Atlas API
  • Atlas Apis
  • Audience Network
  • Facebook像素
  • Facebook登陆
  • Games Payments
  • Internet Org
  • iOS SDK
  • Messenger Expressions
  • Messenger飞书信
  • phpSDK
  • Profile Expression Kit
  • React Native SDK
  • Swift SDK
  • Threat Exchange
  • Tvos SDK
  • Unity SDK
  • Workplace
  • 分享
  • 即阅文
  • 图谱API
  • 市场营销API
  • 应用事件
  • 应用广告
  • 应用开发
  • 应用邀请
  • 游戏
  • 社交插件
  • 网页SDK
  • 营销API
  • 页面

近期文章

  • Creating an App with Marketing API
  • Marketing APIs Reference
  • Marketing API
  • Marketing API
  • Marketing API

文章归档

  • 2016年十月
Magento技术支持。  蜀ICP备16002261号-10
飞书信(Messenger)向中国区开发者提供持续更新文档。