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

一直想写一篇关于登录注册的文章，对于重度懒癌患者的我来说，注册和登录是噩梦，哪怕再想要体验一个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-登录

最后

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