注册表单的改进分解

作者:vinnyhoo 来源:Alibaba.com UED 时间:2008-05-31 17:19:00 

为了降低用户注册难度,国际站的主注册表单一直在改进。主注册三月至今发生了两次较大的变化,现在对表单调整的地方分解如下:

1.  两步并一步

2.  精简了非必填字段

3.  更改了校验视觉样式

4.  利益点,引导意图

5.  放大校验码

6.  简化agreement部分,弱化其他视觉干扰

7.  信息布局划分

8.  文案表述

9.  数据跟踪

就上述几点做详细的解释: 

1-根据国际站的商业需求,需要照顾中国供应商的leads获取,但为了改进表单和降低用户注册的门槛,将分为两步的表单合为一步,但会在表单上做一个明显的提示,引导中供leads[如下图]


 

2-对表单字段做了精简,保留了用户基本信息字段,将原有的字段移到后续需要行为操作表单时填写

3-对操作区域做了高亮显示;填写输入时出现tips提示(帮助和e.g.);出错时有更正提醒(在视觉上用叹号的提醒icon,替换了原先略有挫败感的小红叉icon);填写正确有成功的提示(鼓励用户继续进行下一步的填写)[如下图]

4-多次数据证明需要告诉用户一个明白的逻辑:为什么要join Alibaba.com,所以在新表单发布上线1周左右,在右侧添加了注册的benifits

5-如果说表单让人觉得麻烦,那另一个拦路虎就是表单校验码!尤其是对于我们的那些上了年纪、电脑基础相对薄弱的目标用户群;考虑安全问题,不能去除的前提下做了一些清晰提示的小改动,使用了全站统一的校验图片、刷新的提醒……当然这些还不够,追求安全和易用的平衡下不断完善
 

6-将原来的Agreement和Policy的位置移到提交按钮下方,强化引导提交行为,相对弱化Agreement和Policy的引导
 

7-内容上将用户信息定性划分了三个部分;体现在布局上——三块信息,缩短所有字段堆砌,导致冗长的心理感觉;视觉上提醒用户有行为进程,表单不会太长能尽快填完(如下图)
 

8-一直被忽略的文案是最终的赢家,文字传达的好坏在人的心理影响上起到了很大的作用,非严肃的公文书面用语会让用户觉得轻松一些,降低完成难度
 

9-数据跟踪是我们改进表单的根本依据,所以我们有了水晶观察者,在水晶球后观察用户的困难然后像魔法师一样给他们切实的帮助

后续还将就校验框架的交互表现做专题描述,以及表单改进后的阶段数据观察,敬请期待!

标签:表单,注册,用户体验,设计
0
投稿

猜你喜欢

  • Python爬虫之爬取淘女郎照片示例详解

    2021-01-16 12:50:48
  • sqlserver附加.mdf权限问题解决

    2024-01-17 15:46:20
  • python PyVCF文件处理VCF文件格式实例详解

    2021-11-14 02:23:16
  • ASP 函数语法速查表

    2010-03-17 20:59:00
  • Vue + iView实现Excel上传功能的完整代码

    2024-05-29 22:43:13
  • javascript中的throttle和debounce浅析

    2024-05-08 10:10:27
  • python进行图像边缘检测的详细教程

    2023-08-10 04:53:40
  • ASP编程中的常见问题

    2007-09-20 13:32:00
  • Sun拟10亿美元收购MySQL

    2008-01-17 11:56:00
  • 详解MySQL中的死锁情况以及对死锁的处理方法

    2024-01-20 05:33:33
  • python实现双人五子棋(终端版)

    2022-08-26 14:28:57
  • Django使用Celery实现异步发送邮件

    2022-11-04 17:50:47
  • JavaScript观察者模式(经典)

    2024-04-22 22:42:05
  • 解决Django中修改js css文件但浏览器无法及时与之改变的问题

    2023-10-20 05:54:08
  • CentOS7.5 安装MySql的教程

    2024-01-13 07:08:16
  • FCKEidtor 自动统计输入字符个数(IE)

    2023-01-28 10:07:54
  • 基于Python爬取股票数据过程详解

    2021-02-27 08:42:18
  • win10安装tesserocr配置 Python使用tesserocr识别字母数字验证码

    2022-12-19 11:56:28
  • python os.stat()如何获取相关文件的系统状态信息

    2022-06-18 09:28:23
  • 教你使用webpack打包编译TypeScript代码

    2024-06-10 22:53:32
  • asp之家 网络编程 m.aspxhome.com