在实际的项目中，我们经常听到的只是老板或者总监的一句话，例如：“我们的用户可以在平台中注册账号或者登录”

所以我们先来梳理一下功能：

登录与注册，这个几乎每个产品都需要做的功能，实际上随便上网抄一个就可以了，但若我们没确定我们要做什么，那随便一抄可能会导致整个产品变成四不像，废话不多少，直接展开：

登录与注册模块拆分为两个功能：

1.登录功能

2.注册功能

注册功能：

首先我们需要理清注册时需要什么？

注册需要填写表单

于是我们要理清楚填写表单需要填写些什么：

·手机号

·邮箱

·账号

·密码

·其他业务所需信息（如平台为邀请机制就需要邀请码）

至于手机号/邮箱/账号，实际上这里可以用手机号/邮箱代替账号，若你的团队不打算做邮件营销，只用手机号也是可以的，实际上很多网站也是仅用手机号注册

整理一下我们可以得到一个表单：

一个简单的表单

但这远远未够的：

1、我们需要确认这个手机号是其本人，所以我们需要验证码

2、若要兼容其他国家或地区的手机号，要需要加上手机号的前缀

3、密码仅输入1次，可能用户会输错，所以需要用户再次确认

所以扩展一下：

一个较为完整的注册表单

注册时肯定会有一些用户输入错信息，这时候我们要去决策怎样的错误提示是最好的，一般来说可以点按钮的时候产生提示：

一个简单的提示

一个简单Toast的全局提示，会自动消失

也可以在输入框失去焦点时，检查每个输入框的情况：

在输入框的下方出现提示语

第二种相对来说，会让用户更快地定位错误的地方，立即去修改；但在简单的表单输入中，第一种也是可以的，非常简洁的提示。

对于某些要求更高的输入框可以用气泡框显示具体要求：

用气泡框表示你的具体要求

最后加上你们公司的LOGO和按钮再调整一下位置：

一个完整的注册页面就展示出来

下一节再说说登录页面