当前位置: 主页 > 平面设计 > 详细解析如何提高登录注册的用户体验设计教程

详细解析如何提高登录注册的用户体验设计教程

  • 2021-08-18
  • 来源/作者: 站酷/ 炒粉君
  • 26 次浏览

我一直想写一篇关于登录和注册的文章。对于患有严重癌症的患者来说,注册和登录都是噩梦。即使我想再次体验一个应用程序,只要登录和注册过程让我感到疲劳,我就会下意识地对这个应用程序产生不友好的印象。我相信很多懒惰的癌症患者都有和我一样的心态。当我以前在公司的项目上工作时,我遇到了登录注册页面。由于与游戏相关的项目,有很多登录注册方法,所以我对登录注册很好奇。为什么不同的应用程序登录和注册方法不同?有些是直接的第三方,有些设置非常繁琐。后来,我看了很多应用程序并分析了一些。登录和注册的过程实际上与产品的商业模式有关,即战略级别。登录和注册应平衡业务价值,同时考虑用户体验。今天,我们将不讨论商业模式,而是简单地讨论如何从降低注册成本、提高用户登录兴趣和改善用户体验的方向来改善登录注册中的用户体验。

1.为什么要登录注册

我始终认为,设计师想要做好设计,界面仅仅是其一,不能光想界面好看与否,还要好用与否。俗话说:知其然知其所以然,既然要讲登录注册,首先就来了解下为什么需要登录注册吧。登录注册由来以久,好像所有互联网产品都有这一环节,以至于我们已经忽略了为什么有登录注册。先来回顾下,登录注册的作用。看几张截图:

如何提高登录注册的提高用户体验

以上截图我们可以看出。登录与注册大体上可以分成强制和开放两种类型,而我们思考的切入点就是在这两种类型之间做取舍,产品属性决定登录注册形式,不同的产品类型,对登录注册模块的需求不同。

比如,纯工具类产品:输入法、日历、相机、便签、安全工具等,不需要用户登录注册就可以使用产品的绝大部分甚至全部功能,此时就没有必要添加登录注册模块。

比如,电商、金融类产品,设计到交易、用户信息等比较私密的信息,就必须单独添加登录注册模块,确保用户的个人信息的真实性以及安全性。

再比如,社交社区类产品,可以设置独立的登录注册模块;可以直接借助于第三方平台,这样反而更有利于产品的传播扩散;也可以两者皆有。

2.登录注册对于产品体验的影响

没有一个用户愿意在登录/注册上花费太多时间,因此易用便捷是用户的基本需求。快速简洁的注册登录体验,可以有效增加转化率。在此基础上,需要结合内部需求,规划要给用户提供几种登录/注册方式,其中对登录失败的处理机制也是需要关注的点,例如找回密码、手机收不到验证等,不过文章暂不讨论。

3.注册流程的体验优化

(1)减少不必要信息,加快注册流程

互联网发展到今天,进入一种快餐时代,时间很宝贵,人人都想要快速解决事情。

同样地,新用户在开始注册一款新产品的时候,为了降低用户的注册成本,应尽量减少不必要的信息填写。有些app 的注册信息非常繁琐同时展现在同一页中,给用户造成心理负担。

用户觉得注册成本很高,便容易弃之。举个反例:

如何提高登录注册的提高用户体验

来自AcFun & 格瓦拉生活

以上两款app 的注册流程信息都显得过于繁琐,互联网发展到现在,新型的app都逐渐放弃以昵称作为账号ID凭证,重复密码也显得别样的繁琐。

但是注意,有些app由于性质原因,确实需要填写很多的重要信息,这时可以分页处理,并且页面上标示清楚需要填写的信息页数,让用户有个心理预期。并且经过前面一系列的操作,用户反而不会轻易放弃注册流程。举个栗子:

如何提高登录注册的提高用户体验

来自keep-注册流程

(2)先浏览再引导注册

上面说到有些app性质特殊,需要用户的基本信息才能进一步使用。比如说,主打婚恋类的应用,就需要真实的个人信息。下面来比较国内知名的婚恋app,珍爱网与世纪佳缘&百合网在注册流程上的不同细节带来的不同体验。

先看珍爱网的注册流程:

如何提高登录注册的提高用户体验

总共九个步骤才算是输入完基本信息,但仍然还没看到注册成功。从表现层面来讲,珍爱网的注册流程视觉做的不错,每一页都只有一个重点,清晰明确。但是仅仅是注册这一流程,耗时太多,用户不能快速了解app的结构,资源等情况,自然就谈不上使用了。用户的注册时间成本过高,容易导致注册成功率下降。

再看世纪佳缘的注册流程:

如何提高登录注册的提高用户体验

来自世纪佳缘-注册流程

世纪佳缘从一开始就没有强制用户填写信息,而是采用一种先浏览,后期引导用户注册的方式。先吸引用户的注意,从表现层来说可能注册页面设计的不尽人意,但是却不妨碍用户的热情。从框架层,结构层,范围层来说,用户从一开始就能能了解到app内的会员,想进一步与其他会员互动的时候,app会引导用户注册,框架清晰,(这里暂且不讨论界面的视觉效果)而用户如果不注册还可以在发现入口,发现更多的资源。上面的两个栗子,我们可以看出,用户的注册成本要尽可能的减少,

(3)伪注册伤害用户体验

下面举了两个app的栗子,有书app选择了第三方登录后,还需要绑定手机信息,这就是伪注册,与用户的心理预期不一样,

造成一定的心理落差,这时就很容易放弃登录。正确是做法应该是,第三方登录后,假如要绑定手机信息,需要在页面上加上跳过选项,这样用户可以在以后的日子里再进一步进行信息的完善。如:有道云笔记。

如何提高登录注册的提高用户体验

(4)新用户登录“去掉”注册操作

互联网发展到现在,用户要求也越来越高,需要更快的方式进入app。很多新兴的app也是在速度上抢占流量,“去掉”注册,直接登录已经成为一种趋势,像抖音,探探,拼多多等。 有几种方式可以快速登录app,1.通过手机验证码,手机号即为账号,根据需求,选择添加密码,或者没有密码的极简登录方式。2.第三方账号直接登录。对于新兴app,第三方账号登录,无疑减少了注册成本,也更容易传播。但是,第三方注册也容易造成一人多号的情况。此时应根据公司战略层考虑,适当补充绑定手机号码,帮助用户完整信息。

4.登录流程的体验优化

(1)验证码自动填充

相信大家都遇到过这样的一个场景。用手机号码注册一个app 的时候,手机会收到一个验证码,多为6个数字的验证码,经常不小心误触,就退出了注册页面,这时就需要在短信页面复制那串数字后回到注册页,粘贴验证码,有时候甚至需要重新输入手机号码,再次接受验证码。又或者,复制后还需要再次长按粘贴验证码。这一系列的操作让人非常难受又繁琐,对初级用户更是不友好。有一本交互书籍《伟大的小细节》,书中有一个观点:依据用户行为预判意图。意思就是,根据用户的前置操作,预判用户下一步的操作,帮助用户快速实现想要的效果。在接受输入验证码这一过程中,在短信中选择复制,是前置操作,我们预判用户下一步就是粘贴验证码。所以,在这个过程中,在用户复制验证码后,系统就应该自动填充好验证码,省去用户再次粘贴的繁琐操作。

(2)登录注册时的细节创新

哔哩哔哩的登录页面,做得很有趣,没有输入密码前是两个睁眼的人,输入密码时,两个人物的眼睛立刻捂住,给人会心一笑的感觉。这种温馨贴合场景的小细节创新,能够给用户在千篇一律的登录注册中带来不一样的新鲜感受。

如何提高登录注册的提高用户体验

来自哔哩哔哩-注册

(3)密码可见的选项

相信大家都有一种体验,在登录时总是输错密码,这个时候,密码如果能够设成可见状态,错误率会大大减少。在这点上,比较典型的就是qq的登录界面。

如何提高登录注册的提高用户体验

来自QQ-登录

最后

这是文章的结尾。谢谢收看。这是第一次出现许多遗漏。我希望你们能和谐地讨论,检查并纠正遗漏。最后,如果你认为它好,就赞美它。我会更有动力把它写下来。我爱你~