Archive for the ‘Interaction Design’ Category

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

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

一个Link被点击之后有可能是打开新窗口,也有可能是刷新当前窗口,这两种打开方式一直并存于互联网中。
存在即道理吧,没有固定的使用范围,只有特定的环境下合适的应用。
 
国际站的4大核心List在打开方式上也有过不同的声音和争论,有不少举例其他商务网站的、搜索引擎的,也有提到用户培养习惯的、行为目的的。
听起来大家说的都有道理,在不能达成一致意见的情况下,选择快速的测试方式是非常有效的。
 
2月下旬,力排众议选定了4大核心中相对影响较小的Suppliers作为测试对象,于25日将打开方式改为‘当前窗口刷新’。
几天后取得前三天数据,形式看来一片大好,L-D(从List page到Detail page的转化)的PV三天平均上涨了11%。
 
 
大伙很是激动,于是老大拍板其他几个List打开方式也改为‘当前窗口刷新’,但我对这短短三天的数据还是抱有质疑态度的,毕竟时间太短,用户对这个改变是需要了解和适应过程的,有可能三天数据的上涨是用户在不明白情况下误点或重复点出来的。所以和PD商量后,还是保留了Selling Leads打开方式不变,于29日将Products和Buying Leads的打开方式改为‘当前窗口刷新’。
 
 
从趋势图大家可以看到,Suppliers L-D从29日开始直线下降,后三天的降幅远远大于前三的涨幅(L-D的PV三天平均下降了近22%,是涨幅的一倍);
Products L-D也只在29日发布当天有过4%的小幅增涨,随后大幅下降,下降同期对比指数在32%;
Buying Leads L-D也是一样的情况,29日发布当天有不错的11%的增涨,随后也直线回落;
而未改变的Selling Leads一周的L-D PV基本呈上涨趋势。
 
数据已经清楚的告诉了我们在这里用‘打开新窗口’方式更合适。
个人分析合适的两个原因:
1、一直以来培养的用户习惯;
2、List页面的特殊性,它是无数信息的集合,这些信息提供的内容只是个概要,所以它们形成了无数个入口。用户要从那么多信息中挑选出自己需要的,所以必须进行对比。这就产生出两种比较有代表性的浏览方式。
一种,用户先在List页大致筛选出和需求相关的几条信息,他们将这几条信息挑出来另外放置(新窗口),然后再在这几个新窗口里详细浏览,筛选出自己要的信息,这就像一个淘金的过程。如果都觉的不太满意或没有相符的,用户可以马上回到List页面继续筛选。
另一种,用户在List页看到一条可能符合自己需求的信息,打开来后马上细细浏览,如果不符合或不太满意,可以直接关掉这个页面,也不会影响回到List页面继续筛选。
这两种浏览方式的共同点是,用户可以一步回到List页继续筛选,这也是‘打开新窗口’方式的特性,保留了前一级不覆盖。
18th 五月

这是一篇受密码保护的文章。您需要提供访问密码:


18th 五月

这是一篇受密码保护的文章。您需要提供访问密码: