做登录注册页面需考虑哪些问题？
做登录注册页⾯需考虑哪些问题？
【⽂章摘要】现在⼈⼿⼀部⼿机的前提下，⼿机号登录/注册的⽅式⽆疑是最简单直接的⽅式。⽽且现在很多其他注册⽅式，到后⾯还是会引导⽤户去绑定⼿机。
一不要你愁来二不要你忧是什么歌曲这⼏天在做登录/注册页⾯。做之前看了很多其他公司的登录/注册页⾯。看的时候觉得登录/注册页⾯挺简单的。⽆⾮就是表单的设计和各类报错提⽰。我想⿇烦应该在各类报错提⽰上⾯，因为⽐较多。只是⿇烦⽽已，应该也不算难。后⾯才发现并不简单。
1、选择登录/注册⽅式
注册⽅式⼀般有：⼿机号码注册、电⼦邮箱注册、⽤户名注册、⼿机短信注册。登录⽅式⼀般有：⼿机号码登录、电⼦邮箱登录、⽤户名登录、⼿机短信登录、其他社交账号登录、扫⼆维码登录。
（⼿机号码/邮箱/⽤户名登录注册都⽐较常见，图为百度的⼿机短信的注册（图左）、登录（图右）。另：图右的这种⽅式也可以⽤于注册）
现在⼈⼿⼀部⼿机的前提下，⼿机号登录/注册的⽅式⽆疑是最简单直接的⽅式。⽽且现在很多其他注册⽅式，到后⾯还是会引导⽤户去绑定⼿机。所以最好还是最开始就采⽤⼿机号码来登录/注册。
2、确定登录/注册界⾯元素
金刚川票房破7亿注册页⾯，⼀般会有：⼿机号输⼊框、密码输⼊框、短信验证码输⼊框、短信验证码获取按钮、⽤户协议选择、注册按钮。（图为优酷的注册界⾯）
登录页⾯，⼀般会有：⽤户名输⼊框、密码输⼊框、登录按钮、记住密码按钮、忘记密码按钮、注册按钮以及其他登录⽅式 。（图为优酷的登录界⾯）
回密码页⾯，⼀般是：⼿机号输⼊框、短信验证码输⼊框、短信验证码获取按钮、重置密码框，完成按钮。
在确认界⾯元素的时候，发现了其他⼏个问题。
2.1登录和注册怎么切换？是在同⼀个页⾯做成tab切换？还是做成跳转页⾯？
两种⽅式都有。不过把注册设置为较⼩⼊⼝，然后做成跳转页⾯的⽐较多。我是这样理解的，看⽹站的⽬前的状态。如果处于还是拉新的状态，应该给注册⼀个⽐较⼤的⼊⼝。我们公司以前web端没有登录注册，开放以后，注册的⽤户数应该⽐较多。于是我选择tab切换的⽅式。（图左为优酷的登录界⾯，图⼜为简书的登录界⾯）
2.2登录页⾯-记住密码按钮是做成默认选中？
句句说到心坎上的句子
默认选中、不选中，这两种⽅式在其他⽹站都存在。还有⼀种是根本没有记住密码。其实复选框点选⾮常简单。但是也毕竟是增加了⽤户的⼀次操作。考虑到我们⽹站的⽤户场景（做驾考题，⼀般不太容易跑到⽹吧去做）、账号也不涉及交易。所以打算做成默认。
2.3登录页⾯-记住密码按钮、忘记密码按钮是放到登录按钮之上还是之下？
也只是怕错过
同样是两种都有。我觉得问题不⼤。
2.4登录页⾯-其他登录⽅式具体叫什么？
暖暖 歌词
这个我⽼⼤⽐较纠结。因为我们的其他登录⽅式只允许QQ⼀种。所以我写的是：其他社交账号登录。他觉得不太好。他认为直接写QQ登录，不要写其他社交账号登录⽐较好。因为更简洁。
2.5注册页⾯-密码输⼊框需不需要设置两次？
我看到还是有⽐较多的密码需要再次确认。我觉得没有必要。⼀般⽤户输⼊密码时都会⽐较谨慎。我们也会设置可以查看已输⼊密码字符的⼩功能。如果实在不⾏，也可以回密码。⽤⼿机回，相对来说还是⽐较快捷的。
2.6注册页⾯-需不需要图⽚验证码？
这个问题我犹豫了很久。图⽚验证码主要是识别是否机器注册。不过很多验证码看不太清，多次输不对会让⽤户很烦躁，体验很不好。我问了技术，⼀般来说其实后台可以控制。不过后来得知，因为⼀般我们使⽤的短信平台是第三⽅短信平台。第三⽅要求必须要有短信验证码。
2.7注册页⾯-⽤户协议复选框需不需要默认选中？
默认选中、默认不选中、还有就是根本不要复选框。其实⽆论默认选不选中，⽤户其实都不会去看。放⼀个选择框在那⾥，⽤户说不定还会犹豫下，停顿下。所以我想⼲脆就不要复选框好了。（图左为美团的注册界⾯，图右为优酷的注册界⾯。细⼼的⼩伙伴可能也注意到了，这⾥优酷的注册界⾯和上⾯优酷的注册界⾯不同。因为上⾯的优酷注册界⾯是弹窗，这⾥的是页⾯。）
2.8回密码页⾯-统⼀为⼀个页⾯⾏不⾏得通？
⼀般是先验证⾝份， 再重置密码。如果是两步的话，有流程提⽰⽐较好。像下图，百度这样。分为了三步，每⼀步⼀个页⾯。但我想统⼀为⼀个页⾯应该问题不⼤。因为步骤其实也是⼀样的。（图为百度回密码界⾯。分了三步，三个页⾯ 。）
3、报错提⽰
3.1哪些信息是及时报错，哪些信息是统⼀返回报错？
⼿机号码是否注册、⼿机号码的格式、图⽚验证码、注册时候密码的格式及时报错没有问题。⼿机号码和密码的匹配，⼀般是点了登录之后统⼀返回报错。
3.2报错提⽰全部统⼀在⼀个地⽅好，还是在各⾃输⼊框下⾯好？
现在的报错提⽰好像基本上都是统⼀⼀个地⽅，统⼀在上⾯或者下⾯。（图左为京东的登录界⾯，图右为去哪⼉的登录界⾯。）
3.3登录、注册、回密码的某些报错提⽰是否⼀致？
我开始设置为⼀样的。但是后⾯发现有问题。⽐如⼿机号码，登录的时候如⼿机号码位数出错，其实不必提醒为“请输⼊11位⼿机号
码”这样具体。直接提⽰“⼿机号码格式有误”就⾏了。因为注册的时候提醒过。⽽注册的时候就有必要了，注册时教育和引导⽤户的过程，越详细其实越好。
4、其他问题什么食物比较养胃
4.1登录注册做成页⾯还是弹窗？
你会发现同⼀个⽹站，同样是登录/注册功能，但有的⼊⼝进去是弹窗，有的⼊⼝进去是页⾯。这个我后来总结了下，⼀般点“登录/注册”按钮进⼊，是页⾯，因为这个时候⽤户的⽬的就是登录或者注册，⽐较明确。⽽⽐如点其他功能，这个功能需要登录注册才可以使⽤，⼀般就是弹窗。因为⽤户的⽬的不是登录注册，⽽是完成其他功能。弹窗的形式让⽤户觉得简单，对⽤户的其他⽬的⼲扰较⼩。
4.2回密码做成页⾯还是弹窗？
⼀般是页⾯。我想是因为回密码⼀般分为两个步骤的关系。
4.3弹窗-页⾯-弹窗？
由于我们第⼀期准备做登录/注册弹窗，在考虑qq快捷登录这样的⽅式的时候，需要绑定⼿机号。 绑定⼿机号也打算做成⼀个弹窗。qq快捷登录是⼀个页⾯。这样的话，就会经历从弹窗到页⾯再到弹窗，这样感觉还是⽐较奇怪。所以本期web端暂且不打算做qq登录。
4.4web和触屏端是否⼀致？
由于web的登录和注册也算做到极简了，调整下宽度，⽤于触屏端基本也没有问题。所以打算web和触屏端⼀致。
总之，登录/注册界⾯虽然看上去内容⾮常少，但由于⽹站性质不同、⽤户场景不同、第三⽅要求不同、还有产品⼀般性原则等，需要考虑的点还是蛮多。
不过由于时间问题，还是存在参考⽹站较少，参考国外⽹站较少的问题。以前觉得，⼤多数登录注册页⾯还是太过中规中矩，并不是那么有趣。轮到⾃⼰做的时候，却也不敢放开来做。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。