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

1 / 百度用户调研 手机UI基础调研-文字链间距研究报告 UER (User Experience Researcher) 2011/03/25 2 / 百度用户调研 Contents Chapter 1. 调研概述 Chapter 2. 主要结论 Chapter 3. 具体结果 • 纵向排布文字链 • 横向排布文字链 • 产品页面主观评估 Appendix 被试资料等 3 / 百度用户调研 Chapter 1 调研概述 包括：调研目的、 调研方法、 调研对象 4 / 百度用户调研 调研概述 调研目的 • 通过实验测试，了解不同页面情形中，文字链接之间的上下间距、左右间距对用户的影响 • 通过实验和访谈，探索适合产品页面文字链采用的间距 研究问题 • 到底什么文字链之间应该相隔多少呢？ 目前产品高端界面上答案不一，目前高端版无线产品的界面上，上下间距/字号的比例主要在0.4~0.95间浮动， 左右间距/字号的比例在0.3~1.13间浮动 • 知道：字体14px，左右间距5px，上下间距12.2px，块状列表（分类）行高24px （折算上下间距10px） • 空间：字体14px，上下间距12px • 新闻：字体16px，左右间距18px，块状列表行高32px （折算上下间距16px） • 小说：字体18px，左右间距5px，上下间距17px • 用户在触屏上真实点击一条纵向排布、或者横向排布的文字链时，上下、左右偏移量有多大？ • 文字链的间距如果比“那个值”更小或更大的话，会对用户造成什么影响？ 5 / 百度用户调研 调研概述 调研方法 测试设计 • 自变量（重点设计的变量） 文字链接页面布局：上下排布、左右排布 文字链字体：14px、16px （补充18px，但鉴于数据少，未详析） 0.4~0.95 0.3~1.13 文字链间距：每个字体下分别设置3档上下间距和左右间距 间距 上下间距 左右间距 不字体的比例 不字体的比例 字号 0.5 0.7 0.9 0.3 0.6 0.9 14 7 9.8 12.6 4.2 8.4 12.6 16 8 11.2 14.4 4.8 9.6 14.4 • 因变量（关注的指标） 偏移量：用户点击位置在纵向（针对上下间距问题）、横向（针对左右间距问题）上偏移文字链中心的距离 正确率：用户正确点击的次数与用户所有点击次数的比例 操作时间：用户点击每条链接的时间，计算方法为上一条链接点击到这条链接点击之间的时间差（包含寻找、点击、及在跳转页操作） •控制变量（采用方法平衡、或尽可能照顾到的因素） 纵向排布文字链长度：短（2-4字）、中（5-8字）、长（9-15字） 横向排布文字链长度：短（2字）、中（3字）、长（4字） 文字链排布类型：长度相近、长短交错混排 6 / 百度用户调研 调研概述 调研方法 测试物料 •测试机 测试机分别为G6和iPhone 3gs，分辨率320*480 ，系统分为android系统和iOS系统。测试时，根据用户目前的手机，提供相应的测试机。 使用测试机自带浏览器 •测试页面 针对字体、间距、页面排布等，形成多组物料，测试