摘要：手机已经成为集成多项功能的移动终端。支持Flash Lite的手机的出现，使Flash有了新的表现形式和应用载体，而动画在手机媒体上的广泛应用促进了Flash和手机媒体的结合与共同发展。基于Flash Lite的移动终端GUI设计发展迅速， Flash Lite 播放器可以使用户在手机上体验到接近电脑视频的Flash播放画质，用户可如在桌面上一样在移动终端上处理程序，同时能提供逼真、形象的动画。

关键词：Flash Lite；移动终端； GUI设计

DOIDOI：10.11907/rjdk.143265

中图分类号：TP302

文献标识码：A 文章编号文章编号：16727800（2015）001000803

作者简介作者简介：金鑫（1983-）， 男 ，江苏南通人，硕士，江苏省如皋高等师范学校讲师，研究方向为多媒体设计和用户界面设计。

0 引言

手机是人们日常生活中使用最多的电子移动终端。手机功能的多样化，越来越要求手机界面注重人性化、人机交互。随着智能手机的发展，通讯功能已不再是手机唯一的重要功能，手机越来越多地与计算机、网络进行融合。这些都将使得手机的交互方式发生改变，同时也意味着其

这个阶段也可以追溯到业务域中，进行需求的迭代获取，通过业务追踪的方式监控业务的发展。

图9 二维度需求体系应用示例

业务是用户需求的来源，符合业务需要的软件才有价值。业务是后续工作的基础，用户与系统分析人员要始终重视业务工作。业务驱动需求获取的过程给出了需求获取的实施步骤，业务域的内容及业务-需求映射模型中的定量分析内容为UML模型的建立与完善提供了重要依据。

交互界面会随之变化[1]。

手机用户界面设计的核心理念是方便用户，意味着手机功能要不断丰富，界面要不断变化。在手机步入全面移动互联时代的同时，GUI技术也随之取得突破性发展。目前手机普遍采用全触摸的超大液晶屏，以满足用户互联网体验的需求， 这就要求手机GUI设计便捷、稳定，同时兼顾用户的差异化，以用户为中心进行人性化设计。

支持Flash Lite的手机的出现，使Flash有了新的表现形式和应用载体，而动画在手机媒体上的广泛应用促进了Flash和手机媒体的结合与发展。对于手机软件公司来说，软件界面就是其产品外观，界面美观与否，直接关系到软件产品的成败。如Iphone界面设计对其成功有决定性的影响[2]。

1 Flash Lite概述

Flash在二维动画、Web交互设计程序中使用广泛，是Macromedia公司最成功的产品。Flash具备强大的功能，支持添加声音、图片、视频等，可创建用户界面，创建交互式游戏，创建特殊的界面效果，可进行网页特效制作[3]。

Flash Lite的出现，使手机也能播发绚丽多彩的Flash动画，实现Flash应用程序的交互功能。近年来，移动设备中Flash开发得到飞速发展。Flash Lite具有以下特点：①强大的矢量图渲染功能，能够实现精彩的特效和图像显示；②功能完备的代码解释器，使用ActionScript 语言编写程序，支持ActionScript，便于开发。同时，Flash Lite包括许多移动设备专用命令，如触摸屏命令等；③完善的文本显示及处理功能，同时支持动态、静态文本输入；④支持多种声音格式。如MIDI 、 Mfi以及标准 Flash 音频等；⑤便捷的网络连接能力，利用Flash Lite “HTTP 请求状态信息”命令和连接获取属性，可以进行网络连接。同时，支持加载外部数据和 SWF 文件；⑥ 卓越的设备和平台集成能力，Flash Lite具备初始化电话呼叫功能，获取平台功能信息及短消息服务 （SMS），使用设备标准输入对话框获取用户输入。

2 Flash移动技术数据处理机制

一个移动开发项目的源文件包括项目文件、存放类和其它程序.as文件、存放动作场景设置及动画的.fla文件。其中，.as文件通过Action Script编译器编译成Action Script字节码，如图1所示。Action Script字节码通过虚拟机转化成能被硬件识别的原生机器码，如图2所示。

3 基于Flash Lite的移动终端GUI设计特点

Flash Lite是Adobe公司出品的软件， Flash Lite 播放器可使用户在手机上体验到接近电脑视频的Flash播放画质。使用支持Flash Lite的手机，用户能更加便捷地享受Flash视频、音频，而且能体验到多种Flash游戏。使用支持Flash Lite的移动终端，用户可以像在电脑桌面上一样处理程序，同时其能提供逼真形象的动画。相比较传统界面开发，基于Flash Lite的移动终端界面开发有以下特点：①开发效率高。相比较传统的手机界面开发流程，Flash Lite开发流程简单很多，运用Flash CS3自带手机界面模板便可轻松创建手机界面；②标准一致。Flash Lite的标准是由MacroMedia公司（现已被Adobe公司收购）所制定，标准统一，而且是同样的播放器，所获得的效果也一样。对于开发者而言，只需一次开发，就能在所有支持Flash Lite的手机上运行，而不必针对手机型号进行多次开发，增强了开发和使用的便捷性；③开发工具简易。同一个创作平台下开发，仅需适应电脑上的鼠标键盘交互，到现在手机上触摸屏和方向键的交互，还有惯用的语法即可。

图1 ActionScript字节封装

图2 字节码运行

4 基于Flash Lite的移动终端GUI设计流程

基于Flash Lite的GUI设计流程如图3所示。

图3 GUI设计流程

4.1 设计定位

从软件提供者的角度分析产品功能需求，注重界面设计，明确产品定位。

4.2 用户研究

界面设计中，用户分析和相关调研十分重要。需调查各类用户的使用习惯、信息素养和操作经验，研究用户对界面和功能的需求，为手机界面设计提供参考模型，使设计能适应各类用户。不同用户在知识技能、感官能力、学习能力、记忆能力方面存在差异，因此设计中需要考虑个性化因素。以用户为中心的设计需要遵从以下原则：①目标定量化，标准统一；②用户任务需求明确；③用户体验过程完备。

用户产品体验过程（见图4）包括用户对界面图片、背景声音、造型、操作等的体验，具有明确的目标，能获得完整的用户反馈信息。完整的用户体验过程可以减少后期开发中不必要的重复操作，同时有利于后期软件维护。开发者往往容易忽视对用户的研究，认为消耗时间和资源[4]。但如果项目完成后发现需求方面存在缺陷需要修改，则要比在用户研究阶段发现并修改投入更多的人力和资源。从质量成本角度看，用户研究阶段强调项目开发过程中，所有项目制作人员参与收集完备的用户信息和用户需求，从而增强产品的可用性，提高开发效率。

图4 用户体验流程

4.3 模型分析

在设计中需要构造原型，原型是设计的实例化，包括系统构成、实现方法、硬件基础等。界面模型分析流程如下：①定义用户特征和用户角色；②确定界面元素构成；③快速设计原型；④根据用户反馈修改完善原型。

4.4 视觉设计

（1）交互设计。指人机之间的交互，任何产品功能的实现都是通过人和机器的交互来完成的。交互设计由强大的交互程序支撑，好的用户界面使用户操作更加便捷。因此，人的因素应作为设计的核心被体现出来[5]。界面设计应做到以下几点： ①图示形象生动，每种功能对应的图标让用户一目了然；②错误提示明确，对误操作提供有针对性的提示；③由用户控制界面。面对不同层次操作，提供多种方法，给用户提供多种选择；④适合用户触摸习惯。图标的大小、排列方式要适合用户习惯；⑤允许中断。例如浏览网站时，如有电话接入，完成通话后，仍能返回所登录的网站；⑥使用用户语言，而非技术语言；⑦随时导航。

用户可方便地从一个功能跳转到另一个功能。

（2）界面设计。界面设计应注意：①清晰明了，提供多种方案，允许用户定制；②优化图形渲染算法，减轻硬件负担；③依赖认知而非记忆。通过图标号和视觉线索进行感官刺激；④适合用户操作，尽量使用和真实情景相似的图标；⑤图标形象、调理清晰、方便操作；⑥色彩搭配合理。

4.5 测试

手机所有功能都要通过GUI操作、用户界面测试。其测试并不是独立的，而是与其它测试同步开展。进行可用性测试可以有效提升设计水平，增强产品市场竞争力。传统的可用性测试方法主要包括启发式评估、焦点小组、深度访谈、出声思维、绩效测试等[6]。上述方法存在一定的局限性：①定性测试方法受测试用户的主观影响较大，且测试人员对测试用户的引导，容易导致测试结果缺乏客观性；②移动环境下，出声思维法加大了用户的认知负荷；③很难控制外在变量的干扰，且绩效指标的选取、数据记录和分析等依赖评估人员的知识和经验，人为因素干扰较大[7]。

目前，主要采用眼动测试方法。利用高频摄像设备自动跟踪记录用户眼球运动信息，对用户干扰小，且携带方便，如头盔式眼动仪戴在用户头部，便于户外自由活动。可以减少测试中的主观影响和实验误差，且在一定程度上揭示用户内部认知差异，提高测试效率和质量[7]。

在软件工程中，界面设计工作往往受重视程度不够。“美工”成为界面设计师的代名词，界面设计只看作是重复、无创意的工作。实际上，界面设计就像工业造型设计一样，是产品的重要卖点。界面设计不是单纯的平面设计或者艺术绘画，友好美观的手机界面会给人带来良好的视觉享受和操作体验。用户体验也是衡量一个手机界面的重要标准[8]，界面设计要和用户研究紧密结合。