Villiamin in Bottle

前些日子的那篇“网站注册那些事儿”还有一个对应的注册表单，今天才有空去整理出来。请列位看官往下看：

注册流程第一步：选择用户类型

因为特殊的情况，友商网的用户群体分为两类，于是可以将用户在注册时加以区分，以便后期提供相应的服务内容。

这里要描述清楚用户分类的情况以及各自的优势，以便合理的引导用户选择适合自己的类型继续下一步操作。

注册流程第二步（个人）：填写注册表单

表单字段最大化精简。其中有些字段控制和交互细节做以下注明：

1.初始状态，鼠标为触发任何输入事件时，只显示字段名称和输入框，不显示提示文字。以免太多文字提示给用户带来复杂的心理暗示。

2.鼠标触发输入事件时，显示提示文字。文字在输入框下方显示，方便视觉上下扫视而不是左右扫视。如未填入任何字符，不提示录入错误。

3.光标离开输入框并触发其他区域时，即时验证字段合法性。合法则在后面标注对号，非法则标注感叹号，并将对应提示文字加红框标注。

4.验证码字段，鼠标触发后再显示验证码内容。避免之前消耗过多时间而造成的验证码过期。

5.所有字段均合法后，“确认并注册”按钮方可点击。优点是此时所有字段均合法，除不可抗力因素（如长时间无操作，掉线，断电-_-||）外，点击按钮即可注册成功。

注册流程第二步（企业）：填写注册表单

企业用户需要填写的表单较为复杂，由于企业用户行为的特殊性及身份惟一性等原因，需要填写公司名称联系方式等资料。如果公司名称被占用，可以选择重新输入或加入此公司，见下图：

选择加入公司后，后面的联系方式等资料可以不用填写，直接填写完验证码后即可提交。

注册流程第三步：注册成功

目标单一，让用户注册完成后进入用户后台使用产品。

O了，以上流程还是不考虑运营及商业目标的设计，欢迎大家交流拍砖……