• 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
  • 当前位置: 山茶花美文网 > 经典文章 > 正文

    如何设计注册表单:从体验上为用户提供方便_用户注册表单验证

    时间:2018-08-11来源:山茶花美文网 本文已影响 山茶花美文网手机站
    如何设计注册表单:从体验上为用户提供方便1

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

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

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

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

    如何设计注册表单:从体验上为用户提供方便2

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

    京东商城

    如何设计注册表单:从体验上为用户提供方便3

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

    如何设计注册表单:从体验上为用户提供方便4

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

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

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

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

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

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

    ②将访客转化为会员

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

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

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

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

    ③获取用户资料

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

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

    ④资料完善和用户引导

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

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

    3. 提供邮箱激活。

    看一些用户引导的例子

    如何设计注册表单:从体验上为用户提供方便5

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

    二『注册的流程 』

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

    如何设计注册表单:从体验上为用户提供方便6

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

    关于邮箱激活:

    如何设计注册表单:从体验上为用户提供方便7

    1.邮箱验证失败分三种情况:

    ①未收到邮件,可以在当前页面点击再次发送按钮,系统会发送新的激活邮件给用户,之前的链接作废。

    ②邮箱激活链接已经过期,但帐号信息未过期,会引导用户登录会员中心,再次发送激活邮件。

    ③邮箱激活链接已经过期,帐号信息也过期(部分网站对一直未做激活的帐号做删除处理)

    ,这时候用户点击链接,会提示他登录会员中心,登录未成功给出原因,让他重新注册。

    当然删除帐号前还会发邮件通知。

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

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

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

    如何设计注册表单:从体验上为用户提供方便8

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

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

    如何设计注册表单:从体验上为用户提供方便9
    如何设计注册表单:从体验上为用户提供方便10

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

    如何设计注册表单:从体验上为用户提供方便11

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

    如何设计注册表单:从体验上为用户提供方便12

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

    如何设计注册表单:从体验上为用户提供方便13

    四『 如何设计』

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

    ①页面布局

    如何设计注册表单:从体验上为用户提供方便14

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

    如何设计注册表单:从体验上为用户提供方便15

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

    如何设计注册表单:从体验上为用户提供方便16

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

    如何设计注册表单:从体验上为用户提供方便17

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

    如何设计注册表单:从体验上为用户提供方便18

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

    如何设计注册表单:从体验上为用户提供方便19

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

    如何设计注册表单:从体验上为用户提供方便20

    好像写完了,不知道射击师&攻城师们觉悟了没?

    最后感谢阅读。

    作者:小猛

    文章来源:小猛的交互设计

    • 如何设计注册表单:从体验上为用户提供方便_用户注册表单验证 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全