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

一直想写一篇关于登录注册的文章,对于重度懒癌患者的我来说,注册和登录是噩梦,哪怕再想要体验一个app,只要登录注册流程让我觉得累,下意识就会对这个app产生不友好的印象。相信有不少的懒癌用户也是和我一样的心态。之前做公司的项目时,遇到登录注册页面,由于和游戏沾边的项目,登录注册方式非常多,于是对登录注册产生了很多好奇。为什么不同的app登录注册方式不同,有些是直接第三方,有些又设置的很繁琐。后来看了很多app,分析了一些,登录注册的流程,其实关乎产品的商业模式,也就是战略层,登录注册要在兼顾用户体验的同时平衡商业的价值。今天不讨论关于业务模式的问题,单纯从减少注册登录成本,提高用户注册登录兴趣,提高用户体验的方向讨论下,怎样在登录注册中提高用户体验。

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-登录

最后

文章到这里就结束了,感谢各位的观看,第一次写,多少有疏漏不全的地方,希望各位同学看官可以和谐讨论,查漏批正。最后,觉得还不错的,就点个赞呗,我会更有动力写下去的,爱你们~