第8章-移動界面設(shè)計

第8章移動界面設(shè)計1人機(jī)交互技術(shù)編寫組主要內(nèi)容提要移動界面的基本概念移動界面的設(shè)計方法移動界面的實(shí)現(xiàn)技術(shù)移動界面設(shè)計的實(shí)例

2人機(jī)交互技術(shù)編寫組8.1移動界面基本概念

互聯(lián)網(wǎng)和移動通信，作為邁向信息社會的兩個重要標(biāo)志，分別適應(yīng)了人們對信息資源的豐富性以及信息獲取方式的靈活性與移動性的需求。

互聯(lián)網(wǎng)與移動通信已經(jīng)逐漸形成了信息產(chǎn)業(yè)中潛力巨大、前景可觀的兩大領(lǐng)域，同時也催生了結(jié)合二者的技術(shù)優(yōu)勢，目標(biāo)在于向用戶提供靈活的、不受信息源和用戶訪問位置等各種限制的信息服務(wù)的移動互聯(lián)網(wǎng)（MobileInternet）技術(shù)。

3人機(jī)交互技術(shù)編寫組8.1.1移動互聯(lián)簡介

移動互聯(lián)網(wǎng)概念的理解可能因人而異，特別是與無線互聯(lián)網(wǎng)（WirelessInternet）可能會當(dāng)成一回事。從概念上而言，移動與無線是兩個不同的概念，在很多情況下，無線與移動是兩個重疊的概念，但在另外一些情況下，這兩者又有明顯的區(qū)別，這也使得移動互聯(lián)網(wǎng)的概念可以從狹義與廣義兩個角度來理解。

4人機(jī)交互技術(shù)編寫組移動互聯(lián)網(wǎng)概念從狹義的角度上來講，移動互聯(lián)網(wǎng)指的就是基于分組交換技術(shù)的無線數(shù)據(jù)通信技術(shù)，有時可能會被稱之為無線互聯(lián)網(wǎng)（WirelessInternet）。

從廣義的角度上來講，移動互聯(lián)網(wǎng)不一定局限于一般的無線數(shù)據(jù)通信方式，與無線互聯(lián)網(wǎng)的概念有一定的區(qū)別，我們可以從設(shè)備的移動性與數(shù)據(jù)連接方式這兩個方面來說明。

5人機(jī)交互技術(shù)編寫組移動界面的設(shè)計移動界面的設(shè)計成為人機(jī)交互技術(shù)研究的一個重要方向。一方面，移動應(yīng)用的界面設(shè)計符合人機(jī)交互設(shè)計的一般規(guī)律，可以利用人機(jī)交互界面的一般設(shè)計方法；另一方面，由于移動設(shè)備的便攜性、位置不固定性和計算能力有限性以及無線網(wǎng)絡(luò)的低帶寬高延遲等諸多的限制，移動界面設(shè)計又具有自己的特點(diǎn)。

6人機(jī)交互技術(shù)編寫組移動與無線概念的外延關(guān)系移動無線圖8-1移動與無線概念的外延關(guān)系7人機(jī)交互技術(shù)編寫組8.1.2移動設(shè)備與連接方式

目前主要的移動終端設(shè)備種類包括手機(jī)、掌上電腦PDA（PersonalDigitalAssistant）、筆記本電腦以及各種特殊用途的移動設(shè)備如車載電腦。基于可移動性（mobility）的考慮，目前移動互聯(lián)設(shè)備以智能手機(jī)與掌上電腦為主。8人機(jī)交互技術(shù)編寫組VulcanInc.公司設(shè)計的FlipStartMiniPC

9人機(jī)交互技術(shù)編寫組移動互聯(lián)網(wǎng)的數(shù)據(jù)接入方式移動互聯(lián)網(wǎng)的數(shù)據(jù)接入方式目前也是多種標(biāo)準(zhǔn)并存，沒有完全統(tǒng)一。主要形式包括:無線局域網(wǎng)（WirelessLocalAreaNetwork，WLAN）--無線局域網(wǎng)絡(luò)英文全名：WirelessLocalAreaNetworks；簡寫為：WLAN。它是相當(dāng)便利的數(shù)據(jù)傳輸系統(tǒng)，它利用射頻（RadioFrequency；RF）的技術(shù)，使用電磁波，取代舊式礙手礙腳的雙絞銅線（Coaxial）所構(gòu)成的局域網(wǎng)絡(luò)，在空中進(jìn)行通信連接，使得無線局域網(wǎng)絡(luò)能利用簡單的存取架構(gòu)讓用戶透過它，達(dá)到“信息隨身化、便利走天下”的理想境界。--主流應(yīng)用的無線網(wǎng)絡(luò)分為GPRS手機(jī)無線網(wǎng)絡(luò)上網(wǎng)和無線局域網(wǎng)兩種方式。GPRS手機(jī)上網(wǎng)方式，是一種借助移動電話網(wǎng)絡(luò)接入Internet的無線上網(wǎng)方式，因此只要你所在城市開通了GPRS上網(wǎng)業(yè)務(wù)，你在任何一個角落都可以通過手機(jī)來上網(wǎng)。--WLAN的實(shí)現(xiàn)協(xié)議有很多，其中最為著名也是應(yīng)用最為廣泛的當(dāng)屬無線保真技術(shù)--Wi-Fi，它實(shí)際上提供了一種能夠?qū)⒏鞣N終端都使用無線進(jìn)行互聯(lián)的技術(shù)，為用戶屏蔽了各種終端之間的差異性。10人機(jī)交互技術(shù)編寫組無線城域網(wǎng)（WirelessMetropolitanAreaNetwork，WMAN）--無線城域網(wǎng)(WMAN)主要用于解決城域網(wǎng)的接入問題，覆蓋范圍為幾千米到幾十千米，除提供固定的無線接入外，還提供具有移動性的接入能力，包括多信道多點(diǎn)分配系統(tǒng)(MultichannelMultipointDistributionSystem，MMDS)、本地多點(diǎn)分配系統(tǒng)(LocalMultipointDistributionSystem，LMDS)、IEEE802.16和ETSIHiperMAN(HighPerformanceMAN，高性能城域網(wǎng))技術(shù)。11人機(jī)交互技術(shù)編寫組無線個域網(wǎng)（WirelessPersonalAreaNetworks，WPAN）--是一種采用無線連接的個人局域網(wǎng)。它被用在諸如電話、計算機(jī)、附屬設(shè)備以及小范圍（個人局域網(wǎng)的工作范圍一般是在10米以內(nèi)）內(nèi)的數(shù)字助理設(shè)備之間的通訊。支持無線個人局域網(wǎng)的技術(shù)包括：藍(lán)牙、ZigBee、超頻波段（UWB）、IrDA、HomeRF等，其中藍(lán)牙技術(shù)在無線個人局域網(wǎng)中使用的最廣泛。高速無線數(shù)據(jù)通訊系統(tǒng)以及衛(wèi)星通訊等

12人機(jī)交互技術(shù)編寫組移動互聯(lián)網(wǎng)的數(shù)據(jù)接入方式無線局域網(wǎng)采用無線的方式提供傳統(tǒng)有線局域網(wǎng)的所有功能，具有極大的靈活性。

無線城域網(wǎng)技術(shù)的目標(biāo)是提供類似于有線Modem、DSL（DigitalSubscriberLine），以太網(wǎng)以及光纖網(wǎng)等有線方式的高速Internet接入，優(yōu)勢是可以在較大的地理區(qū)域內(nèi)無須布線。

繼無線局域網(wǎng)(WLAN)和無線城域網(wǎng)(WMAN)之后，各種形式的便攜式移動設(shè)備的不斷涌現(xiàn)，促進(jìn)了無線個域網(wǎng)的出現(xiàn)，使移動互聯(lián)網(wǎng)的接入方式更為豐富。

13人機(jī)交互技術(shù)編寫組高速無線數(shù)據(jù)通信是在無線語音通信系統(tǒng)之上發(fā)展起來的，分為三代:第一代是模擬無線網(wǎng)絡(luò)，20世紀(jì)的80年代，目前在我國已基本淘汰。第二代是數(shù)字語音通訊系統(tǒng)和數(shù)字通信系統(tǒng)，常見的有九十年代出現(xiàn)的歐洲的全球移動通信系統(tǒng)GSM（GlobalSystemsforMobileTelecommunications，GSM）等。第三代，即3G（ThirdGeneration）階段，目標(biāo)是采用數(shù)字技術(shù)實(shí)現(xiàn)語音、數(shù)據(jù)以及多媒體信息的高速傳輸。

14人機(jī)交互技術(shù)編寫組第四代移動電話行動通信標(biāo)準(zhǔn)，指的是第四代移動通信技術(shù)，外語縮寫：4G。該技術(shù)包括TD-LTE和FDD-LTE兩種制式.4G能夠以100Mbps以上的速度下載，比目前的家用寬帶ADSL（4兆）快25倍，并能夠滿足幾乎所有用戶對于無線服務(wù)的要求。此外，4G可以在DSL和有線電視調(diào)制解調(diào)器沒有覆蓋的地方部署，然后再擴(kuò)展到整個地區(qū)。很明顯，4G有著不可比擬的優(yōu)越性。15人機(jī)交互技術(shù)編寫組移動設(shè)備目前主要的移動終端設(shè)備種類包括手機(jī)、PDA（PersonalDigitalAssistant）以及各種特殊用途的移動設(shè)備如車載電腦等。其中，基于可移動性（Mobility）的考慮，手機(jī)與PDA是目前最常見的主流移動設(shè)備。不過隨著技術(shù)的進(jìn)步，各種設(shè)備之間的界限正在逐漸淡化，也出現(xiàn)了一些新的移動設(shè)備形態(tài)，特別是介于PDA和筆記本電腦之間的移動互聯(lián)網(wǎng)設(shè)備MID（MobileInternetDevice）以及超移動個人電腦UMPC（Ultra-MobilePC）16人機(jī)交互技術(shù)編寫組（a）OQO(b)FlipStartMiniPC(c)N810(d)iPhone

(e)iphone6&iphone6Plus(f)mi4(g)ipadAir17人機(jī)交互技術(shù)編寫組8.1.3移動界面的輸入方式

目前主要的移動設(shè)備形式——智能手機(jī)與掌上電腦而言，由于尺寸較小、接口較為簡單，全尺寸鍵盤、鼠標(biāo)等諸多的傳統(tǒng)的輸入輸出設(shè)備較難在移動界面中使用，因此需要設(shè)計專門的輸入輸出方式，以便適應(yīng)移動界面的特點(diǎn)。

18人機(jī)交互技術(shù)編寫組移動界面的輸入方式鍵盤輸入

手機(jī)鍵盤的設(shè)計主要還是從手機(jī)的主要功能即語音通信考慮的。由于每一個按鍵都是復(fù)用的，如數(shù)字鍵7和字母P、Q、R、S共用一個按鍵。T9輸入法就是目前最為著名的一種解決方案。使用T9輸入法的優(yōu)越之處在于輸入一個字以后，會提示一些可以合法組合的常見字，用戶只需要簡單地選擇即可輸入，大大降低了手機(jī)文字輸入的疲勞程度，提高了批量文字信息的輸入效率。

19人機(jī)交互技術(shù)編寫組交互方式輸入方式：1.鍵盤輸入2.筆輸入3.語音識別輸出方式：移動設(shè)備的輸出方式較為簡單。主要是顯示屏幕和聲音輸出。

20人機(jī)交互技術(shù)編寫組移動界面的輸入方式鍵盤輸入軟鍵盤（softkeyboard）是解決移動設(shè)備輸入問題的又一重要方法。所謂的軟鍵盤就是在移動設(shè)備屏幕上顯示QWERTY鍵盤，用戶在屏幕上選擇軟鍵盤上的鍵完成輸入。這種輸入形式在桌面計算機(jī)的Windows平臺上的輸入法中都可以見到。21人機(jī)交互技術(shù)編寫組T9比軟鍵盤輸入法的效率高T9輸入法所支持的手機(jī)鍵盤基于電話鍵盤設(shè)計的，手機(jī)用戶群未必熟悉計算機(jī)；手機(jī)鍵盤采用一個按鍵對應(yīng)于多個字符，鍵的大小自然可以更大，能更快的鍵入和更高的準(zhǔn)確程度；手機(jī)鍵盤按鍵的設(shè)計更加緊湊，按鍵間距相對較小，手指移動距離短，也可以提高輸入速度。22人機(jī)交互技術(shù)編寫組移動界面的輸入方式筆輸入手寫文字識別是一種文本的輸入方式，作為鍵盤輸入的一種替代方式。隨著筆輸入技術(shù)的日益成熟，目前筆輸入技術(shù)的在包括平板電腦（TabletPC）、智能手機(jī)、掌上電腦等多種移動設(shè)備中的得到了廣泛應(yīng)用。近年來微軟公司力推TabletPC，也在一定程度上對于筆輸入的普及起了推波助瀾的作用。

筆輸入是目前掌上電腦最主要的一種輸入方式。特別在中國，由于漢字書寫的復(fù)雜性，手寫筆輸入成為最自然、符合中國人書寫習(xí)慣的輸入方式。23人機(jī)交互技術(shù)編寫組移動界面的輸入方式在微軟的TabletPC系統(tǒng)中稱為數(shù)字墨水（DigitalInk），實(shí)際就是將筆跡信息作為一種新的數(shù)據(jù)類型做到了操作系統(tǒng)層，并提供相應(yīng)的應(yīng)用程序接口，供軟件開發(fā)人員用于開發(fā)可以充分利用筆式輸入便利的應(yīng)用軟件。

24人機(jī)交互技術(shù)編寫組移動界面的輸入方式語音識別

語音是人們在日常生活中進(jìn)行交流最主要的手段，因此對于語音技術(shù)成為新一代多通道人機(jī)界面中的最重要技術(shù)之一的期望也就很容易理解了

語音識別技術(shù)的研究工作始于20世紀(jì)50年代目前這個領(lǐng)域最具代表性的產(chǎn)品是IBM公司的Viavoice和DRAGON公司的NaturallySpeaking。可以通過將掌上設(shè)備作為語音門戶網(wǎng)站(VoicePortal)的訪問終端。在這種環(huán)境中，用戶可以在辦公室、家里或旅行途中隨時隨地通過手機(jī)等具有語音通信功能的移動設(shè)備與具備語音識別與合成技術(shù)的語音門戶網(wǎng)站進(jìn)行對話。

25人機(jī)交互技術(shù)編寫組移動界面的輸入方式語音識別技術(shù)還可以用于人機(jī)界面的語音命令導(dǎo)航，使得用戶可以直接用語音發(fā)出各種操作指令。目前的語音識別技術(shù)仍然存在著很多的問題，因此能夠?qū)崿F(xiàn)的應(yīng)用領(lǐng)域還有一定的局限性，不會立即給人機(jī)交互方式帶來本質(zhì)性的影響。語音錄制:可以隨時在任何可執(zhí)行屏幕手寫或繪制操作的程序中進(jìn)行語音錄制，可以單獨(dú)生成一段錄音，還可以將一段錄音嵌入文本便箋中。

26人機(jī)交互技術(shù)編寫組8.1.4移動界面的輸出方式

主要是顯示屏幕和聲音輸出顯示技術(shù)

顯示屏的關(guān)鍵因素：分辨率、色彩、尺寸、功耗及顯示響應(yīng)速度。

多種顯示器：超扭曲陣列(Super-TwistedNematicSTN）、DSTN(DualSTN)、CSTN（ColorSTN）、薄膜式晶體管（ThinFilmTransistor，TFT）以及薄膜二極管（ThinFilmDiode，TFD）等。

單色STN液晶屏：用簡單的無源矩陣尋址方案，具有性能可靠、成本低、功耗也極低的特點(diǎn)。一些新的顯示技術(shù)：有機(jī)發(fā)光二極管(OrganicLightEmittingDiode，OLED)和硅基液晶(LiquidCrystalOnSilicon，LCOS)。

27人機(jī)交互技術(shù)編寫組8.1.4移動界面的輸出方式聲音輸出手機(jī)與PDA等掌上設(shè)備的聲音輸出功能一般較弱。近年來，逐漸通過引入聲音合成技術(shù)，使得其可以播放較為動聽的MIDI（MusicalInstrumentDigitalInterface）電子音樂。移動設(shè)備的音樂合成技術(shù)主要包括兩種：調(diào)頻（Frequency

Modulation，F(xiàn)M）合成與波表（WaveTable）合成。復(fù)音就是俗稱的“和弦”，指的是音樂合成系統(tǒng)中能夠同時發(fā)出的聲音的數(shù)目，而并非音樂理論中的和弦。28人機(jī)交互技術(shù)編寫組8.1.5移動界面設(shè)計的新問題

資源相對匱乏

高檔手機(jī)的顯示分辨率也不過320×240，iphone6:1334*750,而且尺寸很小，同時無法展示網(wǎng)站豐富的多媒體內(nèi)容。

移動界面并非簡單的縮小版的桌面系統(tǒng)的用戶界面。桌面系統(tǒng)用戶界面中采用的一般是并行展示其中各種選擇可以在一個大小可調(diào)的屏幕中同時顯示出來。移動界面中，這些選擇只能采用順序展示的方式。

移動界面設(shè)計的難題就是如何在有限的資源條件下有效地為用戶提供信息服務(wù)，提供的選擇須根據(jù)重要性排列。29人機(jī)交互技術(shù)編寫組移動界面設(shè)計的新問題移動設(shè)備的種類繁多

在開發(fā)移動應(yīng)用時需要專門針對某一型號的一種設(shè)備開發(fā)，大大增加了應(yīng)用開發(fā)的復(fù)雜度。在移動界面的設(shè)計中，各設(shè)備的差異是移動應(yīng)用開發(fā)過程中最需要關(guān)注的一個環(huán)節(jié)。移動界面具有一定的自適應(yīng)性是解決問題的一種思路。

30人機(jī)交互技術(shù)編寫組移動界面設(shè)計的新問題連接方式復(fù)雜移動互聯(lián)網(wǎng)的數(shù)據(jù)接入方式形式繁雜，多種標(biāo)準(zhǔn)并存，并在較長的一段時間內(nèi)也很難完全統(tǒng)一。而移動設(shè)備的位置具有很強(qiáng)的移動性，同一設(shè)備可能在不同的時間段處于不同的網(wǎng)絡(luò)連接條件下，網(wǎng)絡(luò)的性能變化范圍可能很大。移動的同時往往需要保持應(yīng)用執(zhí)行的連續(xù)性。應(yīng)將網(wǎng)絡(luò)連接狀況視為一種資源，在設(shè)計時制訂相應(yīng)的策略。

31人機(jī)交互技術(shù)編寫組移動界面設(shè)計的新問題移動界面設(shè)計中的最大問題就是界面的定制。無論是移動設(shè)備各種資源的匱乏、種類與連接方式的繁復(fù)，最終均可以歸結(jié)為根據(jù)需要定制合適的移動應(yīng)用界面。

32人機(jī)交互技術(shù)編寫組8.2移動界面的設(shè)計方法

可用性設(shè)計原則

移動界面導(dǎo)航

移動界面設(shè)計要素

33人機(jī)交互技術(shù)編寫組創(chuàng)建移動應(yīng)用時應(yīng)當(dāng)遵守的一些重要的設(shè)計原則簡單直觀個性化設(shè)計易于檢索界面風(fēng)格一致避免不必要的文本輸入根據(jù)用戶要求使服務(wù)個性化最大限度的避免用戶出錯文本信息應(yīng)當(dāng)本地化可用性設(shè)計原則34人機(jī)交互技術(shù)編寫組8.2.1可用性設(shè)計原則

了解用戶

(簡單直觀)移動應(yīng)用的用戶不一定熟悉桌面計算機(jī)的操作

移動證券軟件的用戶的目的是要了解股票行情或進(jìn)行證券交易

移動手機(jī)游戲的用戶是為了打發(fā)時間或休閑娛樂

……35人機(jī)交互技術(shù)編寫組可用性設(shè)計原則了解目標(biāo)平臺（個性化設(shè)計）

移動設(shè)備的復(fù)雜性使得了解目標(biāo)應(yīng)用平臺的相關(guān)細(xì)節(jié)顯得尤為重要。重要的軟硬件廠商往往會提供詳細(xì)的規(guī)范文檔，從中可以獲得必要的目標(biāo)平臺信息。根據(jù)目標(biāo)平臺信息，開發(fā)個性化的版本，通過充分利用每種設(shè)備的優(yōu)勢特性提高移動應(yīng)用的可用性。

36人機(jī)交互技術(shù)編寫組可用性設(shè)計原則易于檢索

避免嵌套過深的多級菜單，縮減不必要的功能。以滿足用戶的目標(biāo)需要為準(zhǔn)，盡量減少用戶進(jìn)行信息訪問時所要采取的步驟。同時盡可能創(chuàng)建多種信息訪問途徑。37人機(jī)交互技術(shù)編寫組可用性設(shè)計原則采用一致的界面風(fēng)格

不必要的差異常常會讓用戶感到不習(xí)慣，從而降低可用性。一致的界面風(fēng)格對用戶來說很直觀。應(yīng)當(dāng)檢查每個布局和每個顯示來保證其一致性。各種移動應(yīng)用開發(fā)平臺都提供某種形式的應(yīng)用界面的風(fēng)格指南，仔細(xì)研究這些指南對于移動應(yīng)用的界面設(shè)計非常重要。38人機(jī)交互技術(shù)編寫組可用性設(shè)計原則避免不必要的文本輸入

盡量使用戶避免不必要的文本信息的輸入，而采用選擇列表或模糊查詢，即輸入一部分查詢關(guān)鍵詞就可以獲得檢索目標(biāo)或包含目標(biāo)的列表可供用戶選擇，這樣可以降低對于用戶進(jìn)行關(guān)鍵字文字輸入的麻煩。39人機(jī)交互技術(shù)編寫組可用性設(shè)計原則根據(jù)用戶的要求使服務(wù)個性化

允許應(yīng)用保留用戶信息以便能夠記錄用戶的個性化信息，例如：可以利用cookie記錄，或存儲在該應(yīng)用所在的服務(wù)器中。下一次用戶啟動應(yīng)用時可以得到個性化的服務(wù)。

40人機(jī)交互技術(shù)編寫組可用性設(shè)計原則最大限度地避免用戶出錯

預(yù)測用戶可能出現(xiàn)的錯誤，提供相應(yīng)的機(jī)制盡可能避免。例如：如果用戶要輸入日期，可以采用格式化輸入的方法，檢查用戶輸入是否全部是數(shù)字，而且代表日期、月份以及年份的數(shù)字的取值范圍是否在合法的范圍內(nèi)。

41人機(jī)交互技術(shù)編寫組可用性設(shè)計原則文本信息應(yīng)當(dāng)本地化

要根據(jù)應(yīng)用所使用的地域特點(diǎn)，使應(yīng)用本地化。例如，在美國使用zipcode（郵政編碼）術(shù)語，而在英國和澳大利亞使用post或postalcode（郵政編碼）。有時，用詞得當(dāng)與否也可以決定某種應(yīng)用可用性的好壞。詞義表達(dá)清楚是關(guān)鍵，要避免使用含混不清的用語。

42人機(jī)交互技術(shù)編寫組可用性設(shè)計原則進(jìn)行用戶測試

檢驗(yàn)用戶界面功能的唯一可靠方法是對實(shí)際的最終用戶進(jìn)行測試。

專家分析與咨詢

單用戶測試

群組測試

滿意度調(diào)查

最終用戶分析

43人機(jī)交互技術(shù)編寫組可用性設(shè)計原則可用性專家評估從用戶的角度對產(chǎn)品進(jìn)行評估，對一個應(yīng)用軟件的所有功能進(jìn)行分析，并對已存在或可能會出現(xiàn)的可用性問題進(jìn)行記錄。單用戶測試

將產(chǎn)品交給實(shí)際的最終用戶使用，并由可用性分析人員觀察其使用情況，以便發(fā)現(xiàn)用戶在什么環(huán)節(jié)遇到問題，以及用戶是否使用了所有的功能等。

群組測試

進(jìn)行群組測試可以分為七個步驟，分別是：確定產(chǎn)品的目標(biāo)用戶群；從不同渠道召集測試參加者；設(shè)計安排測試情景、任務(wù)、以及需要測試者回答的各種問題；實(shí)際測試；分析結(jié)果；撰寫報告；反饋結(jié)果給開發(fā)者。

44人機(jī)交互技術(shù)編寫組可用性設(shè)計原則滿意度調(diào)查通過標(biāo)準(zhǔn)的統(tǒng)計數(shù)據(jù)，就可用性問題對用戶體驗(yàn)的影響進(jìn)行評價。最終用戶分析

最終用戶分析包括市場分析、用戶群劃分等工作。在開發(fā)的初始階段必須確定用戶群組，以便明確應(yīng)用開發(fā)的要求，這有助于開發(fā)者設(shè)計出滿足市場需求的產(chǎn)品，并確定設(shè)計思路。45人機(jī)交互技術(shù)編寫組8.2.2移動界面導(dǎo)航

一般應(yīng)該在應(yīng)用設(shè)計完成后，建立導(dǎo)航流程圖表，規(guī)劃移動應(yīng)用的導(dǎo)航流程。導(dǎo)航設(shè)計的基礎(chǔ)是按傳統(tǒng)的樹結(jié)構(gòu)編排的層次狀態(tài)結(jié)構(gòu)。在層次狀態(tài)結(jié)構(gòu)中，每一節(jié)點(diǎn)代表一個狀態(tài)，一般是一個新的顯示畫面。用戶點(diǎn)擊按鍵打開一個可選項(xiàng)，或從菜單中選中一項(xiàng)，實(shí)現(xiàn)狀態(tài)轉(zhuǎn)換的過程。返回功能一般返回到層次樹的上一級，初始狀態(tài)下返回功能就是退出，將關(guān)閉該應(yīng)用。46人機(jī)交互技術(shù)編寫組導(dǎo)航流程圖表

11-11-21-31-1-11-1-21-2-11-3-11-3-21-3-3圖8-6層次狀態(tài)結(jié)構(gòu)示意圖

47人機(jī)交互技術(shù)編寫組加入標(biāo)簽導(dǎo)航的層次狀態(tài)結(jié)構(gòu)標(biāo)簽進(jìn)行導(dǎo)航的視圖應(yīng)遵循的原則：

從一個標(biāo)簽視圖轉(zhuǎn)到另一個并不影響這些視圖中的返回鍵功能。它們中的任何一個返回功能指向同一個地方，即該應(yīng)用的上一層。

當(dāng)某個狀態(tài)擁有標(biāo)簽視圖時，如果用戶從上一層進(jìn)入到該狀態(tài)，打開的將是默認(rèn)視圖。

如果用戶從某個標(biāo)簽視圖進(jìn)入到其下面一層，這時的返回功能將導(dǎo)致返回到原先的視圖。48人機(jī)交互技術(shù)編寫組加入標(biāo)簽導(dǎo)航的層次狀態(tài)結(jié)構(gòu)11-11-21-1-11-1-21-2-11-3-11-3-21-3-31-3a1-3b圖8-8加入標(biāo)簽的層次狀態(tài)結(jié)構(gòu)示意圖49人機(jī)交互技術(shù)編寫組有同層次之間相互訪問的導(dǎo)航

11-11-21-31-1-11-1-21-2-11-3-11-3-21-3-3圖8-8加入同層次訪問的層次狀態(tài)結(jié)構(gòu)示意圖—圖結(jié)構(gòu)50人機(jī)交互技術(shù)編寫組一個手機(jī)游戲的導(dǎo)航流程圖表歡迎界面主菜單退出繼續(xù)新游戲選項(xiàng)積分榜幫助游戲確認(rèn)GameOver退出圖8-9示例導(dǎo)航流程圖表51人機(jī)交互技術(shù)編寫組8.2.3移動界面設(shè)計要素

移動界面也包含很多種類的設(shè)計要素，主要界面設(shè)計元素有：菜單

按鈕

多選列表

文字顯示

數(shù)據(jù)輸入

圖標(biāo)與圖像

報警提示

移動多媒體

52人機(jī)交互技術(shù)編寫組移動界面設(shè)計要素菜單主要目的用于提供項(xiàng)目選擇。設(shè)計移動界面可用性好的菜單應(yīng)遵守的規(guī)則。供選擇的項(xiàng)目應(yīng)根據(jù)需要進(jìn)行邏輯分類，如果沒有邏輯順序，可以按優(yōu)先級分類，將被選擇頻率最高的項(xiàng)目放在列表的最頂端。每一屏中不宜設(shè)計過多的選項(xiàng)，如果一個菜單上的選擇項(xiàng)目太多，應(yīng)該建立一個“更多”鏈接，將菜單擴(kuò)展到多個屏幕。菜單上的每一選項(xiàng)一般應(yīng)當(dāng)簡明扼要，不宜超過一行。53人機(jī)交互技術(shù)編寫組圖8-10菜單模擬顯示畫面

54人機(jī)交互技術(shù)編寫組移動界面設(shè)計要素按鈕一般移動界面中的按鈕不經(jīng)常使用圖標(biāo)。在按鈕屬性的設(shè)置上根據(jù)所顯示的應(yīng)用類型和信息類型，使用風(fēng)格和標(biāo)注一致的標(biāo)簽。漢字標(biāo)簽則一般需要注意字?jǐn)?shù)的控制。常見的通用按鈕OK（確定）：可用于菜單項(xiàng)的選擇或表示對某一操作的認(rèn)可，如確認(rèn)刪除。Done（完成）：可用于結(jié)束當(dāng)前操作，并返回到上一層任務(wù)。Back（返回）：使用戶回到前一個操作屏幕。

55人機(jī)交互技術(shù)編寫組移動界面設(shè)計要素“尋找航班”是根據(jù)特定的應(yīng)用需要設(shè)定的按鈕。圖8-11按鈕模擬顯示畫面56人機(jī)交互技術(shù)編寫組移動界面設(shè)計要素多選列表

在移動應(yīng)用中使用多選列表，可以最大限度地減少文本輸入。圖8-12多選列表模擬顯示畫面57人機(jī)交互技術(shù)編寫組移動界面設(shè)計要素文字顯示

文字顯示控件主要用于顯示較多數(shù)量的文字信息。根據(jù)顯示的需要，可能使用以下幾種形式的鏈接。View（查看）：如果一個數(shù)據(jù)列表中每個項(xiàng)目包含額外的詳細(xì)信息，可以使用該鏈接來顯示這些數(shù)據(jù)。

More（更多）：一般作為數(shù)據(jù)頁末尾的一個鏈接，使用戶進(jìn)入下一頁的相關(guān)數(shù)據(jù)。

Skip（跳過）：跳過當(dāng)前選項(xiàng)，鏈接到下一個類似的數(shù)據(jù)，如下一封電子郵件信息。

58人機(jī)交互技術(shù)編寫組移動界面設(shè)計要素文字顯示的一般可用性建議：每一屏幕顯示內(nèi)容不宜過多，如果信息較多，應(yīng)定義一個More鏈接。一般情況下文字信息應(yīng)當(dāng)使用換行方式進(jìn)行顯示。59人機(jī)交互技術(shù)編寫組移動界面設(shè)計要素圖8-13文字顯示模擬顯示畫面60人機(jī)交互技術(shù)編寫組移動界面設(shè)計要素數(shù)據(jù)輸入 針對數(shù)據(jù)輸入的可用性原則包括：

對于數(shù)據(jù)輸入一般應(yīng)該進(jìn)行長度、數(shù)據(jù)類型以及取值范圍等形式的格式化，以指導(dǎo)用戶輸入合法的可用信息。

建立數(shù)據(jù)輸入標(biāo)題，并根據(jù)需要在標(biāo)題中加入所要求的輸入格式。

如果已經(jīng)可以確定數(shù)據(jù)的某些輸入部分，可以預(yù)先填好，且不允許用戶修改。

應(yīng)當(dāng)具有檢錯機(jī)制，如某些信息必須填寫，應(yīng)當(dāng)可以設(shè)置成禁止提交空數(shù)據(jù)。

在格式設(shè)置中適當(dāng)?shù)靥砑臃指舴蕴崾居脩糨斎牒戏ǖ男畔ⅰ?1人機(jī)交互技術(shù)編寫組移動界面設(shè)計要素圖8-14格式化模擬顯示畫面

62人機(jī)交互技術(shù)編寫組移動界面設(shè)計要素圖標(biāo)與圖像

圖像、圖標(biāo)可以增強(qiáng)顯示信息的效果。.在移動設(shè)備上使用圖像，需要注意的問題包括：

了解目標(biāo)設(shè)備所支持的圖象格式。注意調(diào)色板的設(shè)置使其達(dá)到最佳顯示效果。

對于不支持圖像的設(shè)備，應(yīng)當(dāng)提供替換的信息展示方式。

進(jìn)行圖像瀏覽時，圖像缺省地應(yīng)當(dāng)充滿整個可用區(qū)域，如必須滾屏?xí)r，盡量使用垂直滾屏。

盡量使用戶在上下文中直接瀏覽嵌入的圖像，而不必使用獨(dú)立的顯示工具。63人機(jī)交互技術(shù)編寫組移動界面設(shè)計要素圖8-15圖像模擬顯示畫面

64人機(jī)交互技術(shù)編寫組移動界面設(shè)計要素報警提示

警報提示，可以將用戶所關(guān)心的最新信息通知給用戶，或向用戶提供有關(guān)當(dāng)前狀況的信息。一般使用文字信息，可能加入一定的圖標(biāo)。常用的提示類型有：確認(rèn)提示信息提示

警告提示

出錯提示

持久性提示

等待提示

65人機(jī)交互技術(shù)編寫組移動界面設(shè)計要素移動多媒體技術(shù)

目前移動設(shè)備的多媒體支持進(jìn)步很大，已經(jīng)可以播放幾種類型的音頻和視頻文件，還可以使用內(nèi)置或外接的攝像頭來抓取圖像。移動應(yīng)用開發(fā)平臺開始提供支持多媒體數(shù)據(jù)的編程接口。66人機(jī)交互技術(shù)編寫組移動界面設(shè)計要素制作能夠在移動設(shè)備進(jìn)行播放的多媒體音頻或視頻文件，應(yīng)注意以下問題：盡量使用標(biāo)準(zhǔn)的文件格式。根據(jù)平臺的計算能力特點(diǎn)，選擇合適的格式。

不必一味追求動態(tài)視頻，有的應(yīng)用場合下靜態(tài)圖像也可以達(dá)到很好的展示效果。

根據(jù)平臺的多媒體回放能力制作相應(yīng)質(zhì)量的多媒體數(shù)據(jù)。

視頻內(nèi)容應(yīng)該精練，沒有必要包含太多的特技效果。

如果在應(yīng)用中使用音頻增強(qiáng)效果，音頻的使用與否應(yīng)當(dāng)不改變程序的運(yùn)行結(jié)果。

錄制音頻時應(yīng)當(dāng)盡可能的提高音量，以保證回放時的效果

67人機(jī)交互技術(shù)編寫組8.3移動界面實(shí)現(xiàn)開發(fā)移動應(yīng)用考慮各種復(fù)雜的網(wǎng)絡(luò)連接方式?？紤]各種不同的硬件設(shè)備甚至不同型號的設(shè)備之間的差異。與現(xiàn)有的應(yīng)用體系盡可能的集成，因此選擇適當(dāng)?shù)拈_發(fā)平臺也很重要。對各種不同的移動應(yīng)用開發(fā)體系結(jié)構(gòu)、移動設(shè)備操作系統(tǒng)和移動應(yīng)用標(biāo)準(zhǔn)等等，需要在綜合考慮多種因素。68人機(jī)交互技術(shù)編寫組8.3.1移動應(yīng)用開發(fā)技術(shù)架構(gòu).Net精簡框架

屬于微軟的.net架構(gòu)中的一部分，是專用于移動設(shè)備的開發(fā)工作的精簡版的.Net開發(fā)框架。包括部分.NET架構(gòu)類庫和部分獨(dú)有的類庫。.net精簡框架同樣包含一個受控的運(yùn)行時環(huán)境，能使用多種自己熟悉的語言如C++、Basic、C#等語言。目前僅能運(yùn)行于微軟的Windows系列操作系統(tǒng)。

69人機(jī)交互技術(shù)編寫組移動應(yīng)用開發(fā)技術(shù)架構(gòu)J2ME架構(gòu)Sun的J2ME（Java2MicroEdition）是專門針對移動設(shè)備和其他資源受限的設(shè)備專門設(shè)計的Java版本，專門針對屏幕、電能和內(nèi)存等受限資源進(jìn)行了優(yōu)化。

采用J2ME技術(shù)開發(fā)的移動應(yīng)用，可以通過無線下載或數(shù)據(jù)線傳輸?shù)确绞皆谝苿釉O(shè)備中進(jìn)行安裝。

J2ME技術(shù)的細(xì)分主要由配置(Configuration)、概要(Profile)兩個概念來控制。

70人機(jī)交互技術(shù)編寫組移動應(yīng)用開發(fā)技術(shù)架構(gòu)J2ME架構(gòu)配置就是不同的規(guī)范，規(guī)定了相應(yīng)的設(shè)備至少需要達(dá)到的運(yùn)算能力、供電能力以及存儲容量的大小等要求，同時也定義與設(shè)備無關(guān)的Java虛擬機(jī)和核心類庫，提供了基本的語言特性

概要在一種配置的基礎(chǔ)上進(jìn)一步對設(shè)備類型進(jìn)行細(xì)分，提供針對設(shè)備特定功能的API和擴(kuò)展類庫，能夠更好地適應(yīng)特定類別的設(shè)備，使其充分發(fā)揮設(shè)備的功能。

J2ME的最大優(yōu)勢是優(yōu)良的跨平臺特性，同一個應(yīng)用程序采用J2ME架構(gòu)可以在多種軟硬件平臺上使用。

71人機(jī)交互技術(shù)編寫組移動應(yīng)用開發(fā)技術(shù)架構(gòu)CDC虛擬機(jī)JVMCLDCKVM虛擬機(jī)FoundationMIDPPersonal/Basis配置概要圖8-16J2ME架構(gòu)

72人機(jī)交互技術(shù)編寫組移動應(yīng)用開發(fā)技術(shù)架構(gòu)BREWBREW（BinaryRuntimeEnvironmentforWireless）是美國高通公司（QUALCOMM）為無線應(yīng)用開發(fā)和執(zhí)行提供的一種平臺。能夠與可能駐留在設(shè)備中的其它應(yīng)用和軟件協(xié)調(diào)使用，適用于從多種類型和層次的手機(jī)等無線設(shè)備；可以支持包括Java在內(nèi)的各種編程語言?？梢灾С諮2ME架構(gòu)的CLDC/MIDP組合。開發(fā)人員還可以直接在BREW平臺上開發(fā)應(yīng)用程序，與J2ME程序相比，具有一定的速度優(yōu)勢。73人機(jī)交互技術(shù)編寫組8.3.2移動設(shè)備操作系統(tǒng)

PalmOS

微軟的系列移動操作系統(tǒng)

嵌入式LINUXSymbianOS/EPOCOS其他

74人機(jī)交互技術(shù)編寫組移動設(shè)備操作系統(tǒng)PalmOSPalmOS是一套專門為掌上電腦編寫的操作系統(tǒng)，充分考慮到了掌上電腦的資源受限等特點(diǎn)，本身所占的內(nèi)存很小，其上所編寫的應(yīng)用程序的內(nèi)存占用也很小，可以運(yùn)行眾多的應(yīng)用程序。目前專門為PalmOS編寫的應(yīng)用程序非常豐富，也使得Palm系統(tǒng)一直受到較多的關(guān)注。

第一部Palm系列的掌上電腦是1996推出的PalmPilot1000，使用PalmOS1.0操作系統(tǒng)，顯示屏幕為單色STN，160×160象素，2級灰度，處理器采用MOTOROLADragonball16MHz，通過串口通訊，內(nèi)存128KB。75人機(jī)交互技術(shù)編寫組移動設(shè)備操作系統(tǒng)微軟的系列移動操作系統(tǒng)

Windows公司最早推出的掌上設(shè)備的操作系統(tǒng)是WidnowsCE。微軟公司在WindowsMobile的概念下，發(fā)展了PocketPC和SmartPhone兩大平臺體系，分別針對手持電腦和智能手機(jī)兩個領(lǐng)域。最大優(yōu)勢是圖形用戶界面功能強(qiáng)大，開發(fā)工具比較完善，使用者也容易入門，操作起來較為熟悉；同時提供了較強(qiáng)的多媒體功能，如視頻、音頻回放等；缺點(diǎn)是本身對內(nèi)存等資源的消耗較大，需要配置很高的移動設(shè)備加以支持，成本較高，較適合一些高端的企業(yè)應(yīng)用場合。

76人機(jī)交互技術(shù)編寫組移動設(shè)備操作系統(tǒng)嵌入式LINUX嵌入式Linux在開放源碼的LINUX系統(tǒng)之上發(fā)展而來，具備了Linux的諸多優(yōu)點(diǎn)，如支持多任務(wù)等，也可以對應(yīng)用軟件提供良好的支持。由于開放源碼，也比較容易移植，

可擴(kuò)展性和可移植性是該類系統(tǒng)的最大優(yōu)勢。目前支持嵌入式Linux的移動設(shè)備正在逐漸增多，但還遠(yuǎn)未達(dá)到成熟的地步，仍然有很大的發(fā)展空間。

77人機(jī)交互技術(shù)編寫組移動設(shè)備操作系統(tǒng)SymbianOS/EPOCOS

EPOCOS是一種專門為掌上設(shè)備而設(shè)計的開放式操作系統(tǒng)，特別是針對智能手機(jī)應(yīng)用。在其上發(fā)展起來的SymbianOS目前得到了諾基亞等移動終端廠商的支持，功能日益完善，在智能手機(jī)領(lǐng)域占有較大的份額。SymbianOS的設(shè)計非常靈活，特別是其用戶界面框架可以支持眾多不同配置和輸入輸出手段的智能手機(jī)，是其最大的優(yōu)勢。

78人機(jī)交互技術(shù)編寫組8.3.3移動瀏覽標(biāo)準(zhǔn)采用J2ME等技術(shù)開發(fā)的應(yīng)用軟件需要運(yùn)行程序的用戶終端上進(jìn)行安裝和配置，同時也對終端的性能具有一定的要求。移動應(yīng)用的開發(fā)還有一種模式，就是采用類似于Web應(yīng)用的開發(fā)，用戶端僅需支持一定的移動瀏覽標(biāo)準(zhǔn)協(xié)議，一般通過移動瀏覽器的方式，就可以通過網(wǎng)絡(luò)訪問移動應(yīng)用服務(wù)器，獲取信息或完成某些操作。79人機(jī)交互技術(shù)編寫組移動瀏覽標(biāo)準(zhǔn)WAPWAP（

WirelessApplicationProtocol）是專門為移動系統(tǒng)設(shè)計的一種通信協(xié)議和應(yīng)用環(huán)境，由一個稱為“WAP論壇”的組織負(fù)責(zé)制訂，目前已推出了2.0標(biāo)準(zhǔn)，不過全面支持WAP2.0的設(shè)備還需要一定的時間才能得到普及。在WAP2.0版本中增加了對IP、TCP和HTTP等標(biāo)準(zhǔn)協(xié)議的支持，而且在支持用戶向服務(wù)器端發(fā)出請求的PULL模式之外，還增加了PUSH模式，可以支持服務(wù)器端的應(yīng)用程序通過一個PUSH代理（PushProxy）向客戶端發(fā)送信息，特別適合向用戶發(fā)送定制的新聞等。80人機(jī)交互技術(shù)編寫組移動瀏覽標(biāo)準(zhǔn)WMLWML專為移動設(shè)備設(shè)計，因而其開發(fā)也具有相應(yīng)的特點(diǎn)，開發(fā)WML應(yīng)用需要重新設(shè)計其內(nèi)容，特別是其用戶界面，需要考慮移動設(shè)備的屏幕大小以及計算能力進(jìn)行特別的設(shè)計，因此需要專門的網(wǎng)站加以支持，如中國移動的移動夢網(wǎng)WAP網(wǎng)站。目前的問題是這種專門的網(wǎng)站相當(dāng)少，因?yàn)樾枰匦轮谱骶W(wǎng)站內(nèi)容，特別是大型網(wǎng)站的成本很高，通過采用中間件和服務(wù)器端生成技術(shù)對現(xiàn)有的HTML頁面內(nèi)容進(jìn)行動態(tài)的轉(zhuǎn)換是一種有效的解決手段。

81人機(jī)交互技術(shù)編寫組移動瀏覽標(biāo)準(zhǔn)XHTMLBasic與XHTMLMP

2000年12月，W3C發(fā)布了XHTMLBasic規(guī)范作為面向移動應(yīng)用的瀏覽頁面語言的推薦規(guī)范。在其上通過增加部分功能模塊設(shè)計的XHTMLMP（XHTMLMobileProfile）目前得到了廣泛的支持。XHTMLBasic和XHTMLMP是在XHTML的基礎(chǔ)上發(fā)展起來的，而XHTML也將是目前的主流頁面語言HTML的換代技術(shù)，因此基于XHTMLMP開發(fā)