常见的登录设计问题分析

1

对我们许多人来说,登录网站或应用程序是我们日常生活的一部分。事实上,我们太经常登录了这一过程几乎是自动完成的……直到出现错误:我们忘记了我们的密码,用户名,注册时的电子邮箱,甚至忘记了我们曾注册过。

一个电子商务网站的详细分析发现,45%的用户在系统中多次注册,每天有160 000 人请求找回密码,而这些人中的75%一旦忘记密码就不会再完成购买。

登录是件大事——大到很多网站和应用程序开始探索这一设计问题的新设计解决方案。下面就要开始了,把重点放在好的用户体验上:

告诉用户哪里出了问题

可能用户名和密码的错误组合会导致多次尝试才能成功登录,或登录失败而退出。普通回复(比如’你的邮件或密码不匹配’)不会给你的用户提供有意义的反馈,不会帮助他们解决问题。无法登录的用户会读到“两个区域有一个是错误的,是哪个?你猜?”,这会减少转化率和用户活跃度。

2

如果登录是困难的,用户只记得花了多久才成功登录

你应该帮助用户有效地完成登录任务。错误提示应该告诉用户哪里出了问题——密码还是电子邮件地址。

忘记用户名/密码组合的压力在MailChimp得到缓解。如果用户名不存在,他们会在你尝试输入密码之前就告诉你。他们检测到这个问题时,会提供一个链接让用户修复它。

3

MailChimp登录表单

左:用户名不存在。右:密码不正确。

问答网站Quora采用了类似的方法。Quora的登录表单告诉你您输入的电子邮件未曾注册过,还让你选择立刻创建一个新帐户:

4

如果这个电子邮件没有匹配的账户Quora会告诉你

但这项技术也有一个缺点:它可能会允许第三方得到注册了这个网站或app的用户的电子邮件,用户名和用户信息。

有时UI需要牺牲其便利性来更清楚地为用户传达信息或者减轻他们的顾虑。例如,上述解决方案不适用于网上银行(安全原因)的服务,用户可能会担心自己的信息被泄露(隐私问题)。

最终取决于你权衡利弊后是否想加这个功能。从可用性的角度来看,你只是帮助用户找出他们注册时用的电子邮件或用户名,这可以帮助他们更快的登录。

 提醒用户他们改了密码

用户可能已经习惯了输入旧密码而忘记了自己已经改了密码。当他们得到密码错误的信息时,他们却认为那就是正确的密码。

在这种情况下,需要提醒用户他们已经改了密码。不要只给用户一个错误提示,而是要告诉他们多久前他们改变了密码。

例如,如果用户试图用旧密码登录谷歌时,谷歌就会给出一条特别的提示:“你的密码已于X天前改变。”

5

Google 的登录表单

解决多种登录方式问题

当面对某网站或应用的多种登录选项时(如Facebook,Twitter或Google+),人们可能会忘记他们以前登录时使用的方式(或是否曾用这些账号登陆过),因此他们会犹豫不决或登录失败。更糟糕的是如果有人选错了曾经使用的登录方式,他们可能会再次注册,最终创造了第二个帐户。

6

多种登录选择

虽然一个网站或应用程序会尽力匹配来自不同服务商帐户的需要,但无法保证是否某个Twitter和Facebook帐户属于同一个人。所以,为了解决这个多种登录方式问题,你应该保持用户登录直到他们点击退出账户。需要登录的次数越少,出问题的可能就越少。

另一个很好的解决方案是当用户回到app或网站时可以记住用户。Quora为您省去重新登录时输入密码的需要。你所需要做的只是点击登录界面的个人资料图片或用户名。

7

Quora的一键登录页面

同样,这些解决方案有其弊端 —— 他们只适用于使用和以前一样浏览器返回网站的用户。如果用户使用不同的浏览器或电脑登录的话,这项技术将不会有多大帮助。

设计“忘记密码“流程

正如每个人偶尔会忘带钱包或钥匙一样,用户有时会忘记他们的密码。因此,很好地处理登录过程中的这种情况是很重要的。登录表单应该提供“忘记密码”链接来使用户重置密码。

· 只有当用户点击了密码区域或输错密码时再显示这个链接。

· 如果用户已经输入了电子邮件地址就不要让他们在忘记密码页再输入一次了,然后开始使用忘记密码功能。

· 不要通过电子邮件发送当前密码或临时密码。

正确做法是给注册的邮箱地址发送一个重置密码的链接。此外,重置密码的电子邮件发送速度要尽可能快(忘记密码的电子邮件需要很久才来时,用户可能会因等待而感到不安)。

8

Path.com的忘记密码流程

图片来源:worklogistics

如果用户无法访问他们的电子邮件,接下来的流程将取决于您的服务类型 —— 可能你会关注一些前期的安全问题,以安全性为切入点。总之,尽可能简化用户的操作流程吧。

在锁定帐户前警告用户

为了防止黑客攻击,若干次登录失败后用户帐户通常会被临时锁定。这当然是一个必要的安全措施,但在帐户被锁定前一定要提醒用户。

Mailchimp在9次失败登录后会警告用户他们的帐户将会被锁定30分钟。

9

Mailchimp警告用户等待一段时间再进行下一次尝试

结论

这些例子说明,即使像登录这么常见的网络和app交互设计,也会受益于这种简单的想法和设计改进。但也不要太推崇这些解决方案。避免照本宣科,要根据实际情况设计出最适解。

1 2 收藏 评论

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部