百度移动互联网设计研究_手机UI基础调研_文字链间距.pdf

1 / 百度用户调研
手机UI基础调研-文字链间距研究报告
UER (User Experience Researcher)
2011/03/25
2 / 百度用户调研
Contents Chapter 1. 调研概述
Chapter 2. 主要结论
Chapter 3. 具体结果
•纵向排布文字链
•横向排布文字链
•产品页面主观评估
Appendix 被试资料等
3 / 百度用户调研
Chapter 1 调研概述
包括:调研目的、调研方法、调研对象
4 / 百度用户调研
调研概述
调研目的
•通过实验测试,了解不同页面情形中,文字链接之间的上下间距、左右间距对用户的影响
•通过实验和访谈,探索适合产品页面文字链采用的间距
研究问题
•到底什么文字链之间应该相隔多少呢?
目前产品高端界面上答案不一,目前高端版无线产品的界面上,上下间距/~,
左右间距/~
•知道:字体14px,左右间距5px,,块状列表(分类)行高24px
(折算上下间距10px)
•空间:字体14px,上下间距12px
•新闻:字体16px,左右间距18px,块状列表行高32px(折算上下间距16px)
•小说:字体18px,左右间距5px,上下间距17px
•用户在触屏上真实点击一条纵向排布、或者横向排布的文字链时,上下、左右偏移量有多大?
•文字链的间距如果比“那个值”更小或更大的话,会对用户造成什么影响?
5 / 百度用户调研
调研概述
调研方法
测试设计
•自变量(重点设计的变量)
文字链接页面布局:上下排布、左右排布
文字链字体:14px、16px(补充18px,但鉴于数据少,未详析) ~ ~
文字链间距:每个字体下分别设置3档上下间距和左右间距
间距上下间距左右间距
不字体的比例不字体的比例
字号

14 7
16 8
•因变量(关注的指标)
偏移量:用户点击位置在纵向(针对上下间距问题)、横向(针对左右间距问题)上偏移文字链中心的距离
正确率:用户正确点击的次数与用户所有点击次数的比例
操作时间:用户点击每条链接的时间,计算方法为上一条链接点击到这条链接点击之间的时间差(包含寻找、点击、及在跳转页操作)
•控制变量(采用方法平衡、或尽可能照顾到的因素)
纵向排布文字链长度:短(2-4字)、中(5-8字)、长(9-15字)
横向排布文字链长度:短(2字)、中(3字)、长(4字)
文字链排布类型:长度相近、长短交错混排

6 / 百度用户调研
调研概述
调研方法
测试物料
•测试机
测试机分别为G6和iPhone 3gs,分辨率320*480,系统分为android系统和 iOS系统。测试时,根据用户目前的手机,提供相应的测试机。
使用测试机自带浏览器
•测试页面
针对字体、间距、页面排布等,形成多组物料,测试页面可以自动记录用户点击的具体坐标和时间。同时分别选用保存的空间、知道、小说、
新闻的首页作为真实页面请用户进行主观评估。物料设计上对各个控制因素进行平衡
丌同字号/丌同上下间距
丌同排布类型丌同排布类型丌同左右间距
7 / 百度用户调研上下文字链左右文字链
调研概述
调研对象
•测试用户共31名,16名android系统手机用户,15名iPhone手机用户,具体信息请参考附录。共收集近20,000次有效点击进行分析
调研流程
测试前访谈基础测试测试后访谈
面对面地访谈,简单了解用户的基本信息和手机上网情况.
测试前访谈基础测试测试后访谈
用户按要求完成以下任务(为减少练****效应等,进行拉丁方平衡),页面自动记录用户的点击坐标和时间,同时进行录像和记录
•1、上下排布链接•2、左右排布链接•3、真实产品界面
按词表点击页面链接按词表点击页面链接评价页面第一印象、自由点击、对比丌同产品界面
8 / 百度用户调研
Chapter 2 调研主要结论
9 / 百度用户调研
调研主要结论
纵向排布链接
 Android上,点击纵向偏移量仅不文字大小有关且比值固定,95%,整体偏文字链下部
 iPhone上,点击更为集中,95%左右点击在1个字符左