紹峰's Blog

注册·登录

大家常调侃某网站的注册程序难用，流程的设计者或者产品是咋想的？用户的登门造访，却吃了半个闭门羹是何等的难受啊。

注册、登录是一个网站与用户进行互动的第一次交流，关乎用户是否会留下来，成为更深层的用户。

多数用户没有第一次注册成功、登录成功就有点不爽；第二次还是不行，就有莫名的恼火；第三次如果还不能成功，那就只能放弃！

是用户（我）的问题么？还是这个产品设计的有问题？但是这个产品、注册登录系统不好用，多半是设计者（这次又是我）的问题。

注册、登陆系统要做好快捷和防错。（网站的定位、产品的策略不是咱们本次讨论的重点）。

设计注册、登录系统最重要的是快和准。尤其是用户被动登录的时候。某台词云：天下武学、唯快不破。

收集注册信息要捡着必要的的来，其余的信息可以稍后再完善，上来一个大列表会把用户吓跑。我们又不是12306，几亿必须用，不用你就动不了。

况且大多的网站都要注册，每次都填一样的。真就不能让用户省点心，省点脑力和体力？

我认为在用户注册的时候收集：邮箱、密码这两个信息足够了，如果想让用户更简单的输入可以考虑昵称。

注册登录页面在交互和视觉上最值得深究的就是输入框和提示图标以及页面布局，这与填写效率关系重大。

1、页面布局：注册页面需要留有返回直接登录页面的按钮（有很多用户不知道自己有没有注册过，如果曾经注册过要让用户能尽快登录），同时把合作的社交平台的第三方入口放在较为容易操作的位置。相对于逐项去填写注册，第三方是快捷入口，用户目的不是提交个人资料，而是完成自己的目的。

登录页面需要先隐藏验证码，验证码只是对于暴力破解和机器人的一种限制，他的存在是为了保护用户，不是限制用户，所以就是在需要的时候出现，首次输入不成功增加验证码的填写选项。

2、输入框：输入框需要有5样式，在用户看来可能只有三种样式。这五种样式分别是：1、默认状态，2、划过状态，3、点击状态，4、输入状态，5、离去状态（检测对错的反馈，正确返回默认状态，输入框后面出现表示正确的图表，错误后有相应的提示）

验证码除外，验证码的判断方式是4个字符，当用户输完四个字符就进行即时反馈。 

3、提示图标：输入框离去后图标提示分三种：正确、错误、警告。

错误：不符合该项的输入要求，警告：符合该该项的要求但是不可用，如：注册时候填写的邮箱已存在，或者填写个人资料的时候用户名被占用。

首次密码输入除外，不满6个字符，没有提示，六个之后根据安全性出现相应的安全级别：高、中、低。确认密码选项，仅在输入字符与密码项相等时进行判断。

4、提供便捷输入：给出符合当前输入项的相关选项，如：注册的时候给出 @XXX.com的下拉列表，便于用户输入。在个人自来填写的时候，减少手动输入项，尽量用单选或者下拉列表来减少用户输入成本。

5、减少输入信息的全部刷新

在用户进行错误的信息提交后，尽可能保留用户的输入信息。

1、便于用户查找具体的错误。用户是不愿承认错误的，除非是在点击提交的同时看到自己输入的错误，否则用户多数会认为是键盘、网络等等问题没有提交正确的信息，如果试了两遍还是不行，第三遍输入同样的信息，用户近乎到了忍耐的极限了。

2、减少用户再次输入的成本，节约用户的时间，稍作重复的事。

防错

明确填写信息的提示：

1、用户的记性不是太好（用户也没有必要去记住每一项有什么限制），不要期待用户看一眼就能记住，在完成    该项信息填写的时间段都应该清楚的看到提示。填写完后尽快给出验证。

2、最好把每一项填写什么内容都列出来，这样更便于用户快捷的操作填写，如果每点击意向出现该项的填写内    容限制，会分散，打断用户的操作的连贯性。输入框的提示已经告诉用户当前在填写哪个。

验证，及时/即时反馈。

用户在填写完一项信息的时候就应该得到关于该信息正确与否的反馈。

假如注册页面有4项必填信息，那么请在用户每填完一项之后就尽快给出对错的反馈提示，不要等到最后提交的时候再告诉用户XX项错了。

有很大一部分情况不仅是一项填写错误，你能一句话说清，但用户不见得能理解明白。

用户难免会说：你怎么不早告诉我？如果你更过分的对于用户填写的内容没有怜悯的毫无保留，那用户的离开率高的吓人。

我做到哪一步了，我做对了什么，我做错了什么，我下一步该怎么操作，能让我一眼看明白就不要让我再仔细去校对。

在不造成重大对错过失问题的选项上，能默认的就代替用户去默认，不要让用户在进行多次操作和动脑筋去想，这些都是成本和烦躁的小宇宙。

错误反馈与修改提示：

出现错误是用户不想的，也是设计者（我最）不愿看到的。

流程制定者有义务让用户能快速，清楚的返回正确的方向，以便进行下一步操作。

关于忘记密码

你丢了取钱时忘记密码啥反应？开门的时候掏了背包、裤兜都没有钥匙什么心情？

换而处之，用户登陆不上，第一时间就是要找回密码，这个时间越短、步骤越少，用户的愉悦度越高。这么简单就能找回密码，是不是很容易被盗？是设计者应该考虑的问题，除非这用户在研究你这个系统的漏洞…

急用户之所急，站在当事人的角度去考虑这个问题，不要坐在椅子上慢条斯理的设计出自己认为最安全、最严谨的找回系统，你会被用户骂死的。己所不欲，勿施于人嘛。

还说忘记密码。

当时和产品讨论说：“用户无法登陆的情况有两种：1、用户名不存在，有误。2、密码错误，忘记密码。3、首次登陆不成功，便出现填写验证码，验证码填写错误。4、悲催的中国网速。

有没有必要把忘记密码改成，无法登陆？

综合考虑后，

1、增加账号检测，提交后如果系统没有该账号则显示错误警告框。

2、找回密码按钮就可以解决

3、验证码有即时对错反馈

4、面对如此悲催的网速，再打开一个页面也是无济于事，还不如再试一次。

后来...就没有后来了，还是密码找回吧....

通过对注册登录产品的设计，发现第三方注册、登陆的便捷。

优势：1、减少用户的输入成本，缩短时间成本（符合本人的最大程度提高人民效率的理念）。

          2、能获得更加有效的高质量个人信息，这些往往是独立注册永远无法获得的资料。

          3、便于用户进行分享、自发进行传播。

          4、方便了与用户产生互动，同时进行一些用户召回、推广等。

不足：1、用户心理会有一些排斥，担心一旦丢失损失更加严重。

    2、并不是所有用户都有第三方平台账号。

    3、平台的合作、绑定会有一定的成本和风险，毕竟相当于丧失了部分主动权。

    4、不能真正拿到这些用户信息，或者是陈本很高。

    5、登陆后需要一些列繁琐的过程，把第三方登陆转化为独立用户。

以个人角度来看，各个平台的打通是迟早的事，这不是利益问题，而是未来发展的结果。

如果不能敞开胸怀拥抱这世界，自己反而会被这世界抛弃。

以上是对于注册、登陆的了解。

但回归用户角度，我为什么要注册或者登陆这个网站呢？为体验这个流程、对比各家那个流程更顺畅，这恐怕是产品人、设计师才做的事情。

我认为：做好被动登录比主动登录更重要！

用户只有发现了这里比较有趣，这里可以找到更多的有价值和好玩的人或者事儿，才会使用和持续使用该产品。

内容为王、产品为相、体验为将！设计贯穿其中。