一、APP登录注册
移动设备是个人隐私性较高的设备，用户在操作时可以有效保护输入的密码；
移动设备随身携带iphone验证码输入错误次数过多，随时随地更改位置。网络状况不稳定因素较多；
移动设备的显示面积小，登录注册页面一般有3页（M站一般是一页），用户需要填写的内容要简化；
移动设备输入多为手指触屏操作，人机交互有其独特之处，如虚拟键盘设计、特效设计等。
二、关于APP登录注册设计的思考
在开始设计产品之前，请务必考虑：
三、登录和注册的设计步骤
假设前面的问题很清楚。那我们来设计登录注册吧。
第一步：梳理脑图，梳理现有的登录方式和信息结构； （一般用xmind，操作简单好用，最重要的是免费）
第二步：梳理业务流程，精简每一步，做好各种情况的处理计划（流程梳理非常非常重要）；
第三步：画草图/线框，初步设计页面元素和布局；
第四步：交互设计，针对每个页面元素进行设计，页面跳转，操作反馈，异常处理，按钮以及页面的各种状态；
第五步：自检测试，线框和交互设计自检，交互设计操作最好使用Axure等交互软件，建立自己的自检清单；
第 6 步：输出 PRD、线框图和交互设计草案。
四、设计细节
由于设计每个页面都需要时间和精力，我只做一个简单的总结。
以注册为例，一般注册流程：填写手机号-获取验证码-填写密码。
1.帐号
帐户没有格式要求。如果只是手机号，前端需要验证手机号的有效性吗？
手机号码是纯数字。是纯数字键盘弹窗，方便用户快速填写，避免用户来回切换？
手机号码的数字是如何呈现的？哪种格式？
2.验证码
验证码格式为四位/六位验证码，或英文+数字验证码。英文是否区分大小写？
按钮的默认显示状态和用户输入信息后按钮的颜色变化效果，如何设计更好？
如何设置倒计时？或标签？哪个更好用？为什么好（哪里好）？如何设计？
验证码的倒计时一般默认为60秒，但一般验证码的有效期为5分钟。之所以设置60秒，是因为大多数情况下，60秒内就可以发出验证码。如果无法获取验证码，用户的等待时间不会太长，减少用户的焦虑，提升体验。
3.密码
最小和最大字符设置，提示文字是“位”还是“字符”？如“请输入6-16个字母或数字”
密码是否应该限制为特殊字符？比如“空格”、“/”等，为什么要限制？是否有任何安全注意事项？
设置密码后注册按钮如何变化？点击“注册”后，网速慢时页面和按钮如何响应？是否要加锁屏浮层+缓冲提示？
4.错误信息
发生错误时的错误提示文字是什么，提示格式是弹窗、toast还是当前页面显示的文字？
Toast没有焦点，Toast的显示时间是有限的，一定时间后会自动消失。
弹出框会屏蔽用户的操作，需要手动点击确认后会消失。
如果在当前页面显示文字，提示文字的位置，页面格式根据提示文字的变化，需要什么样的视觉效果
5.异常通知
点击【获取验证码】，检测到手机号已经注册。如果没有灰色设置，输入框为空，手机号无效，需要提示：
点击【注册】时，可能会出现输入框为空、验证码无效等情况，如果没有灰色设置，需要提示：
6.短信验证码
短信验证码一般通过第三方渠道发送，在技术方面进行规避，对产品规则有一定的限制；
验证码的格式要简单明了，如“，XX验证码。[XXX]。
验证码字数限制一般为6位。
7.邀请码
注册是邀请注册吗？如果是注册邀请，邀请码的格式怎么设计？
邀请码错误提示，成功注册后已填写邀请的用户和未填写的用户有什么区别？有邀请码的用户有奖励吗？
8.注册成功后的提示、状态变化和页面跳转
注册成功后会同时切换到登录状态。登录状态下保存账号和密码有时间限制吗？
提示注册成功，跳转到相应页面。目标页面的状态是否有缓存，是否需要缓存？
如果之前在需要token的页面跳转到注册页面，注册成功后需要自动跳转回上一页面
注册前有第三方登录。用户注册后需要绑定第三方账号吗？
五、其他说明1.输入框
手机号码输入框，手机号码显示一般为344格式，方便用户检查号码是否正确，如：
输入手机号码的判断，第一个数字必须以1开头，非1字符并提示错误，第二个数字必须在3到9之间（包括3到9），如果是不在范围内，会提示错误等待
验证码输入框一般比较短；
密码输入框，默认一般以密文形式显示。为了更好的交互，您可以将按钮设置为以纯文本显示。最好只设置一次密码。这是为什么呢？
2.按钮
提交按钮和文本按钮的按钮设计、位置和主次布局设计；
在按钮状态的设计中，要考虑不同的状态操作。变灰和高亮的默认条件，按钮变灰是什么意思？
按钮提交反馈，点击动作是给出响应或反馈。
3.验证码
验证码的格式，字母、数字、字符等，一般为4位或6位；
验证码的有效时间是根据不同的产品设计的，有效时间内的验证码操作需要给出明确的反馈；
获取验证码的次数上限、技术限制和产品设计限制同步，避免无限制访问；
获取验证码的时间一般由第三方发送，但用户获取时间最好限制在5秒内
验证码是如何触发的？为什么有些页面是点击那个女孩的页面跳转到的，有些页面跳转后再次点击可以得到？为什么不一样？
倒计时状态触发后会怎样？再次获取验证码后，原验证码怎么办？
是否需要在短时间内多次获取验证码后向用户发送验证码？还是提示验证码已发送，请输入？
4.返回按钮
在注册、找回密码、第三方登录等操作过程中，返回时需要特别注意点击返回后的操作提示；比如修改注册手机、提交验证码后设置密码等
点击返回时，干扰正常流程的操作一般需要强提示，提示弹窗注意文案和按钮文字设计
点击返回后，当前页面和目标页面的状态有变化吗？比如手机号码是空白还是显示输入的手机号码？
在浏览应用时进入登录页面，登录页面是否需要有返回键？
六、总结
登录和注册的设计涉及到很多方面，这是最常见的，也最容易被设计师忽略。每个元素的设计都必须独立思考。它不能被复制或想象。需要提前理解和思考，多想想为什么，多问问自己为什么？在实际设计过程中iphone验证码输入错误次数过多，需要关注实际应用场景。
本文最初由@ 发布 每个人都是产品经理。未经作者许可，禁止转载。
题图来自，基于CC0协议。
节点/小火箭/美区ID/国外苹果ID/美区小火箭购买/美区小火箭兑换码/shadowrocket兑换码/苹果商店下载shadowrocket网址
原文链接：APP登录注册设计前需要注意哪些问题？-八维教育，转载请注明来源！