56 包 装 工 程 1.2 眼 动 跟 踪 技 术 介 入 APP 图 形 用 户 界 面 可 用 性 评 估 眼 动 仪 是 基 于 眼 动 轨 迹 跟 踪 的 装 置, 用 于 测 量 眼 睛 的 位 置 和 眼 球 运 动 眼 动 仪 是 用 于 人 类 视 觉 系 统 心 理 学 认 知



Similar documents
2015 年 第 24 卷 第 11 期 计 算 机 系 统 应 用 历 的 主 体 部 分 多 以 非 结 构 化 的 文 本 形 式 存 储, 很 多 研 究 只 能 基 于 有 限 的 结 构 化 数 据 进 行 [4,5], 无 法 满 足 临

126 包 装 工 程 华 我 国 地 域 广 阔, 这 使 得 吉 祥 图 案 在 艺 术 形 式 上 丰 富 多 彩 吉 祥 图 案 本 身 有 很 深 的 寓 意 内 涵, 注 重 生 气 和 节 奏, 追 求 写 意 象 征 手 法 来 表 现 由 于 手 法 表 现 上 的 自 由 和 寓

第 一 章 UI 概 述 单 元 设 计 : 课 题 名 称 :UI 综 述 教 学 任 务 :1 UI 是 什 么? 2 UI 设 计 师 是 做 什 么 的? 3 UI 在 中 国 的 现 状 如 何? 4 数 据 时 代 的 用 户 体 验 (APP 视 觉 设 计 艺 术 ) 教 学 方 式

untitled

Mechanical Science and Technology for Aerospace Engineering October Vol No. 10 Web SaaS B /S Web2. 0 Web2. 0 TP315 A

Tanet

49 高玉娇等 比较欠缺 这里根据手机游戏行业官方网站在设计 内容的独特性 网站内容与功能的可移植性与扩展 性 在网站信息架构方面 针对游戏内容与企业自身 内容 分析信息分类 信息分级以及信息组合架构 加 入用户自产生信息内容设计 建立快速信息交流与反 馈 交互设计方面 基于同侪效应 对用户社交行为

優 秀 的 構 圖 設 計 可 以 引 起 眾 的 注 意, 書 籍 封 面 的 構 圖 影 響 消 費 者 的 購 買 意 願 海 報 設 計 的 構 圖 影 響 的 傳 達 效 益 照 片 的 構 圖 影 響 美 感 的 表 現 與 傳 遞 經 典 名 作 在 構 圖 上 皆 有 細 膩 的 安

,,,,,,,,,,,,,,, ; 1854,, 19,,,,,, , 100,, ( ), :, 1992, 91 :, 1994, , 373 :, 1940, :, 1988, 52 82

2 3. 1,,,.,., CAD,,,. : 1) :, 1,,. ; 2) :,, ; 3) :,; 4) : Fig. 1 Flowchart of generation and application of 3D2digital2building 2 :.. 3 : 1) :,

幻灯片 1



China Academic Journal Electronic Publishing House. All rights reserved.

China Academic Journal Electronic Publishing House. All rights reserved.


PCA+LDA 14 1 PEN mL mL mL 16 DJX-AB DJ X AB DJ2 -YS % PEN

Microsoft Word - A _ doc

在 培 养 职 前 卓 越 化 学 教 师 的 院 校, 会 编 一 本 过 去 称 作 化 学 教 学 论 实 验, 现 在 拟 为 卓 越 化 学 教 师 教 育 实 验 教 学 研 究 的 教 材 各 院 校 对 这 门 课 程 所 给 的 学 时 不 太 一 样, 但 都 是 围 绕 实 验

<4D F736F F D D DBACEC0F25FD0A3B6D4B8E55F2DB6FED0A32D2D2DC8A5B5F4CDBCD6D0B5C4BBD8B3B5B7FBBAC52E646F63>


Microsoft Word - 33-p skyd8.doc

132 包 装 工 程 2016 年 5 月 网 产 品 生 命 周 期 是 否 有 与 传 统 产 品 生 命 周 期 曲 线 相 关 的 类 似 趋 势 旨 在 抛 砖 引 玉, 引 起 大 家 对 相 关 问 题 的 重 视, 并 为 进 一 步 研 究 处 于 不 同 阶 段 的 互 联 网

JOURNAL OF EARTHQUAKE ENGINEERING AND ENGINEERING VIBRATION Vol. 31 No. 6 Dec

强 度 调 制 器 相 位 延 迟 器 表 面 声 光 偏 转 器 磁 光 隔 离 器 偏 振 控 制 器 等 器 件 的 原 理 及 应 用 讲 述 介 质 波 导 波 导 色 散 光 纤 模 式 等 概 念 结 合 基 础 介 绍 学 科 前 沿 知 识 精 密 仪 器 设 计

Schumpeter Mensch Freeman Clark Schumpeter Mensch 1975 technological stalemate 2000 Van Dujin 1977 OECD 1992 Freeman 1982 Van

附3

计算机与信息工程系最终.FIT)

Microsoft Word - 01李惠玲ok.doc

交流活动

Microsoft Word - 专论综述1.doc

案例正文:(幼圆、小三、加粗)(全文段前与段后0

Microsoft Word 記錄附件

年 4 月 然 趋 势 1.1 HTML5 的 发 展 历 程 HTML5 是 网 页 设 计 核 心 语 言 HTML 的 最 新 标 准 由 于 它 提 供 的 新 型 标 签 (<video>,<audio>) 允 许 开 发 者 将 视 频 音 频 等 媒 体, 直 接 嵌

Microsoft Word tb 何颖

标题

1 引言

θ 1 = φ n -n 2 2 n AR n φ i = 0 1 = a t - θ θ m a t-m 3 3 m MA m 1. 2 ρ k = R k /R 0 5 Akaike ρ k 1 AIC = n ln δ 2

TI 3 TI TABLE 4 RANDBIN Research of Modern Basic Education

mm ~

Microsoft Word - 19王建华.doc

相 關 技 術, 在 裝 置 上 創 造 出 一 個 令 人 驚 豔 虛 擬 的 幻 境 ; 除 此 之 外, 還 能 與 虛 擬 出 來 的 物 件 進 行 互 動, 已 陸 陸 續 續 被 應 用 在 教 育 研 究 娛 樂 生 活 等 各 個 方 面 認 知 風 格 (Cognitive St

2

<4D F736F F D20C9CFBAA3BFC6BCBCB4F3D1A7D0C5CFA2D1A7D4BA C4EAC7EFBCBEC8EBD1A7B2A9CABFD7CAB8F1BFBCCAD4CAB5CAA9CFB8D4F22D C8B7B6A8B8E5>

Microsoft Word - chnInfoPaper6

F4

2011_1_核红.indd

f 2 f 2 f q 1 q 1 q 1 q 2 q 1 q n 2 f 2 f 2 f H = q 2 q 1 q 2 q 2 q 2 q n f 2 f 2 f q n q 1 q n q 2 q n q n H R n n n Hessian

Fig. 1 Frame calculation model 1 mm Table 1 Joints displacement mm

g 100mv /g 0. 5 ~ 5kHz 1 YSV8116 DASP 1 N 2. 2 [ M] { x } + [ C] { x } + [ K]{ x } = { f t } 1 M C K 3 M C K f t x t 1 [ H( ω )] = - ω 2

1 Visual Studio.NET Linux C++ JBuilder 4 RJ45 RS3 Modem 6 MAC IP TCP Socket UDP FTP ; Windows 000 Serve : 8 Windows 000 Serve DNS DHCP Web FTP E

致遠管理學院法規提案單

Thesis for the Master degree in Engineering Research on Negative Pressure Wave Simulation and Signal Processing of Fluid-Conveying Pipeline Leak Candi

SWAN min TITAN Thunder Identification Tracking Analysis SWAN TITAN and Nowcasting 19 TREC Tracking Radar Echo by Correlaction T

財團法人張思恒文教基金會

R&D % % 92.27% 1.33% 3.54% % 7.47%

Íøµä·âÃæ·âµ×5.AI

T R 1 t z v 4z 2 + x 2 t = 2 槡 v t z 200 m/s x v ~

, , 10, , %, % %; %, % %,2030,, 2., ,90%,

214 年 第 3 期 郑 丹 青 等 : 高 职 学 生 个 性 特 征 及 职 业 能 力 调 查 与 分 析 61 一 问 题 的 提 出 随 着 高 等 教 育 大 众 化, 高 职 院 校 的 学 生 来 源 出 现 多 样 化, 学 生 的 基 本 素 质 和 职 业 能 力 参 差 不

Technical Acoustics Vol.27, No.4 Aug., 2008,,, (, ) :,,,,,, : ; ; : TB535;U : A : (2008) Noise and vibr


A dissertation for Master s degree Metro Indoor Coverage Systems Analysis And Design Author s Name: Sheng Hailiang speciality: Supervisor:Prof.Li Hui,

CFDesign 2 1 CFDesign CFDesign CAD ~ r /min mm 1

标题

增 刊 谢 小 林, 等. 上 海 中 心 裙 房 深 大 基 坑 逆 作 开 挖 设 计 及 实 践 745 类 型, 水 位 埋 深 一 般 为 地 表 下.0~.7 m 场 地 地 表 以 下 27 m 处 分 布 7 层 砂 性 土, 为 第 一 承 压 含 水 层 ; 9 层 砂 性 土

2 207 Manuel Castells

桂医大研〔2015〕10号

标题

70 包 装 工 程 2015 年 1 月 一有效的方式 [2] 尤其是在儿童阶段的生活中 对儿 童的成长与发展影响巨大 [3] 台湾学者张世宗提出 玩游戏 的本质就是人类个体主动与外界互动的自 主性行为 并且依据互动对象与渠道的形式分类 玩 人 与 物 互 动 的 游 戏 活 动 与 学 习 行

事故的共性原因: 行为、知识、习惯

Microsoft Word doc

University of Science and Technology of China A dissertation for master s degree Research of e-learning style for public servants under the context of

, [3 ] Petri, 25 7, 500, [4,5 ], 3, (2), 2003, [ 6 ],,, ,, [7 ], 569, 26, ( ) : 2 ; 3 ; 4, ; 5, : (a) ( ) :,,

闲 旅 游 现 已 成 为 城 市 居 民 日 常 生 活 的 重 要 部 分 袁 它 的 出 现 标 志 着 现 代 社 会 文 明 的 进 步 遥 据 国 外 学 者 预 测 袁 2015 年 左 右 袁 发 达 国 家 将 陆 续 进 入 野 休 闲 时 代 冶 袁 发 展 中 国 家 也 将

~ ~ ~ ~ ~ ~ ~ % % ~ 20% 50% ~ 60%

SVM OA 1 SVM MLP Tab 1 1 Drug feature data quantization table

48 Computer Education 课 程 体 系 设 置 2.1 科 学 设 置 培 养 方 案 课 程 模 块, 确 定 培 养 方 向 首 先, 我 们 通 过 对 人 才 市 场 需 求 分 析, 确 定 了 专 业 培 养 目 标 然 后, 根 据 教 育 部 高 等

发 展 战 略 油 机 关 机 构 如 何 进 行 调 整, 无 论 是 在 石 油 工 业 部 时 期, 还 是 在 总 公 司 集 团 公 司 时 期, 战 略 和 政 策 研 究 一 直 得 到 领 导 重 视 中 国 石 油 总 部 机 关 始 终 明 确 有 战 略 和 政 策 研 究 归

Fig. 1 1 The sketch for forced lead shear damper mm 45 mm 4 mm 200 mm 25 mm 2 mm mm Table 2 The energy dissip

66 臺 中 教 育 大 學 學 報 : 人 文 藝 術 類 Abstract This study aimed to analyze the implementing outcomes of ability grouping practice for freshman English at a u

西部人居环境学刊2016年第1期.indd

,, [8 ] (p. 666),, [8 ] (p. 544), (1643 ), 30,,,,,,,,,,,,,,,,,,,,,,,, [9 ] (),, [8 ] (p. 306),,, [8 ] (p. 1052),, [8 ] (p. 1070),,,,, (1640 ),, [10 ]

Microsoft Word 年第三期09

标题

2013_6_3.indd


IT 36% Computer Science Teachers Association, CSTA K K-12 CSTA K-12 K-12 K-6 K6-9 K STEM STEM STEM


: 307, [], [2],,,, [3] (Response Surface Methodology, RSA),,, [4,5] Design-Expert 6.0,,,, [6] VPJ33 ph 3,, ph, OD, Design-Expert 6.0 Box-Behnken, VPJ3

2013_2_4.indd

电力信息化2013年第1期.indb

目 录

Microsoft Word - A _ doc

2 ( 自 然 科 学 版 ) 第 20 卷 波 ). 这 种 压 缩 波 空 气 必 然 有 一 部 分 要 绕 流 到 车 身 两 端 的 环 状 空 间 中, 形 成 与 列 车 运 行 方 向 相 反 的 空 气 流 动. 在 列 车 尾 部, 会 产 生 低 于 大 气 压 的 空 气 流


m m m ~ mm

59 1 CSpace 2 CSpace CSpace URL CSpace 1 CSpace URL 2 Lucene 3 ID 4 ID Web 1. 2 CSpace LireSolr 3 LireSolr 3 Web LireSolr ID

微软用户

[1-3] (Smile) [4] 808 nm (CW) W 1 50% 1 W 1 W Fig.1 Thermal design of semiconductor laser vertical stack ; Ansys 20 bar ; bar 2 25 Fig

Transcription:

第 36 卷 第 8 期 包装工程 PACKAGING ENGINEERING 55 基于眼动仪的智能手机 APP 图形用户界面设计可用性评估 常方圆 上海出版印刷高等专科学校 上海 200093 摘要 目的 用眼动追踪技术对APP用户图形界面设计原型进行可用性评估 方法 方法 采用创新的图形要素 分离概念 设计 3 组不同的平行设计测试 以兴趣区为范围 使用眼动仪收集主要眼动轨迹数据 如首次 进入时间 进入次数 注视点个数和注视率等 结果 结果 通过数据分析分别获得针对色彩 图标 布局等要素 的较优设计方案 结论 结论 该可用性评估测试符合眼动仪测试实验设计原理 是具有普适性的智能手机 APP图形用户界面设计原型的可用性评估方法 关键词 交互设计 图形用户界面设计 眼动 智能手机 可用性 APP 中图分类号 TB472 文献标识码 A 文章编号 1001-3563 2015 08-0055-05 Usability Evaluation of Smart Phone Application Graphic User Interface Based on Eye-tracker CHANG Fang-yuan Shanghai Publishing and Printing College Shanghai 200093 China ABSTRACT It studies on usability of smart phone APP graphic user interface by using eye tracking technology. This study tries to find a new method of A/B testing to collect data from distinctive prototype in defined area of interest by eye tracking machine. Important data are time to first fixation on-target repeat fixations fixation per area of interest area percentage of fixation in an area of interest. Find a design with superior usability of diverse design elements such as color icon and layout. This design of testing and research method follow eye tracking experiment principle. It is a universally applicable method of study on usability of smart phone APP graphic user interface design. KEY WORDS interaction design GUI design eye tracking smart phone usability APP 智能手机的普及与移动媒体的发展 使智能手机 程的效率 感受等的方法 Nielsen J 认为 可用性评估 APP 成为生活中不可或缺的组成部分 APP 用户图形 可以被看作是一种不可代替的实践性研究 因为它通 界面设计的可用性评估研究 也逐渐获得学术界与商 过测试直接揭示了用户是如何使用该交互设计系统 业界的重视 眼动仪在近十年间广泛应用于网页 视 的[1] 与用户问卷调查 用户访谈 用户日记法等形成 频广告等领域 用于可用性评估 并形成一定的测试 对比的是 可用性测试是一种完全不同的尽量避免评 评估方法 可用性评估在近年来逐渐兴起 但其测试 估者对用户主观影响的评估策略 评估方法并不明朗 可用性评估测试关注评价人造产品的本身性能是 否可以迎合用户的需要 其评估在某些领域或某些特 1 基于眼动仪的可用性评估策略 定场景中的产品的可用性 一般情况下 需要建立一 个可用性测试的虚拟场景或真实环境 在此环境中 1.1 可用性评估 可用性评估是通过用户的使用评估产品使用过 被试者使用产品原型按照测试要求完成相应的任务 研究者观察与记录 较之人工观察与记录更为客观精 确的可用性测试技术包括有声思维和眼动技术等 收稿日期 2014-12-08 基金项目 上海市教育委员会科研创新项目 14YS169 作者简介 常方圆 1984 女 郑州人 上海出版印刷高等专科学校讲师 主要研究方向为交互设计与媒体艺术

56 包 装 工 程 1.2 眼 动 跟 踪 技 术 介 入 APP 图 形 用 户 界 面 可 用 性 评 估 眼 动 仪 是 基 于 眼 动 轨 迹 跟 踪 的 装 置, 用 于 测 量 眼 睛 的 位 置 和 眼 球 运 动 眼 动 仪 是 用 于 人 类 视 觉 系 统 心 理 学 认 知 语 言 学 和 产 品 设 计 研 究 诸 多 领 域 的 重 要 仪 器 众 多 用 于 眼 动 追 踪 的 技 术 中, 最 流 行 的 方 法 是 采 用 从 眼 位 提 取 视 频 图 像, 其 他 方 法 还 有 探 测 线 圈 和 [2] 眼 电 图 等 眼 动 仪 在 用 户 完 成 与 智 能 手 机 APP 图 形 用 户 界 面 交 互 的 过 程 中, 记 录 用 户 在 任 务 完 成 过 程 中 的 眼 动 信 息 数 据 包 括 注 视 的 位 置 顺 序 时 间 等, 并 生 成 数 据 列 表 通 过 分 析 数 据, 研 究 用 户 使 用 智 能 手 机 APP 过 程 中 的 视 觉 加 工 规 律, 以 了 解 图 形 用 户 界 面 的 可 用 性 本 测 试 中 的 样 本, 即 名 为 SPPC 的 智 能 手 机 APP 图 形 用 户 界 面, 为 自 主 开 发 的 校 园 信 息 平 台 图 形 用 户 界 面 域 的 研 究 方 法 之 一 它 通 过 实 验 证 明 一 些 对 交 互 设 计 [5] 产 品 的 修 改 给 用 户 所 带 来 的 影 响 在 本 研 究 中, 每 个 测 试 环 节 针 对 一 个 变 量, 通 过 3 个 测 试 展 现 不 同 的 3 个 测 试 元 素, 即 3 个 变 量 对 该 智 能 手 机 APP 图 形 用 户 界 面 可 用 性 的 影 响 3 个 测 试 分 别 针 对 不 同 的 视 觉 要 素 测 试 1 为 相 异 色 彩 的 可 用 性 评 估 测 试, 兴 趣 区 为 "direct" 触 发 区 域, 见 图 1( 文 中 图 片 均 由 笔 者 绘 制 ), 营 造 测 试 情 境, 使 被 测 试 者 设 想 其 正 在 使 用 一 个 智 能 APP 的 指 南 功 能 测 试 任 务 为 在 有 限 的 图 形 用 户 界 面 显 示 时 间 中 找 到 指 南 图 标 每 个 图 形 用 户 界 面 样 本 测 试 时 间 为 5 s 为 本 组 评 估 所 制 作 的 图 形 用 户 界 面 为 蓝 色, 为 橘 色, 其 测 试 目 标 是 找 出 同 样 的 色 彩 与 图 标 在 不 同 的 配 色 设 计 方 案 下, 两 个 不 同 图 形 用 户 界 面 的 可 用 性 差 异 2 可 用 性 评 估 策 略 2.1 视 觉 原 型 与 功 能 原 型 兼 顾 的 实 验 策 略 原 型 指 的 是 一 个 早 期 的 样 品 或 模 型, 或 是 为 了 概 念 测 试 而 建 立 的 概 念 或 过 程, 以 便 于 研 究 修 改 使 之 更 加 贴 近 最 终 产 品 的 形 态 其 中, 视 觉 原 型 展 示 的 是 产 品 的 设 计 外 观 与 美 学 概 念, 就 APP 来 说 就 是 图 形 用 [3] 户 图 形 界 面 功 能 原 型 则 尝 试 最 大 程 度 地 展 现 最 终 的 设 计 美 学 交 互 和 功 能 一 个 完 整 的 全 方 位 的 原 型 是 能 满 足 对 设 计 缺 陷 的 最 后 检 查, 并 允 许 设 计 团 队 在 产 品 发 布 前 后 一 分 钟 改 进 的 模 型 本 可 用 性 评 估 以 图 形 用 户 界 面 为 切 入 点, 但 并 不 局 限 于 视 觉 原 型 在 视 觉 原 型 的 基 础 上 包 含 了 功 能 原 型 的 测 试 本 研 究 中, 每 次 测 试 都 是 以 完 成 任 务 形 式 出 现 每 个 测 试 过 程 都 是 一 个 用 户 与 完 整 的 功 能 原 型 发 生 交 互 的 过 程, 而 媒 介 则 是 视 觉 原 型 图 1 测 试 1 眼 动 测 试 用 户 界 面 Fig.1 Demo of eye tracking test 1 测 试 2 为 相 异 图 标 的 可 用 性 评 估 测 试, 兴 趣 区 为 "about" 触 发 区 域, 见 图 2 营 造 测 试 情 境, 使 被 测 试 者 设 想 其 正 在 使 用 3 个 功 能 布 局 一 致 但 具 有 不 同 图 标 设 计 的 智 能 手 机 APP 图 形 用 户 界 面, 任 务 为 在 有 限 的 图 形 用 户 界 面 显 示 时 间 中 找 到 关 于 图 标 每 个 图 形 用 户 界 面 样 本 测 试 时 间 为 5 s 其 测 试 目 标 是 找 出 同 样 的 布 局 与 近 似 的 色 彩 不 同 的 图 标 设 计 方 案 下,3 个 不 同 图 形 用 户 界 面 的 可 用 性 差 异 2.2 兴 趣 区 策 略 兴 趣 区 域 : 是 眼 动 追 踪 技 术 时 常 使 用 的 分 析 方 法, 以 往 该 实 验 方 法 常 用 于 浏 览 网 站 的 用 户 视 觉 流 程 分 析 兴 趣 区 域 根 据 智 能 手 机 上 的 触 摸 屏 可 被 触 发 区 域 与 实 验 中 的 目 标 图 标 区 域 划 定 以 下 文 中 提 及 [4] 所 采 集 的 数 据 皆 是 兴 趣 区 内 发 生 眼 动 的 数 据 2.3 平 行 测 试 平 行 测 试 也 被 称 作 分 隔 测 试, 是 用 户 体 验 设 计 领 图 2 测 试 2 眼 动 测 试 用 户 界 面 Fig.2 Demo of eye tracking test 2 测 试 3 为 相 异 布 局 的 可 用 性 评 估, 兴 趣 区 为 教 务 触 发 区 域, 见 图 3 营 造 测 试 情 境, 使 被 测 试 者 设

第 36 卷 第 8 期 常 方 圆 : 基 于 眼 动 仪 的 智 能 手 机 APP 图 形 用 户 界 面 设 计 可 用 性 评 估 57 了 更 多 的 相 对 注 意 力 以 上 所 提 及 数 据 均 以 兴 趣 区 域 作 为 数 据 采 集 阈 限 4 测 试 仪 器 图 3 测 试 3 眼 动 测 试 用 户 界 面 Fig.3 Demo of eye tracking test 3 想 其 正 在 使 用 3 个 不 同 的 用 户 图 形 界 面 但 相 同 功 能 的 智 能 手 机 APP, 任 务 为 在 有 限 的 图 形 用 户 界 面 显 示 时 间 中 找 到 周 边 图 标 每 个 图 形 用 户 界 面 样 本 展 示 时 间 为 5 s 其 测 试 目 标 是 找 出 不 同 布 局 设 计 方 案 下, 3 个 不 同 图 形 用 户 界 面 的 可 用 性 差 异 为 了 避 免 色 彩 因 素 的 影 响 全 部 使 用 了 黑 白 色, 且 为 了 防 止 近 似 位 置 布 局 干 扰 测 试 数 据, 将 布 局 较 为 相 似 的 和 在 测 试 顺 序 中 隔 离 开 来 3 采 集 数 据 及 其 意 义 进 入 时 间 指 眼 动 首 次 达 到 兴 趣 区 域 所 耗 费 的 时 间 首 次 进 入 时 间 数 值 偏 小 显 示 该 区 域 获 得 了 更 多 [6] 的 注 意 其 是 非 常 重 要 的 可 用 性 指 标, 这 是 因 为 用 户 在 实 际 使 用 过 程 中 如 不 能 在 一 定 时 间 内 寻 找 到 触 发 其 所 需 功 能 的 区 域, 会 造 成 用 户 对 该 操 作 环 节 的 失 望 情 绪 以 致 放 弃 操 作, 甚 至 是 放 弃 该 软 件 的 使 用 进 入 次 数 指 的 是 眼 球 在 100~200 ms 稳 定 在 兴 趣 区 域 内 所 形 成 的 点 总 的 注 视 点 个 数 被 认 为 是 与 搜 [7] 索 绩 效 相 联 系 的 指 标, 该 数 据 数 值 偏 大 则 说 明 搜 索 绩 效 高 注 视 点 指 的 是 视 线 在 某 一 位 置 停 留 100 ms 以 上, 一 般 认 为 这 种 停 留 是 获 取 信 息 并 进 行 内 部 加 工 的 认 知 行 为 而 注 视 点 个 数 则 代 表 了 人 类 对 图 形 界 面 认 知 加 工 的 次 数 该 数 据 数 值 偏 大 倾 向 于 表 现 出 被 测 试 者 对 该 区 域 的 绝 对 注 意 力, 但 也 可 认 为 是 某 [8] 种 程 度 的 不 解 在 本 研 究 中 因 不 涉 及 复 杂 文 本 与 图 形, 该 数 据 数 值 偏 大 说 明 此 兴 趣 区 域 获 得 更 多 的 绝 对 注 意 力 注 视 率 指 的 是 注 视 时 间 在 某 兴 趣 区 域 的 时 间 比 如 果 一 个 具 有 重 要 交 互 功 能 的 区 域 具 有 较 低 的 兴 趣 区 内 注 视 率, 那 么 这 个 区 域 需 要 再 次 被 修 改, 使 它 更 容 易 被 注 意 到 反 之, 高 注 视 率 则 证 明 该 区 域 获 [9] 得 了 应 有 的 注 意 该 数 据 偏 大 说 明 此 兴 趣 区 域 获 得 本 研 究 采 用 的 眼 动 追 踪 仪 器 为 青 研 EyeLab 眼 动 仪, 数 据 采 集 原 理 为 眼 位 提 取, 其 取 样 速 率 为 100 Hz, 测 试 距 离 为 45~75 cm 的 双 眼 采 集 方 式, 屏 幕 显 示 率 为 1024 768 像 素 为 保 证 被 测 试 者 的 舒 适 自 然, 实 验 过 程 中 不 对 被 测 试 者 使 用 夹 具, 全 程 自 然 坐 姿, 座 椅 柔 软 实 验 全 程 无 噪 音 人 为 干 扰 一 般 采 用 非 头 盔 无 夹 具 的 眼 动 追 踪 实 验,10%~ 20% 的 眼 动 位 置 在 电 脑 显 示 屏 外, 被 称 为 数 据 丢 失, 单 个 样 本 测 试 丢 失 数 据 的 被 测 试 者 其 整 组 测 试 数 据 将 被 全 部 抹 除, 不 计 入 平 均 数 据 由 于 手 机 屏 幕 过 小, 在 本 实 验 中 采 用 PC 机 模 拟 手 机 使 用 的 视 觉 认 知 环 境, 实 验 所 展 示 的 手 机 图 形 界 面 显 示 有 虚 拟 手 机 图 形 作 为 认 知 内 因 的 相 对 评 估, 合 理 有 效 值 得 一 提 的 是, 使 用 PC 和 实 验 室 模 拟 移 动 手 持 设 备 的 交 互 过 程, 会 舍 弃 很 多 特 定 影 响 因 子 如 行 走 的 抖 动 或 站 立 的 低 头 等 由 于 本 实 验 是 基 于 平 行 测 试 展 开 的, 可 忽 [10] 略 外 部 环 境 因 素 5 被 测 试 者 的 选 择 被 测 试 者 基 本 要 求 裸 眼 或 矫 正 视 力 在 1.0 以 上, 无 色 盲 色 弱 在 预 测 试 中 发 现, 高 度 近 视 散 光 等 视 力 缺 陷 对 眼 动 追 踪 效 率 有 重 大 影 响, 尤 其 是 近 视 度 数 在 500 度 左 右 的 被 测 试 者 即 使 佩 戴 隐 形 眼 镜, 校 正 后 依 然 会 在 定 标 中 失 败 EyeLab 在 测 试 前 的 眼 动 轨 迹 定 标 图 的 数 据 可 视 化 见 图 4, 它 的 作 用 是 预 先 确 定 被 测 试 者 眼 动 的 位 置 在 屏 幕 上 相 应 点 的 对 照 反 映 部 分 被 测 试 者 由 于 眼 动 速 度 或 视 力 问 题 造 成 无 法 捕 捉 定 标 或 多 次 定 标 失 败, 不 予 参 与 测 试 图 4 眼 动 轨 迹 定 标 图 的 数 据 可 视 化 Fig.4 Data visualization of eye movement trajectory set plotting

58 包 装 工 程 通 过 预 测 试 筛 选 出 被 测 试 者 32 人, 其 中 教 师 3 表 3 测 试 2 数 据 人, 学 生 29 人 男 性 16 人, 女 性 16 人 教 师 年 龄 为 Tab.3 Data of test 2 30~37 岁, 学 生 年 龄 为 19~23 岁 所 有 被 测 试 者 符 合 测 试 条 件 的 同 时 都 来 自 本 APP 的 目 标 用 户 群 兴 趣 区 首 次 进 入 时 间 / 秒 1.250 1.375 0.750 优 势 样 本 6 实 验 结 果 与 分 析 兴 趣 区 进 入 次 数 / 次 兴 趣 区 注 视 点 / 个 1.058 1.625 0.174 0.875 0.966 2.000 根 据 前 述 评 估 策 略 所 制 定 的 采 集 数 据 与 评 价 标 75% 62% 87% 准, 见 表 1 实 验 数 据 由 眼 动 仪 自 动 采 集, 生 成 数 据 后 平 均 所 有 数 值, 得 出 数 据 保 留 小 数 点 后 3 位 表 4 测 试 3 数 据 Tab.4 Data of test 3 表 1 采 集 数 据 与 评 估 标 准 Tab.1 Data collection and evaluation criteria 采 集 数 据 数 据 评 估 标 准 首 次 进 入 时 间 数 值 偏 小 说 明 获 得 更 多 注 意 力 进 入 次 数 数 值 偏 大 说 明 搜 索 绩 效 高 兴 趣 区 注 视 点 数 值 偏 大 说 明 获 得 更 多 注 意 力 ( 绝 对 ) 数 值 偏 大 说 明 获 得 更 多 注 意 力 ( 相 对 ) 测 试 1( 相 异 配 色 的 可 用 性 评 估 ) 数 据 见 表 2 在 首 次 进 入 时 间 数 值 中, 较 之 用 时 少 0.521 s, 样 本 1 获 得 了 更 多 注 意 力 且 优 势 明 显 ; 进 入 次 数 数 值 较 高, 即 搜 索 绩 效 高, 较 优 ; 在 兴 趣 区 注 视 点 数 值 中, 与 产 生 优 势 差 距, 证 明 其 获 得 了 更 多 绝 对 注 意 力 ; 仅 仅 在 相 对 注 意 力 上 以 4 个 百 分 点 略 弱 于 综 合 分 析, 为 可 用 性 较 优 的 原 型 表 2 测 试 1 数 据 Tab.2 Data of test 1 较 优 设 计 兴 趣 区 首 次 进 入 时 间 / 秒 1.078 1.599 兴 趣 区 进 入 次 数 / 次 1.375 1.000 兴 趣 区 注 视 点 / 个 1.625 1.111 62% 66% 测 试 2( 相 异 图 标 的 可 用 性 评 估 ) 数 据 见 表 3 在 首 次 进 入 时 间 数 值 中, 在 和 用 时 均 大 于 1 s 的 情 况 下, 仅 耗 时 0.750 s, 所 获 注 意 力 明 显 高 于 和 ; 在 进 入 次 数 数 值 中, 以 微 弱 差 距 弱 于 ; 在 兴 趣 区 注 视 点 与 注 视 率 中, 都 呈 现 出 该 组 测 试 数 据 的 最 大 数 值, 显 示 出 其 对 被 测 试 者 绝 对 注 意 力 与 相 对 注 意 力 的 强 烈 吸 引 综 上 所 述, 样 本 3 为 可 用 性 较 优 的 原 型 测 试 3( 相 异 布 局 的 可 用 性 评 估 ) 数 据 见 表 4 在 首 次 进 入 时 间 数 值 中, 仅 耗 时 0.388 s, 耗 时 少 则 兴 趣 区 首 次 进 入 时 间 / 秒 0.388 兴 趣 区 进 入 次 数 / 次 1.449 兴 趣 区 注 视 点 / 个 2.143 85% 0.772 1.429 2.000 91% 1.094 0.857 1.143 85% 优 势 样 本 其 所 获 注 意 力 多 于 和 ; 在 进 入 次 数 数 值 中, 以 较 大 数 值 优 于, 但 其 与 差 距 并 不 是 很 明 显 ; 在 注 视 点 数 值 中, 也 仅 以 0.143 s 的 微 小 差 距 优 于 ; 在 注 视 率 数 值 中, 还 小 于 数 值 6 个 百 分 点 综 上 所 述, 虽 然 为 可 用 性 较 优 的 原 型, 但 是 其 与 之 间 的 优 势 差 距 并 不 巨 大, 因 此 的 布 局 设 计 对 最 终 的 原 型 定 型 也 具 有 一 定 的 参 考 价 值 7 结 语 通 过 眼 动 仪 所 捕 捉 的 眼 动 数 据, 在 近 年 来 常 用 于 评 估 电 脑 显 示 屏 或 其 他 电 子 显 示 屏 与 用 户 交 互 时 的 可 用 性, 例 如 网 页 或 电 子 广 告 屏 触 摸 屏 的 交 互 传 播 效 果 其 较 之 用 户 访 谈 调 查 问 卷 等 方 式, 具 有 客 观 直 观 等 优 点 而 将 其 使 用 在 智 能 手 机 APP 图 形 用 户 界 面 设 计 原 型 的 可 用 性 评 估 中 是 一 种 新 的 尝 试, 以 往 只 有 较 为 笼 统 的 测 试 方 法, 且 测 试 方 法 无 法 准 确 指 出 如 何 修 正 设 计 可 提 升 原 型 的 可 用 性 以 平 行 测 试 得 出 两 个 设 计 方 案 孰 为 更 优 选 项 的 方 法 是 传 统 的 可 用 性 测 试 方 式, 而 本 评 估 的 平 行 测 试 立 意 在 于 获 取 不 同 的 视 觉 要 素 作 为 影 响 因 子, 来 测 试 如 何 对 APP 图 形 用 户 界 面 产 生 影 响, 其 影 响 是 正 面 或 负 面, 其 影 响 程 度 的 高 或 低 等 在 经 过 反 复 测 试 后 设 计 了 针 对 色 彩 图 标 布 局 等 视 觉 要 素 分 别 测 试 的 眼 动 追 踪 实 验, 并 收 集 重 要 数 据, 如 首 次 进 入 时 间 进 入 次 数 注 视 点 个 数 和 注 视 率, 根 据 眼 动 仪 所 捕 捉 数 据 进 行 定 性 或 定 量 分 析 值 得 注 意 的 是, 该 评 估 方 法 所

第 36 卷 第 8 期 常 方 圆 : 基 于 眼 动 仪 的 智 能 手 机 APP 图 形 用 户 界 面 设 计 可 用 性 评 估 59 得 系 列 数 据 不 可 机 械 地 依 照 单 项 数 据 进 行 评 价 微 妙 的 数 据 差 别 有 时 折 射 出 同 组 两 个 样 本 各 有 优 势, 其 数 据 与 结 果 值 得 作 出 进 一 步 综 合 考 量 该 可 用 性 评 估 测 试 设 计 的 核 心 在 于 : 其 一, 使 用 眼 动 仪 作 为 数 据 记 录 的 仪 器, 保 持 其 测 试 及 测 试 数 据 的 客 观 性 ; 其 二, 以 平 行 测 试 作 为 可 用 性 评 估 的 基 本 测 试 方 针, 目 的 在 于 优 选 设 计 方 案 ; 其 三, 以 分 解 视 觉 要 素 作 为 平 行 设 计 的 样 本 制 作 标 准, 做 到 一 组 测 试 解 决 一 个 影 响 因 子 ; 其 四, 将 兴 趣 区 策 略 作 为 可 用 性 测 试 的 评 估 策 略 经 过 测 试 与 测 试 方 法 的 反 复 修 正, 试 图 形 成 一 种 基 于 眼 动 仪 的 智 能 手 机 APP 图 形 用 户 界 面 设 计 原 型 的 可 用 性 评 估 方 法, 并 逐 步 形 成 测 试 与 评 估 标 准 该 可 用 性 评 估 方 法 可 广 泛 应 用 于 手 持 移 动 设 备 的 可 用 性 评 估 与 可 用 性 优 化 参 考 文 献 : [1] NIELSEN J.Usability Engineering[M].Pittsburgh:Academic Press Inc,1993. [2] JACOB R J K,KARN K S.Eye Tracking in Human-computer Interaction and Usability Research:Ready to Deliver the Promises[J].Mind,2003,2(3):4. [3] 常 方 圆. 手 机 多 媒 体 交 互 视 听 系 统 设 计 研 究 与 应 用 [D]. 无 锡 : 江 南 大 学,2008. CHANG Fang-yuan.Research and Application of the Audiovisual System for Mobile Phone s Interactive Multimedia Design[D].Wuxi:Jiangnan University,2008. [4] 程 时 伟. 手 机 用 户 界 面 可 用 性 评 估 的 眼 动 模 型 [M]. 北 京 : 清 华 大 学 出 版 社,2008. CHENG Shi-wei.Usability Evaluation Model Based on Eye Track for Mobile UI[M].Beijing:Tsinghua University Press, 2008. [5] KOHAVI R,LONGBOTHAM R,SOMMERFIELD D,et al. Controlled Experiments on the Web:Survey and Practical Guide[J].Data Mining and Knowledge Discovery,2009,18 (1):140 181. [6] POOLE A,BALL L J.Eye Tracking in HCI and Usability Research[J].Encyclopedia of Human-Computer Interaction,2006. [7] 张 光 强. 可 用 性 测 试 中 的 视 线 追 踪 技 术 [J]. 人 类 工 效 学, 2001,12(4):9 14. ZHANG Guang-qiang.The Eye Tracking Technology Used on Usability Test[J].Chinese Journal of Ergonomics,2001,12(4): 9 14. [8] 胡 凤 培. 眼 部 跟 踪 和 可 用 性 测 试 研 究 综 述 [J]. 人 类 工 效 学, 2005,16(2):52 55. HU Feng-pei.Review of Eye Tracking Technology and Usability Research[J].Chinese Journal of Ergonomics,2005,16(2): 52 55. [9] JOHNSON J.Designing with the Mind in Mind:Simple Guide to Understanding User Interface Design Rules[M].Morgan Kaufmann,2010. [10] 戴 均 开, 葛 列 众. 手 机 原 型 界 面 的 可 用 性 评 估 [J]. 人 类 工 效 学,2007,18(13):13 15. DAI Jun-kai,GE Lie-zhong.Usability Evaluation of Mobile Phone Prototype User Interface[J].Chinese Journal of Ergonomics,2007,18(13):13 15. ( 上 接 第 50 页 ) 115 117. [7] COOPER A.The Essentials of Interaction Design[M].Beijing: Publishing House of Electronic Industry,2011. [8] SMAILAGIC A,SIEWIOREK D.System Level Design as Applied to CMU Wearable Computers[J].Journal of VLSI Signal Processing Systems,1999,21(3). [9] SMAILAGIC A,SIEWIOREK D.User-Centered Interdisciplinary Concurrent System Design[J].ACM Mobile Computing and Communications Review,1999,3(3):43 52. [10] SMAILAGIC A.Evaluation of Audio-Centric CMU Wearable Computers[J].ACM Journal on Special Topics in Mobile Networking,1998,6(4). [11] 曾 庆 抒, 赵 江 洪. 汽 车 导 航 平 视 显 示 的 信 息 组 织 和 视 觉 设 计 [J]. 装 饰,2014(8):66 67. ZENG Qing-shu,ZHAO Jiang-hong.The Information Organization and Visual Design of Automobile Navigation HUD[J]. Zhuangshi,2014(8):66 67.