注册表单的改进分解
作者: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-数据跟踪是我们改进表单的根本依据,所以我们有了水晶观察者,在水晶球后观察用户的困难然后像魔法师一样给他们切实的帮助
后续还将就校验框架的交互表现做专题描述,以及表单改进后的阶段数据观察,敬请期待!


猜你喜欢
- 优化的思路一般是: 第一个是尽量降低向客户端同步对象的数量,第二个是尽量降低单个对象向客户端同步的数据."九宫格"是最常
- 项目初始化首先我们创建一个目录,初始化 npm,得到一个package.json文件。mkdir react-clicd react-cli
- PHP PDO 大对象 (LOBs)应用程序在某一时刻,可能需要在数据库中存储"大"数据。"大"通常
- 一、父组件向子组件传值(props)步骤:在父组件中通过 v-bind 将数据传给子组件在子组件中通过 props 接收父组件传递过来的数据
- 1. 匿名函数匿名函数(anonymous function)是指未与任何标识符绑定的函数,多用在functional programmin
- 求解列表中元素的排列和组合问题这个问题之前就遇到过几次没有太留意,最近在做题的时候遇上挺多的排列组合问题的,想来有必要温习一下了
- 用python的matplotlib画图时,往往需要加图例说明。如果不设置任何参数,默认是加到图像的内侧的最佳位置。import matpl
- 今天在看文档的时候,发现pytorch 的conv操作不是很明白,于是有了一下记录首先提出两个问题:1.输入图片是单通道情况下的filter
- 先来看一个老掉牙的故事:福特说,我在设计汽车之前,到处去问人们“需要一个什么样的更好的交通工具?”,几乎所有人的答案都是 ── 一匹“更快的
- 解决方法:1.首先你需要在自己的app下面创建2个目录 static 和 templatesstatic下存放静态文件,templates下
- 这个问题是py2和py3兼容性的问题在py2中,判断key是否属于dict的写法可以是:d={'name':'abc
- 今天在推上看到一条获取PHP类私有属性的推文,感觉很有意思:顺着推文联想,还有其他方式吗?经过自己的测试及网上答案,总结出三种方法:1. 反
- 上一篇 我们学习了简单的Python TCP Socket 编程,通过分别写服务端和客户端的代码了解基本的 Python Socket 编程
- Powerdesigner界面-tools-Resources-DBMS,点击左上角的New,选择copy from templete,如果
- 描述log10() 方法返回以10为基数的x对数,x>0。语法以下是 log10() 方法的语法:import mathmath.lo
- 为了安全起见,最好还是给打开的文件对象指定一个名字,这样在完成操作之后可以迅速关闭文件,防止一些无用的文件对象占用内存。举个例子,对文本文件
- 本文介绍了Python中Selenium模拟JQuery滑动解锁实例,分享给大家,也给自己留个笔记滑动解锁一直做UI自动化的难点之一,我补一
- 如下所示:from numpy import *import numpy as npimport matplotlib.pyplot as
- 1、主题毫无疑问Pycharm是一个具有强大快捷键系统的IDE,这就意味着你在Pycharm中的任何操作,例如打开一个文件、切换编辑区域等,
- 内联优化是一种常见的编译器优化策略,通俗来讲,就是把函数在它被调用的地方展开,这样可以减少函数调用所带来的开销(栈的创建、参数的拷贝等)。当