目前很多网站有选择用户名这个字段，或者单独用户手机、邮箱、微信等方式登陆，不过这并没有错，而是根据网站的类型以及需求来定，设计人员可以自行决定。而下面说的是采取手机和邮箱的注册模式。
①用户注册模式。
1.手机和邮箱注册；----同框，输入框提示文字。----判定正确性与重复提示。
-----验证码。--------------图文对应入座验证。
-----输入二次输入验证。-------输入框提示密码位数与位数判定-以及密码二次输入判定。
----输入手机号/邮箱----手机验证或者邮箱验证，提示输入手机或者邮箱先验证是否验证过。
-----默认勾选用户协议。
----点击注册
------响应事件，注册成功。
------跳转登陆界面，让用户输入账号密码登陆。进行登陆验证。
至于手机与邮箱的使用，方便的是后期用户的邮件营销活动而定的。不然无法顺利把需要表达的信息传递到用户手上。比如用邮件，很多微信上都会收到邮件提示。
2.第三方注册。
第三方注册，是一个很方便的，直接用第三方插件来使用就可以，但是对于一些网站来说，还是需要对第三方注册的用户进行标记或者绑定，这是出于业务或者更多需求，下面就说下这点。不需要的可以路过。
创建新账号/绑定已有账号
2.1创建新账号。
----输入手机号，邮箱，类似第一种注册。
----输入密码---位数、格式验证。以及二次密码验证。
----图片验证码。
----注册成功；
绑定成功，第三方登陆成功。
2.2绑定已有账号。
-----输入账号，验证账号是否注册。
----输入密码
------验证码，图文验证。
-----验证账号，密码；绑定成功，注册成功，跳转上级页面。
PS：其实，用第三方登陆的人很少去使用上面的方式，大部分都是论坛会使用到。也很麻烦，多此一举的感觉。
②登陆模式。
1.手机、邮箱，同框。
----判定正确性，手机、邮箱注册与否，如果未注册，提示去注册。
输入密码一次。---密码框有按钮可以选择显示密码。
输入验证码------图文验证。
登陆成功，响应事件，弹窗提示登陆成功，然后返回上一级界面。
2.第三方登陆。
其它相应位置显示第三方登陆标志。或者首页有快捷键。
且把第三方登陆的快捷键放在明显位置，即可，这个省略。
PS：在登陆界面添加注册、找回密码、记住密码入口与相应功能按钮。
③密码找回。
密码找回，找回方式-手机/邮箱找回。
-----选择找回方式，必须输入手机号或者邮箱。
-----选择手机号/邮箱，发送验证码到手机或者邮箱。
-----用户验证成功
---进入密码重置界面，二次输入新密码。
----输入完成，密码验证成功，点击完成重置。
----提示，密码重置成功，返回登陆界面。
④快捷按钮以及其他信息。
1.登陆框添加快捷按钮：不同的网站可以在登陆界面加一些小的快捷键，根据网站的需求来加，这个看自身情况。
2.注册、密码找回，登陆等界面，如果是单独页面，可以添加相应匹配的信息。
（作者：一步莲华，来自，站长资源平台：http://www.2898.com/ ）
