• Page 1 of 1
  • 1
[UX]白点实验
任何有屏的界面,在设计布局前都要考虑信息中心(看着爽)和易操作(用着爽)的区,由此作为元素分布和布局依据。

看着爽的和用着爽的区怎么来的?无非是要统计大量用户使用数据而来,在此提供一个白点实验,方便大家搞定这件事。

白点实验的玩法

白点实验,其实是叫程序猿童鞋搞一个简易APP,在黑色背景下出现白色圆形,有两种模式:
测看着爽——
1.白点大小相同
2.白点位置不定
3.每次出现一个白点,固定操作后(如点触右下角固定位置),切换下一个白点
4.记录每次白点位置及对应的操作响应时间

测用着爽——
1.白点大小相同
2.白点位置不定
3.每次出现一个白点,点触白点后(如点触右下角固定位置),切换下一个白点
4.记录每次白点位置及对应的操作响应时间
测试前,设定约束条件

这么个简单的app,玩法也很简单,因此便于采集更多的数据,不过测试前还要有些约束条件。

比如使用者,选择参与测试的人群,你需要已经做好了用户设定,年龄、文化程度,设备认知度及使用频率等等。

还有使用场景,比如Office产品,在办公室静静测便好;路上用的,便到大街上玩这个APP(安全为前提)

还有各种特殊约束,根据产品需要补充
数据采集的细分

白点位置数据
如果要精确到像素,那么数据量会很大,因此我们的建议是划区,栅格化屏幕区,单元的大小根据UI基础规范便好,一般UI基础规范中,栅格化单元是使用分辨率长和宽的公约数作为边长的正方形,如果你没有这个规范(最好是有,有助于界面设计制作的标准化),也可以以单指平均触摸面为参考,一般6x6mm为一个单元,如果产品有性别(男/女),年龄(大人/小孩)差异,自行调整平均值。
这样划分后,比如一个16:9的5.5寸屏,大约分为20x11个区(保持整数划区,处于的尺寸放在边缘),左上角那个定义记为X1Y1,以此类推右下角为X11Y20,类似excel

白点操作响应时间
这里要求实验用户个体反应速度基本无差异,如果差异较大建议分组测试,分组分析数据,如年轻人和老年人

最后每个白点操作后会记录两个数据,位置X?Y?,响应时间T
有效数据筛选

参与调研用户质量很高的忽略此步。

按每个X?Y?将响应时间做散点,筛去边缘数据,如X1Y1区,主要集中在500~700ms,200ms以下的只有十几个,则归为无效数据,不参与统计
数据统计

根据有效数据,算每个单元的平均耗时
数据分析

我们最终目的是根据易看、易用的程度对屏幕分区,因此这里要根据时间来分类位置。

方法一,线性等分
比如根据需求分为必须易看、偶尔看、无所谓看不看三类区,采集的时间跨度在100~1000ms之间,则分为100~400ms,401~700ms,701~1000ms,对应100~400ms为易看区,以此类推。
方法一会有个误差,因为响应时间未必是一个等比分布的直线,所以处女座可以采用方法二

方法二,分布等分
这个是根据采集数据量的等分,比如一共采集了三千个数据,按升序排列,1~1000名的数据归为一类,1001~2000一类,2001~3000一类,这样出来的结果有可能是,第一类在100~600ms,第二类在601~800ms,第三类801~1000ms

按以上分区方法,你也可以根据产品屏幕容量,单页面元素数量等,分成五区、七区等
绘制分区

分区是连续分布的,因此绘制时忽略数据不连续的单元格。
另如果不连续的单元格较多,可能采集数据的有效性和精确性有误差,建议重头再来T_T

  • Page 1 of 1
  • 1
Search: