基于Flash Lite的移動終端GUI開發(fā)研究

摘要：手機(jī)已經(jīng)成為集成多項功能的移動終端。支持Flash Lite的手機(jī)的出現(xiàn)，使Flash有了新的表現(xiàn)形式和應(yīng)用載體，而動畫在手機(jī)媒體上的廣泛應(yīng)用促進(jìn)了Flash和手機(jī)媒體的結(jié)合與共同發(fā)展?；贔lash Lite的移動終端GUI設(shè)計發(fā)展迅速， Flash Lite 播放器可以使用戶在手機(jī)上體驗到接近電腦視頻的Flash播放畫質(zhì)，用戶可如在桌面上一樣在移動終端上處理程序，同時能提供逼真、形象的動畫。

關(guān)鍵詞：Flash Lite；移動終端； GUI設(shè)計

DOIDOI：10.11907/rjdk.143265

中圖分類號：TP302

文獻(xiàn)標(biāo)識碼：A 文章編號文章編號：16727800（2015）001000803

作者簡介作者簡介：金鑫（1983-）， 男 ，江蘇南通人，碩士，江蘇省如皋高等師范學(xué)校講師，研究方向為多媒體設(shè)計和用戶界面設(shè)計。

0 引言

手機(jī)是人們?nèi)粘Ｉ钪惺褂米疃嗟碾娮右苿咏K端。手機(jī)功能的多樣化，越來越要求手機(jī)界面注重人性化、人機(jī)交互。隨著智能手機(jī)的發(fā)展，通訊功能已不再是手機(jī)唯一的重要功能，手機(jī)越來越多地與計算機(jī)、網(wǎng)絡(luò)進(jìn)行融合。這些都將使得手機(jī)的交互方式發(fā)生改變，同時也意味著其

這個階段也可以追溯到業(yè)務(wù)域中，進(jìn)行需求的迭代獲取，通過業(yè)務(wù)追蹤的方式監(jiān)控業(yè)務(wù)的發(fā)展。

圖9 二維度需求體系應(yīng)用示例

業(yè)務(wù)是用戶需求的來源，符合業(yè)務(wù)需要的軟件才有價值。業(yè)務(wù)是后續(xù)工作的基礎(chǔ)，用戶與系統(tǒng)分析人員要始終重視業(yè)務(wù)工作。業(yè)務(wù)驅(qū)動需求獲取的過程給出了需求獲取的實施步驟，業(yè)務(wù)域的內(nèi)容及業(yè)務(wù)-需求映射模型中的定量分析內(nèi)容為UML模型的建立與完善提供了重要依據(jù)。

交互界面會隨之變化[1]。

手機(jī)用戶界面設(shè)計的核心理念是方便用戶，意味著手機(jī)功能要不斷豐富，界面要不斷變化。在手機(jī)步入全面移動互聯(lián)時代的同時，GUI技術(shù)也隨之取得突破性發(fā)展。目前手機(jī)普遍采用全觸摸的超大液晶屏，以滿足用戶互聯(lián)網(wǎng)體驗的需求， 這就要求手機(jī)GUI設(shè)計便捷、穩(wěn)定，同時兼顧用戶的差異化，以用戶為中心進(jìn)行人性化設(shè)計。

支持Flash Lite的手機(jī)的出現(xiàn)，使Flash有了新的表現(xiàn)形式和應(yīng)用載體，而動畫在手機(jī)媒體上的廣泛應(yīng)用促進(jìn)了Flash和手機(jī)媒體的結(jié)合與發(fā)展。對于手機(jī)軟件公司來說，軟件界面就是其產(chǎn)品外觀，界面美觀與否，直接關(guān)系到軟件產(chǎn)品的成敗。如Iphone界面設(shè)計對其成功有決定性的影響[2]。

1 Flash Lite概述

Flash在二維動畫、Web交互設(shè)計程序中使用廣泛，是Macromedia公司最成功的產(chǎn)品。Flash具備強大的功能，支持添加聲音、圖片、視頻等，可創(chuàng)建用戶界面，創(chuàng)建交互式游戲，創(chuàng)建特殊的界面效果，可進(jìn)行網(wǎng)頁特效制作[3]。

Flash Lite的出現(xiàn)，使手機(jī)也能播發(fā)絢麗多彩的Flash動畫，實現(xiàn)Flash應(yīng)用程序的交互功能。近年來，移動設(shè)備中Flash開發(fā)得到飛速發(fā)展。Flash Lite具有以下特點：①強大的矢量圖渲染功能，能夠?qū)崿F(xiàn)精彩的特效和圖像顯示；②功能完備的代碼解釋器，使用ActionScript 語言編寫程序，支持ActionScript，便于開發(fā)。同時，F(xiàn)lash Lite包括許多移動設(shè)備專用命令，如觸摸屏命令等；③完善的文本顯示及處理功能，同時支持動態(tài)、靜態(tài)文本輸入；④支持多種聲音格式。如MIDI 、 Mfi以及標(biāo)準(zhǔn) Flash 音頻等；⑤便捷的網(wǎng)絡(luò)連接能力，利用Flash Lite “HTTP 請求狀態(tài)信息”命令和連接獲取屬性，可以進(jìn)行網(wǎng)絡(luò)連接。同時，支持加載外部數(shù)據(jù)和 SWF 文件；⑥ 卓越的設(shè)備和平臺集成能力，F(xiàn)lash Lite具備初始化電話呼叫功能，獲取平臺功能信息及短消息服務(wù) （SMS），使用設(shè)備標(biāo)準(zhǔn)輸入對話框獲取用戶輸入。

2 Flash移動技術(shù)數(shù)據(jù)處理機(jī)制

一個移動開發(fā)項目的源文件包括項目文件、存放類和其它程序.as文件、存放動作場景設(shè)置及動畫的.fla文件。其中，.as文件通過Action Script編譯器編譯成Action Script字節(jié)碼，如圖1所示。Action Script字節(jié)碼通過虛擬機(jī)轉(zhuǎn)化成能被硬件識別的原生機(jī)器碼，如圖2所示。

3 基于Flash Lite的移動終端GUI設(shè)計特點

Flash Lite是Adobe公司出品的軟件， Flash Lite 播放器可使用戶在手機(jī)上體驗到接近電腦視頻的Flash播放畫質(zhì)。使用支持Flash Lite的手機(jī)，用戶能更加便捷地享受Flash視頻、音頻，而且能體驗到多種Flash游戲。使用支持Flash Lite的移動終端，用戶可以像在電腦桌面上一樣處理程序，同時其能提供逼真形象的動畫。相比較傳統(tǒng)界面開發(fā)，基于Flash Lite的移動終端界面開發(fā)有以下特點：①開發(fā)效率高。相比較傳統(tǒng)的手機(jī)界面開發(fā)流程，F(xiàn)lash Lite開發(fā)流程簡單很多，運用Flash CS3自帶手機(jī)界面模板便可輕松創(chuàng)建手機(jī)界面；②標(biāo)準(zhǔn)一致。Flash Lite的標(biāo)準(zhǔn)是由MacroMedia公司（現(xiàn)已被Adobe公司收購）所制定，標(biāo)準(zhǔn)統(tǒng)一，而且是同樣的播放器，所獲得的效果也一樣。對于開發(fā)者而言，只需一次開發(fā)，就能在所有支持Flash Lite的手機(jī)上運行，而不必針對手機(jī)型號進(jìn)行多次開發(fā)，增強了開發(fā)和使用的便捷性；③開發(fā)工具簡易。同一個創(chuàng)作平臺下開發(fā)，僅需適應(yīng)電腦上的鼠標(biāo)鍵盤交互，到現(xiàn)在手機(jī)上觸摸屏和方向鍵的交互，還有慣用的語法即可。

圖1 ActionScript字節(jié)封裝

圖2 字節(jié)碼運行

4 基于Flash Lite的移動終端GUI設(shè)計流程

基于Flash Lite的GUI設(shè)計流程如圖3所示。

圖3 GUI設(shè)計流程

4.1 設(shè)計定位

從軟件提供者的角度分析產(chǎn)品功能需求，注重界面設(shè)計，明確產(chǎn)品定位。

4.2 用戶研究

界面設(shè)計中，用戶分析和相關(guān)調(diào)研十分重要。需調(diào)查各類用戶的使用習(xí)慣、信息素養(yǎng)和操作經(jīng)驗，研究用戶對界面和功能的需求，為手機(jī)界面設(shè)計提供參考模型，使設(shè)計能適應(yīng)各類用戶。不同用戶在知識技能、感官能力、學(xué)習(xí)能力、記憶能力方面存在差異，因此設(shè)計中需要考慮個性化因素。以用戶為中心的設(shè)計需要遵從以下原則：①目標(biāo)定量化，標(biāo)準(zhǔn)統(tǒng)一；②用戶任務(wù)需求明確；③用戶體驗過程完備。

用戶產(chǎn)品體驗過程（見圖4）包括用戶對界面圖片、背景聲音、造型、操作等的體驗，具有明確的目標(biāo)，能獲得完整的用戶反饋信息。完整的用戶體驗過程可以減少后期開發(fā)中不必要的重復(fù)操作，同時有利于后期軟件維護(hù)。開發(fā)者往往容易忽視對用戶的研究，認(rèn)為消耗時間和資源[4]。但如果項目完成后發(fā)現(xiàn)需求方面存在缺陷需要修改，則要比在用戶研究階段發(fā)現(xiàn)并修改投入更多的人力和資源。從質(zhì)量成本角度看，用戶研究階段強調(diào)項目開發(fā)過程中，所有項目制作人員參與收集完備的用戶信息和用戶需求，從而增強產(chǎn)品的可用性，提高開發(fā)效率。

圖4 用戶體驗流程

4.3 模型分析

在設(shè)計中需要構(gòu)造原型，原型是設(shè)計的實例化，包括系統(tǒng)構(gòu)成、實現(xiàn)方法、硬件基礎(chǔ)等。界面模型分析流程如下：①定義用戶特征和用戶角色；②確定界面元素構(gòu)成；③快速設(shè)計原型；④根據(jù)用戶反饋修改完善原型。

4.4 視覺設(shè)計

（1）交互設(shè)計。指人機(jī)之間的交互，任何產(chǎn)品功能的實現(xiàn)都是通過人和機(jī)器的交互來完成的。交互設(shè)計由強大的交互程序支撐，好的用戶界面使用戶操作更加便捷。因此，人的因素應(yīng)作為設(shè)計的核心被體現(xiàn)出來[5]。界面設(shè)計應(yīng)做到以下幾點： ①圖示形象生動，每種功能對應(yīng)的圖標(biāo)讓用戶一目了然；②錯誤提示明確，對誤操作提供有針對性的提示；③由用戶控制界面。面對不同層次操作，提供多種方法，給用戶提供多種選擇；④適合用戶觸摸習(xí)慣。圖標(biāo)的大小、排列方式要適合用戶習(xí)慣；⑤允許中斷。例如瀏覽網(wǎng)站時，如有電話接入，完成通話后，仍能返回所登錄的網(wǎng)站；⑥使用用戶語言，而非技術(shù)語言；⑦隨時導(dǎo)航。

用戶可方便地從一個功能跳轉(zhuǎn)到另一個功能。

（2）界面設(shè)計。界面設(shè)計應(yīng)注意：①清晰明了，提供多種方案，允許用戶定制；②優(yōu)化圖形渲染算法，減輕硬件負(fù)擔(dān)；③依賴認(rèn)知而非記憶。通過圖標(biāo)號和視覺線索進(jìn)行感官刺激；④適合用戶操作，盡量使用和真實情景相似的圖標(biāo)；⑤圖標(biāo)形象、調(diào)理清晰、方便操作；⑥色彩搭配合理。

4.5 測試

手機(jī)所有功能都要通過GUI操作、用戶界面測試。其測試并不是獨立的，而是與其它測試同步開展。進(jìn)行可用性測試可以有效提升設(shè)計水平，增強產(chǎn)品市場競爭力。傳統(tǒng)的可用性測試方法主要包括啟發(fā)式評估、焦點小組、深度訪談、出聲思維、績效測試等[6]。上述方法存在一定的局限性：①定性測試方法受測試用戶的主觀影響較大，且測試人員對測試用戶的引導(dǎo)，容易導(dǎo)致測試結(jié)果缺乏客觀性；②移動環(huán)境下，出聲思維法加大了用戶的認(rèn)知負(fù)荷；③很難控制外在變量的干擾，且績效指標(biāo)的選取、數(shù)據(jù)記錄和分析等依賴評估人員的知識和經(jīng)驗，人為因素干擾較大[7]。

目前，主要采用眼動測試方法。利用高頻攝像設(shè)備自動跟蹤記錄用戶眼球運動信息，對用戶干擾小，且攜帶方便，如頭盔式眼動儀戴在用戶頭部，便于戶外自由活動?？梢詼p少測試中的主觀影響和實驗誤差，且在一定程度上揭示用戶內(nèi)部認(rèn)知差異，提高測試效率和質(zhì)量[7]。

在軟件工程中，界面設(shè)計工作往往受重視程度不夠?！懊拦ぁ背蔀榻缑嬖O(shè)計師的代名詞，界面設(shè)計只看作是重復(fù)、無創(chuàng)意的工作。實際上，界面設(shè)計就像工業(yè)造型設(shè)計一樣，是產(chǎn)品的重要賣點。界面設(shè)計不是單純的平面設(shè)計或者藝術(shù)繪畫，友好美觀的手機(jī)界面會給人帶來良好的視覺享受和操作體驗。用戶體驗也是衡量一個手機(jī)界面的重要標(biāo)準(zhǔn)[8]，界面設(shè)計要和用戶研究緊密結(jié)合。