快好知 kuaihz订阅观点

 

如何设计注册表单

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

(以下内容偏向于B2B的网站)

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

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

①先看看各大网站是如何做用户类型分类这一步的:

京东商城

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

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

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

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

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

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

社交类:男,女,已婚,未婚。

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

②将访客转化为会员

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

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

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

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

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

③获取用户资料

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

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

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

④资料完善和用户引导

1.用户在填写完所有资料后,一般不会让用户 “悬着”,会提供使用引导。

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

3. 提供邮箱激活。

看一些用户引导的例子

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

二『注册的流程 』

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

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

关于邮箱激活:

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

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

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

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

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

②明确的说明哪些是必填,哪些是可选?(必填的要有 * 号,可以在顶部加上Fields marked with an asterisk * are required.这样一句话,其实也可以不加,因为能开机的都知道*是必填项,但我说不过PM只好加上了)

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

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

 

 

四『 如何设计』

前戏好像有点长,下面来聊聊具体页面的设计。

①页面布局

 

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

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

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

⑤去除干扰元素 (很多PM都以为用户是傻瓜,什么信息都往上堆,生怕别人不知道,举个反例)

⑥尽量提供单项选择 (选项少别用下拉框)

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

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:如何设计注册表单  表单  表单词条  注册  注册词条  如何  如何词条  设计  设计词条  如何设计注册表单词条  
设计

 关于推荐系统的5个问题

2009年一月,在阿姆斯特丹举行了一个名为Recked的活动,活动由Wakoopa和Strands主办,旨在讨论工程师们感兴趣的推荐系统。在活动介绍的内容中,提...(展开)

设计

 如何创建精致的UI界面(三):布...

为什么你的设计很平庸,为什么你的布局很常规,本篇文章给你答案!前面已经完成这个系列的“排版和图形”两篇文章,本周接着后面的布局篇幅,我们知道布局的好坏直接影响产...(展开)