如何设计注册表单

注册页面是获取用户资料的主要途径，绝对不是越简单越好，设计要从体验上为用户提供方便，而不是降低注册门槛。菜鸟博主将结合以前看过关于表单设计的文章和自己的一些浅薄经验做一个总结：

（以下内容偏向于B2B的网站）

一『注册的需求包括哪些』

注册的需求大概可以分为四个步骤：①用户类型的分类  ②将访客转化为会员  ③获取用户的资料 ④资料完善和增值引导

①先看看各大网站是如何做用户类型分类这一步的：精心开发5年的UI前端框架！

京东商城

中国制造网国际站，将选择地区放在第一步，直接通过国内和国外的IP区分买家和供应商的表单。

关于用户类型的分类，我大概的总结了一下：

1. 根据IP分类国内外用户，然后根据地区习惯填写相对应的表单。

2. 根据用户的需求分类：

电子商务类：供应商，买家，企业，个人，团体等。

求职类：发布职位的企业，应聘者，应聘者又分为应届生和非应届生。

社交类：男，女，已婚，未婚。

——————————————————————————————————————–

②将访客转化为会员

这个步骤大概的需求包括：

1.填写帐号资料。主要包括：帐号，密码，邮箱，协议。

2.防止恶意注册，需要验证码响应机制。

3.应当提供已有帐号的入口。

——————————————————————————————————————–

③获取用户资料

1.罗列详细的资料表单让用户选择性填写。

2.获取有价值的用户信息，公司信息和联系方式

——————————————————————————————————————–

④资料完善和用户引导

1.用户在填写完所有资料后，一般不会让用户 “悬着”，会提供使用引导。精心开发5年的UI前端框架！

2.提供增值服务预览和介绍。

3. 提供邮箱激活。

看一些用户引导的例子

关于注册的需求大概就是这些了，下面我们开始流程分析；

二『注册的流程 』

主要流程大概的归纳，其中第二种流程为现有网站使用最多的注册流程。

这个流程中最容易出问题的就是邮箱激活了。

关于邮箱激活:

1.邮箱验证失败分三种情况：
①未收到邮件，可以在当前页面点击再次发送按钮，系统会发送新的激活邮件给用户，之前的链接作废。
②邮箱激活链接已经过期，但帐号信息未过期，会引导用户登录会员中心，再次发送激活邮件。 精心开发5年的UI前端框架！ 
③邮箱激活链接已经过期，帐号信息也过期（部分网站对一直未做激活的帐号做删除处理）
，这时候用户点击链接，会提示他登录会员中心，登录未成功给出原因，让他重新注册。
当然删除帐号前还会发邮件通知。

三『 怎样设计才能提升填写表单的体验』

1.首先，给用户一个加入的理由

在表单的空白区域添加广告文案

2.讲清楚让用户怎么填。

①每项内容的填写的规格应给予明确的提示。（提示包括让用户填写的理由，比如我为什么要你的手机号；填写的范例 e.g.)

②明确的说明哪些是必填，哪些是可选？（必填的要有 * 号，可以在顶部加上Fields marked with an asterisk * are required.这样一句话，其实也可以不加，因为能开机的都知道*是必填项，但我说不过PM只好加上了）精心开发5年的UI前端框架！

③用进度尺提示用户已完成哪些步骤，还差多少步骤。

④注册成功后，需要”夸奖“一下用户，并告诉用户下一步可以干嘛。（如果让我写文案，我要模仿数字公司的安全检测—-恭喜你！你已成功打败了19999的火星用户，注册成功了 ！下面你可以去发布产品或者继续完善公司资料）

 

 

四『 如何设计』

前戏好像有点长，下面来聊聊具体页面的设计。精心开发5年的UI前端框架！

①页面布局

 

②信息提醒和报错方式（提示规则：鼠标点击输入框时即显示，触发下一条输入框时消失； 报错规则，即时校验报错。正确话就显示√；如果前端有时间还可以让输入框也变颜色提醒）

③信息一定要做归类，这样会显得表单没那么长。

④显示步骤进度条 (这个之前讲过了）

⑤去除干扰元素 (很多PM都以为用户是傻瓜，什么信息都往上堆，生怕别人不知道,举个反例）精心开发5年的UI前端框架！

⑥尽量提供单项选择 （选项少别用下拉框）

⑦完善填写的细节（要有服务态度，我们能做的，就不用麻烦用户了）