基于眼动浏览规律的手机典型界面结构研究.pdfVIP

第 16卷第 1期 北京邮电大学学报 (社会科学版) Vo1．16，No．1 2014年2月 JournalofBeijingUniversityofPostsandTelecommunications(SocialSciencesEdition) Feb．2014 基于眼动浏览规律 的手机典型界面结构研究 侯文军，秦 源 (1．北京邮电大学 数字媒体与设计艺术学院，北京 100876；2．网络系统与网络文化北京市重点实验室 ， 北京 100876) 摘 要：通过实例总结出手机界面的三种基础布局结构 ，即宫格式框架、标签式框架和侧边展开式框架。大多数手机界 面结构以此为基础 ，展开不同程度的衍生变化。本文从信息展示和交互操作的角度，分析了三种界面框架的应用场景和 优劣点。进一步通过实验，对不同界面结构的视觉浏览和搜索的眼动规律展开研究，运用眼动仪测量和记录眼动数据 ， 采用量化的方式衡量各界面结构的视觉浏览差异 ，探讨浏览手机屏幕的视觉规律，并试图将结论运用到设计实践中，指 导移动应用界面设计。 关键词：界面布局 ；眼动追踪；眼动规律；人机交互 中图分类号：TN929．5-05；TN87 文献标识码：A 文章编号：1008—7729(2014)O1—0025—06 一 、 引 言 手机屏幕受尺寸的限制，在手机界面中给用户展示的内容一定要更简洁有效，这就需要设计师对 信息进行有效的组织，通过合理的界面布局向用户展示 内容。因此通过页面信息有效合理的布局设计 引导人们的视觉行为，从用户认知的角度研究并发现其中的特征和规律，改善手机界面，成为了设计 者和人机界面研究者的焦点。优秀的界面布局可以为用户提供 良好的浏览和使用体验，使用户会很快 适应界面结构，并对 目标界面的属性进行预测_J，从而促进智能手机用户界面向更易用、更友好的方 向发展 。 眼动技术采用高频摄像设备进行数据记录，具有采样频率高、精度高、对用户干扰小等特点，本 文基于眼动跟踪进行实验，研究用户对手机不同页面布局的眼动认知规律，提高研究的客观性和高 效性 。 国内外已有很多围绕整体页面的布局设计展开的相关研究。如石金富等 在对网页视觉搜索的实 验研究中证实，网页不同布局和页面区域对视觉搜索的影响非常显著。这些发现可以用于指导网页设 计和信息布局等方面的设计，并为人机界面设计提供视觉参数依据。但大尺寸的交互界面研究不能适 用于小手机屏幕，而在针对手机屏幕界面的研究中，许多研究者主要针对界面的单一元素进行研究， 从整体布局并结合移动平台特性进行探讨的较少 ，且通过眼动仪等先进设备进行深入研究的更为缺乏。 本文经过大量的实例总结出手机界面的三种基础布局结构，通过对被试对不同界面框架的视觉浏 览和搜索时的眼动轨迹研究，探讨人们浏览手机屏幕的视觉规律，并试图将结论运用到设计实践中。 三种典型手机界面框架 邓勇 将网页界面框架总结为五种，即T型框架、口型框架，三型框架、对称对比型框架和POP 收稿 日期：2013—12—13 基金项 目：高等学校博士学科点专项科研基金项 目(20110005110016) 作者简介：侯文军(1964一)，女，山西太原人，博士，北京邮电大学数字媒体与设计艺术学院教授，网络系统与网络文 化北京市重点实验室副主任，主要研究方向为人机交互与智能设计。 · 25 · 北京邮电大学学报 (社会科学版) 2014年第 1期 型框架。同样移动设备也可以总结甘：页面布局样式库。本文将大量的移动网站或应朋界面布局总结和 归类，得出手机端三种基本框架——宫格式框架、标签式框架和侧边展开式框架，FI．大多数的移动应 用界面以此为基础进行衍生和变化。下面将详细分析这三种基础界面框架的使用场景币¨各 自的特点。 1．宫格式框架 目 目 图1示出了宫格式框架 。图2所示为