编辑导读：几乎每一个APP都需要用户登录注册，这是一个产品的基础功能。这样一个简单的基础功能，也会随着用户使用场景和产品的特性变化。本文作者对APP登录注册的细节设计发表了自己的见解，与你分享。

一、APP登录注册

移动设备属于个人私密性较高的设备，用户在进行操作时，可对输入密码进行有效的保护；

移动设备随身携带，随时随地在变换位置，网络状况不稳定因素很多；

移动设备显示区域均较小，登录注册页面通常都会有3个页面（M站通常在一个页面），需要用户填写的内容要精简；

移动设备输入更多是手指触屏操作，人机交互有其独特性，例如虚拟键盘的设计，特效的设计等。

二、关于APP登录注册设计前的思考

在开始设计产品之前，一定要先想清楚：

• 为谁设计登录注册？
• 是否一定要登录注册？
• 是否需要独立的账户体系？
• 哪些操作需要用户登录？

三、登录注册的设计步骤

假设前面的问题都搞清楚了。那么我们来设计登录注册。

第一步：梳理脑图，梳理现有的登录模式和信息结构；（一般会用xmind，操作简单易用，最主要是免费）

第二步：梳理业务流程，把每一步操作都流程化，做好各种情况的处理方案（梳理流程非常非常非常重要）；

第三步：画出草图/线框图，对页面元素和布局进行初步设计；

第四步：交互设计，对每一项页面元素、页面跳转、操作反馈、异常处理、按钮和页面的各种状态等做出设计；

第五步：自检测试，对线框图和交互设计进行自检，**是用Axure等交互软件进行交互设计操作，建立自己的自检清单；

第六步：输出PRD、线框图和交互设计稿。

四、设计的细节问题

由于每个页面都要设计很耗费时间和精力，所以我只做简单地总结。

以注册为例，注册通用流程：是填写手机号码——获取验证码——填写密码。