网站注册以及登陆界面方案推荐！

    目前很多网站有选择用户名这个字段，或者单独用户手机、邮箱、微信等方式登陆，不过这并没有错，而是根据网站的类型以及需求来定，设计人员可以自行决定。而下面说的是采取手机和邮箱的注册模式。

①用户注册模式。

1.手机和邮箱注册；----同框，输入框提示文字。----判定正确性与重复提示。

-----验证码。--------------图文对应入座验证。

-----输入二次输入验证。-------输入框提示密码位数与位数判定-以及密码二次输入判定。

----输入手机号/邮箱----手机验证或者邮箱验证，提示输入手机或者邮箱先验证是否验证过。

-----默认勾选用户协议。

----点击注册

------响应事件，注册成功。

------跳转登陆界面，让用户输入账号密码登陆。进行登陆验证。

至于手机与邮箱的使用，方便的是后期用户的邮件营销活动而定的。不然无法顺利把需要表达的信息传递到用户手上。比如用邮件，很多微信上都会收到邮件提示。

2.第三方注册。

第三方注册，是一个很方便的，直接用第三方插件来使用就可以，但是对于一些网站来说，还是需要对第三方注册的用户进行标记或者绑定，这是出于业务或者更多需求，下面就说下这点。不需要的可以路过。

创建新账号/绑定已有账号

2.1创建新账号。

----输入手机号，邮箱，类似第一种注册。

----输入密码---位数、格式验证。以及二次密码验证。

----图片验证码。

----注册成功；

绑定成功，第三方登陆成功。

2.2绑定已有账号。

-----输入账号，验证账号是否注册。

----输入密码

------验证码，图文验证。

-----验证账号，密码；绑定成功，注册成功，跳转上级页面。

PS：其实，用第三方登陆的人很少去使用上面的方式，大部分都是论坛会使用到。也很麻烦，多此一举的感觉。

②登陆模式。

1.手机、邮箱，同框。

----判定正确性，手机、邮箱注册与否，如果未注册，提示去注册。

输入密码一次。---密码框有按钮可以选择显示密码。

输入验证码------图文验证。

登陆成功，响应事件，弹窗提示登陆成功，然后返回上一级界面。

2.第三方登陆。

其它相应位置显示第三方登陆标志。或者首页有快捷键。

且把第三方登陆的快捷键放在明显位置，即可，这个省略。

PS：在登陆界面添加注册、找回密码、记住密码入口与相应功能按钮。

③密码找回。

密码找回，找回方式-手机/邮箱找回。

-----选择找回方式，必须输入手机号或者邮箱。

-----选择手机号/邮箱，发送验证码到手机或者邮箱。

-----用户验证成功

---进入密码重置界面，二次输入新密码。

----输入完成，密码验证成功，点击完成重置。

----提示，密码重置成功，返回登陆界面。

④快捷按钮以及其他信息。

1.登陆框添加快捷按钮：不同的网站可以在登陆界面加一些小的快捷键，根据网站的需求来加，这个看自身情况。

2.注册、密码找回，登陆等界面，如果是单独页面，可以添加相应匹配的信息。

    （作者：一步莲华，来自，站长资源平台：http://www.2898.com/  ）