《移動(dòng)界面設(shè)計(jì)》PPT課件.ppt
《《移動(dòng)界面設(shè)計(jì)》PPT課件.ppt》由會(huì)員分享,可在線閱讀,更多相關(guān)《《移動(dòng)界面設(shè)計(jì)》PPT課件.ppt(85頁(yè)珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
人機(jī)交互技術(shù)編寫組,1,第9章移動(dòng)界面設(shè)計(jì),人機(jī)交互技術(shù)編寫組,2,主要內(nèi)容提要,移動(dòng)界面的基本概念移動(dòng)界面的設(shè)計(jì)方法移動(dòng)界面的實(shí)現(xiàn)技術(shù)移動(dòng)界面設(shè)計(jì)的實(shí)例,人機(jī)交互技術(shù)編寫組,3,9.1移動(dòng)界面基本概念,互聯(lián)網(wǎng)和移動(dòng)通信,作為邁向信息社會(huì)的兩個(gè)重要標(biāo)志,分別適應(yīng)了人們對(duì)信息資源的豐富性以及信息獲取方式的靈活性與移動(dòng)性的需求。互聯(lián)網(wǎng)與移動(dòng)通信已經(jīng)逐漸形成了信息產(chǎn)業(yè)中潛力巨大、前景可觀的兩大領(lǐng)域,同時(shí)也催生了結(jié)合二者的技術(shù)優(yōu)勢(shì),目標(biāo)在于向用戶提供靈活的、不受信息源和用戶訪問(wèn)位置等各種限制的信息服務(wù)的移動(dòng)互聯(lián)網(wǎng)(MobileInternet)技術(shù)。,人機(jī)交互技術(shù)編寫組,4,9.1.1移動(dòng)互聯(lián)簡(jiǎn)介,移動(dòng)互聯(lián)網(wǎng)概念的理解可能因人而異,特別是與無(wú)線互聯(lián)網(wǎng)(WirelessInternet)可能會(huì)當(dāng)成一回事。從概念上而言,移動(dòng)與無(wú)線是兩個(gè)不同的概念,在很多情況下,無(wú)線與移動(dòng)是兩個(gè)重疊的概念,但在另外一些情況下,這兩者又有明顯的區(qū)別,這也使得移動(dòng)互聯(lián)網(wǎng)的概念可以從狹義與廣義兩個(gè)角度來(lái)理解。,人機(jī)交互技術(shù)編寫組,5,移動(dòng)互聯(lián)網(wǎng)概念,從狹義的角度上來(lái)講,移動(dòng)互聯(lián)網(wǎng)指的就是基于分組交換技術(shù)的無(wú)線數(shù)據(jù)通信技術(shù),有時(shí)可能會(huì)被稱之為無(wú)線互聯(lián)網(wǎng)(WirelessInternet)。從廣義的角度上來(lái)講,移動(dòng)互聯(lián)網(wǎng)不一定局限于一般的無(wú)線數(shù)據(jù)通信方式,與無(wú)線互聯(lián)網(wǎng)的概念有一定的區(qū)別,我們可以從設(shè)備的移動(dòng)性與數(shù)據(jù)連接方式這兩個(gè)方面來(lái)說(shuō)明。,人機(jī)交互技術(shù)編寫組,6,移動(dòng)界面的設(shè)計(jì),移動(dòng)界面的設(shè)計(jì)成為人機(jī)交互技術(shù)研究的一個(gè)重要方向。一方面,移動(dòng)應(yīng)用的界面設(shè)計(jì)符合人機(jī)交互設(shè)計(jì)的一般規(guī)律,可以利用人機(jī)交互界面的一般設(shè)計(jì)方法;另一方面,由于移動(dòng)設(shè)備的便攜性、位置不固定性和計(jì)算能力有限性以及無(wú)線網(wǎng)絡(luò)的低帶寬高延遲等諸多的限制,移動(dòng)界面設(shè)計(jì)又具有自己的特點(diǎn)。,人機(jī)交互技術(shù)編寫組,7,移動(dòng)與無(wú)線概念的外延關(guān)系,圖9-1移動(dòng)與無(wú)線概念的外延關(guān)系,人機(jī)交互技術(shù)編寫組,8,9.1.2移動(dòng)設(shè)備與連接方式,目前主要的移動(dòng)終端設(shè)備種類包括手機(jī)、掌上電腦PDA(PersonalDigitalAssistant)、筆記本電腦以及各種特殊用途的移動(dòng)設(shè)備如車載電腦?;诳梢苿?dòng)性(mobility)的考慮,目前移動(dòng)互聯(lián)設(shè)備以智能手機(jī)與掌上電腦為主。,人機(jī)交互技術(shù)編寫組,9,VulcanInc.公司設(shè)計(jì)的FlipStartMiniPC,人機(jī)交互技術(shù)編寫組,10,移動(dòng)互聯(lián)網(wǎng)的數(shù)據(jù)接入方式,移動(dòng)互聯(lián)網(wǎng)的數(shù)據(jù)接入方式目前也是多種標(biāo)準(zhǔn)并存,沒(méi)有完全統(tǒng)一。主要形式包括:無(wú)線局域網(wǎng)(WirelessLocalAreaNetwork,WLAN)無(wú)線城域網(wǎng)(WirelessMetropolitanAreaNetwork,WMAN)無(wú)線個(gè)域網(wǎng)(WirelessPersonalAreaNetworks,WPAN)高速無(wú)線數(shù)據(jù)通訊系統(tǒng)以及衛(wèi)星通訊等,人機(jī)交互技術(shù)編寫組,11,移動(dòng)互聯(lián)網(wǎng)的數(shù)據(jù)接入方式,無(wú)線局域網(wǎng)采用無(wú)線的方式提供傳統(tǒng)有線局域網(wǎng)的所有功能,具有極大的靈活性。無(wú)線城域網(wǎng)技術(shù)的目標(biāo)是提供類似于有線Modem、DSL(DigitalSubscriberLine),以太網(wǎng)以及光纖網(wǎng)等有線方式的高速Internet接入,優(yōu)勢(shì)是可以在較大的地理區(qū)域內(nèi)無(wú)須布線。繼無(wú)線局域網(wǎng)(WLAN)和無(wú)線城域網(wǎng)(WMAN)之后,各種形式的便攜式移動(dòng)設(shè)備的不斷涌現(xiàn),促進(jìn)了無(wú)線個(gè)域網(wǎng)的出現(xiàn),使移動(dòng)互聯(lián)網(wǎng)的接入方式更為豐富。,人機(jī)交互技術(shù)編寫組,12,高速無(wú)線數(shù)據(jù)通信,是在無(wú)線語(yǔ)音通信系統(tǒng)之上發(fā)展起來(lái)的,分為三代:第一代是模擬無(wú)線網(wǎng)絡(luò),20世紀(jì)的80年代,目前在我國(guó)已基本淘汰。第二代是數(shù)字語(yǔ)音通訊系統(tǒng)和數(shù)字通信系統(tǒng),常見的有九十年代出現(xiàn)的歐洲的全球移動(dòng)通信系統(tǒng)GSM(GlobalSystemsforMobileTelecommunications,GSM)、美國(guó)的窄帶CDMA(CodeDivisionMultipleAccess)。第三代,即3G(ThirdGeneration)階段,目標(biāo)是采用數(shù)字技術(shù)實(shí)現(xiàn)語(yǔ)音、數(shù)據(jù)以及多媒體信息的高速傳輸。,人機(jī)交互技術(shù)編寫組,13,9.1.3移動(dòng)界面的輸入方式,目前主要的移動(dòng)設(shè)備形式智能手機(jī)與掌上電腦而言,由于尺寸較小、接口較為簡(jiǎn)單,全尺寸鍵盤、鼠標(biāo)等諸多的傳統(tǒng)的輸入輸出設(shè)備較難在移動(dòng)界面中使用,因此需要設(shè)計(jì)專門的輸入輸出方式,以便適應(yīng)移動(dòng)界面的特點(diǎn)。,人機(jī)交互技術(shù)編寫組,14,移動(dòng)界面的輸入方式,鍵盤輸入,手機(jī)鍵盤的設(shè)計(jì)主要還是從手機(jī)的主要功能即語(yǔ)音通信考慮的。由于每一個(gè)按鍵都是復(fù)用的,如數(shù)字鍵7和字母P、Q、R、S共用一個(gè)按鍵。,T9輸入法就是目前最為著名的一種解決方案。使用T9輸入法的優(yōu)越之處在于輸入一個(gè)字以后,會(huì)提示一些可以合法組合的常見字,用戶只需要簡(jiǎn)單地選擇即可輸入,大大降低了手機(jī)文字輸入的疲勞程度,提高了批量文字信息的輸入效率。,人機(jī)交互技術(shù)編寫組,15,移動(dòng)界面的輸入方式,鍵盤輸入軟鍵盤(softkeyboard)是解決移動(dòng)設(shè)備輸入問(wèn)題的又一重要方法。所謂的軟鍵盤就是在移動(dòng)設(shè)備屏幕上顯示QWERTY鍵盤,用戶在屏幕上選擇軟鍵盤上的鍵完成輸入。這種輸入形式在桌面計(jì)算機(jī)的Windows平臺(tái)上的輸入法中都可以見到。,人機(jī)交互技術(shù)編寫組,16,T9比軟鍵盤輸入法的效率高,T9輸入法所支持的手機(jī)鍵盤基于電話鍵盤設(shè)計(jì)的,手機(jī)用戶群未必熟悉計(jì)算機(jī);手機(jī)鍵盤采用一個(gè)按鍵對(duì)應(yīng)于多個(gè)字符,鍵的大小自然可以更大,能更快的鍵入和更高的準(zhǔn)確程度;手機(jī)鍵盤按鍵的設(shè)計(jì)更加緊湊,按鍵間距相對(duì)較小,手指移動(dòng)距離短,也可以提高輸入速度。,人機(jī)交互技術(shù)編寫組,17,移動(dòng)界面的輸入方式,筆輸入手寫文字識(shí)別是一種文本的輸入方式,作為鍵盤輸入的一種替代方式。隨著筆輸入技術(shù)的日益成熟,目前筆輸入技術(shù)的在包括平板電腦(TabletPC)、智能手機(jī)、掌上電腦等多種移動(dòng)設(shè)備中的得到了廣泛應(yīng)用。近年來(lái)微軟公司力推TabletPC,也在一定程度上對(duì)于筆輸入的普及起了推波助瀾的作用。筆輸入是目前掌上電腦最主要的一種輸入方式。特別在中國(guó),由于漢字書寫的復(fù)雜性,手寫筆輸入成為最自然、符合中國(guó)人書寫習(xí)慣的輸入方式。,人機(jī)交互技術(shù)編寫組,18,移動(dòng)界面的輸入方式,在微軟的TabletPC系統(tǒng)中稱為數(shù)字墨水(DigitalInk),實(shí)際就是將筆跡信息作為一種新的數(shù)據(jù)類型做到了操作系統(tǒng)層,并提供相應(yīng)的應(yīng)用程序接口,供軟件開發(fā)人員用于開發(fā)可以充分利用筆式輸入便利的應(yīng)用軟件。,人機(jī)交互技術(shù)編寫組,19,移動(dòng)界面的輸入方式,語(yǔ)音識(shí)別語(yǔ)音是人們?cè)谌粘I钪羞M(jìn)行交流最主要的手段,因此對(duì)于語(yǔ)音技術(shù)成為新一代多通道人機(jī)界面中的最重要技術(shù)之一的期望也就很容易理解了語(yǔ)音識(shí)別技術(shù)的研究工作始于20世紀(jì)50年代目前這個(gè)領(lǐng)域最具代表性的產(chǎn)品是IBM公司的Viavoice和DRAGON公司的NaturallySpeaking。可以通過(guò)將掌上設(shè)備作為語(yǔ)音門戶網(wǎng)站(VoicePortal)的訪問(wèn)終端。在這種環(huán)境中,用戶可以在辦公室、家里或旅行途中隨時(shí)隨地通過(guò)手機(jī)等具有語(yǔ)音通信功能的移動(dòng)設(shè)備與具備語(yǔ)音識(shí)別與合成技術(shù)的語(yǔ)音門戶網(wǎng)站進(jìn)行對(duì)話。,人機(jī)交互技術(shù)編寫組,20,移動(dòng)界面的輸入方式,語(yǔ)音識(shí)別技術(shù)還可以用于人機(jī)界面的語(yǔ)音命令導(dǎo)航,使得用戶可以直接用語(yǔ)音發(fā)出各種操作指令。目前的語(yǔ)音識(shí)別技術(shù)仍然存在著很多的問(wèn)題,因此能夠?qū)崿F(xiàn)的應(yīng)用領(lǐng)域還有一定的局限性,不會(huì)立即給人機(jī)交互方式帶來(lái)本質(zhì)性的影響。語(yǔ)音錄制:可以隨時(shí)在任何可執(zhí)行屏幕手寫或繪制操作的程序中進(jìn)行語(yǔ)音錄制,可以單獨(dú)生成一段錄音,還可以將一段錄音嵌入文本便箋中。,人機(jī)交互技術(shù)編寫組,21,9.1.4移動(dòng)界面的輸出方式,主要是顯示屏幕和聲音輸出顯示技術(shù)顯示屏的關(guān)鍵因素:分辨率、色彩、尺寸、功耗及顯示響應(yīng)速度。多種顯示器:超扭曲陣列(Super-TwistedNematicSTN)、DSTN(DualSTN)、CSTN(ColorSTN)、薄膜式晶體管(ThinFilmTransistor,TFT)以及薄膜二極管(ThinFilmDiode,TFD)等。單色STN液晶屏:用簡(jiǎn)單的無(wú)源矩陣尋址方案,具有性能可靠、成本低、功耗也極低的特點(diǎn)。一些新的顯示技術(shù):有機(jī)發(fā)光二極管(OrganicLightEmittingDiode,OLED)和硅基液晶(LiquidCrystalOnSilicon,LCOS)。,人機(jī)交互技術(shù)編寫組,22,9.1.4移動(dòng)界面的輸出方式,聲音輸出手機(jī)與PDA等掌上設(shè)備的聲音輸出功能一般較弱。近年來(lái),逐漸通過(guò)引入聲音合成技術(shù),使得其可以播放較為動(dòng)聽的MIDI(MusicalInstrumentDigitalInterface)電子音樂(lè)。移動(dòng)設(shè)備的音樂(lè)合成技術(shù)主要包括兩種:調(diào)頻(FrequencyModulation,F(xiàn)M)合成與波表(WaveTable)合成。復(fù)音就是俗稱的“和弦”,指的是音樂(lè)合成系統(tǒng)中能夠同時(shí)發(fā)出的聲音的數(shù)目,而并非音樂(lè)理論中的和弦。,人機(jī)交互技術(shù)編寫組,23,9.1.5移動(dòng)界面設(shè)計(jì)的新問(wèn)題,資源相對(duì)匱乏高檔手機(jī)的顯示分辨率也不過(guò)320240,而且尺寸很小,同時(shí)無(wú)法展示網(wǎng)站豐富的多媒體內(nèi)容。移動(dòng)界面并非簡(jiǎn)單的縮小版的桌面系統(tǒng)的用戶界面。桌面系統(tǒng)用戶界面中采用的一般是并行展示其中各種選擇可以在一個(gè)大小可調(diào)的屏幕中同時(shí)顯示出來(lái)。移動(dòng)界面中,這些選擇只能采用順序展示的方式。移動(dòng)界面設(shè)計(jì)的難題就是如何在有限的資源條件下有效地為用戶提供信息服務(wù),提供的選擇須根據(jù)重要性排列。,人機(jī)交互技術(shù)編寫組,24,移動(dòng)界面設(shè)計(jì)的新問(wèn)題,移動(dòng)設(shè)備的種類繁多在開發(fā)移動(dòng)應(yīng)用時(shí)需要專門針對(duì)某一型號(hào)的一種設(shè)備開發(fā),大大增加了應(yīng)用開發(fā)的復(fù)雜度。在移動(dòng)界面的設(shè)計(jì)中,各設(shè)備的差異是移動(dòng)應(yīng)用開發(fā)過(guò)程中最需要關(guān)注的一個(gè)環(huán)節(jié)。移動(dòng)界面具有一定的自適應(yīng)性是解決問(wèn)題的一種思路。,人機(jī)交互技術(shù)編寫組,25,移動(dòng)界面設(shè)計(jì)的新問(wèn)題,連接方式復(fù)雜移動(dòng)互聯(lián)網(wǎng)的數(shù)據(jù)接入方式形式繁雜,多種標(biāo)準(zhǔn)并存,并在較長(zhǎng)的一段時(shí)間內(nèi)也很難完全統(tǒng)一。而移動(dòng)設(shè)備的位置具有很強(qiáng)的移動(dòng)性,同一設(shè)備可能在不同的時(shí)間段處于不同的網(wǎng)絡(luò)連接條件下,網(wǎng)絡(luò)的性能變化范圍可能很大。移動(dòng)的同時(shí)往往需要保持應(yīng)用執(zhí)行的連續(xù)性。應(yīng)將網(wǎng)絡(luò)連接狀況視為一種資源,在設(shè)計(jì)時(shí)制訂相應(yīng)的策略。,人機(jī)交互技術(shù)編寫組,26,移動(dòng)界面設(shè)計(jì)的新問(wèn)題,移動(dòng)界面設(shè)計(jì)中的最大問(wèn)題就是界面的定制。無(wú)論是移動(dòng)設(shè)備各種資源的匱乏、種類與連接方式的繁復(fù),最終均可以歸結(jié)為根據(jù)需要定制合適的移動(dòng)應(yīng)用界面。,人機(jī)交互技術(shù)編寫組,27,9.2移動(dòng)界面的設(shè)計(jì)方法,可用性設(shè)計(jì)原則移動(dòng)界面導(dǎo)航移動(dòng)界面設(shè)計(jì)要素,人機(jī)交互技術(shù)編寫組,28,9.2.1可用性設(shè)計(jì)原則,了解用戶移動(dòng)應(yīng)用的用戶不一定熟悉桌面計(jì)算機(jī)的操作移動(dòng)證券軟件的用戶的目的是要了解股票行情或進(jìn)行證券交易移動(dòng)手機(jī)游戲的用戶是為了打發(fā)時(shí)間或休閑娛樂(lè),人機(jī)交互技術(shù)編寫組,29,可用性設(shè)計(jì)原則,了解目標(biāo)平臺(tái)移動(dòng)設(shè)備的復(fù)雜性使得了解目標(biāo)應(yīng)用平臺(tái)的相關(guān)細(xì)節(jié)顯得尤為重要。重要的軟硬件廠商往往會(huì)提供詳細(xì)的規(guī)范文檔,從中可以獲得必要的目標(biāo)平臺(tái)信息。根據(jù)目標(biāo)平臺(tái)信息,開發(fā)個(gè)性化的版本,通過(guò)充分利用每種設(shè)備的優(yōu)勢(shì)特性提高移動(dòng)應(yīng)用的可用性。,人機(jī)交互技術(shù)編寫組,30,可用性設(shè)計(jì)原則,易于檢索避免嵌套過(guò)深的多級(jí)菜單,縮減不必要的功能。以滿足用戶的目標(biāo)需要為準(zhǔn),盡量減少用戶進(jìn)行信息訪問(wèn)時(shí)所要采取的步驟。同時(shí)盡可能創(chuàng)建多種信息訪問(wèn)途徑。,人機(jī)交互技術(shù)編寫組,31,可用性設(shè)計(jì)原則,采用一致的界面風(fēng)格不必要的差異常常會(huì)讓用戶感到不習(xí)慣,從而降低可用性。一致的界面風(fēng)格對(duì)用戶來(lái)說(shuō)很直觀。應(yīng)當(dāng)檢查每個(gè)布局和每個(gè)顯示來(lái)保證其一致性。各種移動(dòng)應(yīng)用開發(fā)平臺(tái)都提供某種形式的應(yīng)用界面的風(fēng)格指南,仔細(xì)研究這些指南對(duì)于移動(dòng)應(yīng)用的界面設(shè)計(jì)非常重要。,人機(jī)交互技術(shù)編寫組,32,可用性設(shè)計(jì)原則,避免不必要的文本輸入盡量使用戶避免不必要的文本信息的輸入,而采用選擇列表或模糊查詢,即輸入一部分查詢關(guān)鍵詞就可以獲得檢索目標(biāo)或包含目標(biāo)的列表可供用戶選擇,這樣可以降低對(duì)于用戶進(jìn)行關(guān)鍵字文字輸入的麻煩。,人機(jī)交互技術(shù)編寫組,33,可用性設(shè)計(jì)原則,根據(jù)用戶的要求使服務(wù)個(gè)性化允許應(yīng)用保留用戶信息以便能夠記錄用戶的個(gè)性化信息,例如:可以利用cookie記錄,或存儲(chǔ)在該應(yīng)用所在的服務(wù)器中。下一次用戶啟動(dòng)應(yīng)用時(shí)可以得到個(gè)性化的服務(wù)。,人機(jī)交互技術(shù)編寫組,34,可用性設(shè)計(jì)原則,最大限度地避免用戶出錯(cuò)預(yù)測(cè)用戶可能出現(xiàn)的錯(cuò)誤,提供相應(yīng)的機(jī)制盡可能避免。例如:如果用戶要輸入日期,可以采用格式化輸入的方法,檢查用戶輸入是否全部是數(shù)字,而且代表日期、月份以及年份的數(shù)字的取值范圍是否在合法的范圍內(nèi)。,人機(jī)交互技術(shù)編寫組,35,可用性設(shè)計(jì)原則,文本信息應(yīng)當(dāng)本地化要根據(jù)應(yīng)用所使用的地域特點(diǎn),使應(yīng)用本地化。例如,在美國(guó)使用zipcode(郵政編碼)術(shù)語(yǔ),而在英國(guó)和澳大利亞使用post或postalcode(郵政編碼)。有時(shí),用詞得當(dāng)與否也可以決定某種應(yīng)用可用性的好壞。詞義表達(dá)清楚是關(guān)鍵,要避免使用含混不清的用語(yǔ)。,人機(jī)交互技術(shù)編寫組,36,可用性設(shè)計(jì)原則,進(jìn)行用戶測(cè)試檢驗(yàn)用戶界面功能的唯一可靠方法是對(duì)實(shí)際的最終用戶進(jìn)行測(cè)試。專家分析與咨詢單用戶測(cè)試群組測(cè)試滿意度調(diào)查最終用戶分析,人機(jī)交互技術(shù)編寫組,37,可用性設(shè)計(jì)原則,可用性專家評(píng)估從用戶的角度對(duì)產(chǎn)品進(jìn)行評(píng)估,對(duì)一個(gè)應(yīng)用軟件的所有功能進(jìn)行分析,并對(duì)已存在或可能會(huì)出現(xiàn)的可用性問(wèn)題進(jìn)行記錄。單用戶測(cè)試將產(chǎn)品交給實(shí)際的最終用戶使用,并由可用性分析人員觀察其使用情況,以便發(fā)現(xiàn)用戶在什么環(huán)節(jié)遇到問(wèn)題,以及用戶是否使用了所有的功能等。群組測(cè)試進(jìn)行群組測(cè)試可以分為七個(gè)步驟,分別是:確定產(chǎn)品的目標(biāo)用戶群;從不同渠道召集測(cè)試參加者;設(shè)計(jì)安排測(cè)試情景、任務(wù)、以及需要測(cè)試者回答的各種問(wèn)題;實(shí)際測(cè)試;分析結(jié)果;撰寫報(bào)告;反饋結(jié)果給開發(fā)者。,人機(jī)交互技術(shù)編寫組,38,可用性設(shè)計(jì)原則,滿意度調(diào)查通過(guò)標(biāo)準(zhǔn)的統(tǒng)計(jì)數(shù)據(jù),就可用性問(wèn)題對(duì)用戶體驗(yàn)的影響進(jìn)行評(píng)價(jià)。最終用戶分析最終用戶分析包括市場(chǎng)分析、用戶群劃分等工作。在開發(fā)的初始階段必須確定用戶群組,以便明確應(yīng)用開發(fā)的要求,這有助于開發(fā)者設(shè)計(jì)出滿足市場(chǎng)需求的產(chǎn)品,并確定設(shè)計(jì)思路。,人機(jī)交互技術(shù)編寫組,39,9.2.2移動(dòng)界面導(dǎo)航,一般應(yīng)該在應(yīng)用設(shè)計(jì)完成后,建立導(dǎo)航流程圖表,規(guī)劃移動(dòng)應(yīng)用的導(dǎo)航流程。導(dǎo)航設(shè)計(jì)的基礎(chǔ)是按傳統(tǒng)的樹結(jié)構(gòu)編排的層次狀態(tài)結(jié)構(gòu)。在層次狀態(tài)結(jié)構(gòu)中,每一節(jié)點(diǎn)代表一個(gè)狀態(tài),一般是一個(gè)新的顯示畫面。用戶點(diǎn)擊按鍵打開一個(gè)可選項(xiàng),或從菜單中選中一項(xiàng),實(shí)現(xiàn)狀態(tài)轉(zhuǎn)換的過(guò)程。返回功能一般返回到層次樹的上一級(jí),初始狀態(tài)下返回功能就是退出,將關(guān)閉該應(yīng)用。,人機(jī)交互技術(shù)編寫組,40,導(dǎo)航流程圖表,圖9-6層次狀態(tài)結(jié)構(gòu)示意圖,人機(jī)交互技術(shù)編寫組,41,加入標(biāo)簽導(dǎo)航的層次狀態(tài)結(jié)構(gòu),標(biāo)簽進(jìn)行導(dǎo)航的視圖應(yīng)遵循的原則:從一個(gè)標(biāo)簽視圖轉(zhuǎn)到另一個(gè)并不影響這些視圖中的返回鍵功能。它們中的任何一個(gè)返回功能指向同一個(gè)地方,即該應(yīng)用的上一層。當(dāng)某個(gè)狀態(tài)擁有標(biāo)簽視圖時(shí),如果用戶從上一層進(jìn)入到該狀態(tài),打開的將是默認(rèn)視圖。如果用戶從某個(gè)標(biāo)簽視圖進(jìn)入到其下面一層,這時(shí)的返回功能將導(dǎo)致返回到原先的視圖。,人機(jī)交互技術(shù)編寫組,42,加入標(biāo)簽導(dǎo)航的層次狀態(tài)結(jié)構(gòu),圖9-8加入標(biāo)簽的層次狀態(tài)結(jié)構(gòu)示意圖,人機(jī)交互技術(shù)編寫組,43,有同層次之間相互訪問(wèn)的導(dǎo)航,圖9-8加入同層次訪問(wèn)的層次狀態(tài)結(jié)構(gòu)示意圖圖結(jié)構(gòu),人機(jī)交互技術(shù)編寫組,44,一個(gè)手機(jī)游戲的導(dǎo)航流程圖表,圖9-9示例導(dǎo)航流程圖表,人機(jī)交互技術(shù)編寫組,45,9.2.3移動(dòng)界面設(shè)計(jì)要素,移動(dòng)界面也包含很多種類的設(shè)計(jì)要素,主要界面設(shè)計(jì)元素有:菜單按鈕多選列表文字顯示數(shù)據(jù)輸入圖標(biāo)與圖像報(bào)警提示移動(dòng)多媒體,人機(jī)交互技術(shù)編寫組,46,移動(dòng)界面設(shè)計(jì)要素,菜單主要目的用于提供項(xiàng)目選擇。設(shè)計(jì)移動(dòng)界面可用性好的菜單應(yīng)遵守的規(guī)則。供選擇的項(xiàng)目應(yīng)根據(jù)需要進(jìn)行邏輯分類,如果沒(méi)有邏輯順序,可以按優(yōu)先級(jí)分類,將被選擇頻率最高的項(xiàng)目放在列表的最頂端。每一屏中不宜設(shè)計(jì)過(guò)多的選項(xiàng),如果一個(gè)菜單上的選擇項(xiàng)目太多,應(yīng)該建立一個(gè)“更多”鏈接,將菜單擴(kuò)展到多個(gè)屏幕。菜單上的每一選項(xiàng)一般應(yīng)當(dāng)簡(jiǎn)明扼要,不宜超過(guò)一行。,人機(jī)交互技術(shù)編寫組,47,圖9-10菜單模擬顯示畫面,人機(jī)交互技術(shù)編寫組,48,移動(dòng)界面設(shè)計(jì)要素,按鈕一般移動(dòng)界面中的按鈕不經(jīng)常使用圖標(biāo)。在按鈕屬性的設(shè)置上根據(jù)所顯示的應(yīng)用類型和信息類型,使用風(fēng)格和標(biāo)注一致的標(biāo)簽。漢字標(biāo)簽則一般需要注意字?jǐn)?shù)的控制。常見的通用按鈕OK(確定):可用于菜單項(xiàng)的選擇或表示對(duì)某一操作的認(rèn)可,如確認(rèn)刪除。Done(完成):可用于結(jié)束當(dāng)前操作,并返回到上一層任務(wù)。Back(返回):使用戶回到前一個(gè)操作屏幕。,人機(jī)交互技術(shù)編寫組,49,移動(dòng)界面設(shè)計(jì)要素,“尋找航班”是根據(jù)特定的應(yīng)用需要設(shè)定的按鈕。,圖9-11按鈕模擬顯示畫面,人機(jī)交互技術(shù)編寫組,50,移動(dòng)界面設(shè)計(jì)要素,多選列表在移動(dòng)應(yīng)用中使用多選列表,可以最大限度地減少文本輸入。,圖9-12多選列表模擬顯示畫面,人機(jī)交互技術(shù)編寫組,51,移動(dòng)界面設(shè)計(jì)要素,文字顯示文字顯示控件主要用于顯示較多數(shù)量的文字信息。根據(jù)顯示的需要,可能使用以下幾種形式的鏈接。View(查看):如果一個(gè)數(shù)據(jù)列表中每個(gè)項(xiàng)目包含額外的詳細(xì)信息,可以使用該鏈接來(lái)顯示這些數(shù)據(jù)。More(更多):一般作為數(shù)據(jù)頁(yè)末尾的一個(gè)鏈接,使用戶進(jìn)入下一頁(yè)的相關(guān)數(shù)據(jù)。Skip(跳過(guò)):跳過(guò)當(dāng)前選項(xiàng),鏈接到下一個(gè)類似的數(shù)據(jù),如下一封電子郵件信息。,人機(jī)交互技術(shù)編寫組,52,移動(dòng)界面設(shè)計(jì)要素,文字顯示的一般可用性建議:每一屏幕顯示內(nèi)容不宜過(guò)多,如果信息較多,應(yīng)定義一個(gè)More鏈接。一般情況下文字信息應(yīng)當(dāng)使用換行方式進(jìn)行顯示。,人機(jī)交互技術(shù)編寫組,53,移動(dòng)界面設(shè)計(jì)要素,圖9-13文字顯示模擬顯示畫面,人機(jī)交互技術(shù)編寫組,54,移動(dòng)界面設(shè)計(jì)要素,數(shù)據(jù)輸入針對(duì)數(shù)據(jù)輸入的可用性原則包括:對(duì)于數(shù)據(jù)輸入一般應(yīng)該進(jìn)行長(zhǎng)度、數(shù)據(jù)類型以及取值范圍等形式的格式化,以指導(dǎo)用戶輸入合法的可用信息。建立數(shù)據(jù)輸入標(biāo)題,并根據(jù)需要在標(biāo)題中加入所要求的輸入格式。如果已經(jīng)可以確定數(shù)據(jù)的某些輸入部分,可以預(yù)先填好,且不允許用戶修改。應(yīng)當(dāng)具有檢錯(cuò)機(jī)制,如某些信息必須填寫,應(yīng)當(dāng)可以設(shè)置成禁止提交空數(shù)據(jù)。在格式設(shè)置中適當(dāng)?shù)靥砑臃指舴蕴崾居脩糨斎牒戏ǖ男畔ⅰ?人機(jī)交互技術(shù)編寫組,55,移動(dòng)界面設(shè)計(jì)要素,圖9-14格式化模擬顯示畫面,人機(jī)交互技術(shù)編寫組,56,移動(dòng)界面設(shè)計(jì)要素,圖標(biāo)與圖像圖像、圖標(biāo)可以增強(qiáng)顯示信息的效果。.在移動(dòng)設(shè)備上使用圖像,需要注意的問(wèn)題包括:了解目標(biāo)設(shè)備所支持的圖象格式。注意調(diào)色板的設(shè)置使其達(dá)到最佳顯示效果。對(duì)于不支持圖像的設(shè)備,應(yīng)當(dāng)提供替換的信息展示方式。進(jìn)行圖像瀏覽時(shí),圖像缺省地應(yīng)當(dāng)充滿整個(gè)可用區(qū)域,如必須滾屏?xí)r,盡量使用垂直滾屏。盡量使用戶在上下文中直接瀏覽嵌入的圖像,而不必使用獨(dú)立的顯示工具。,人機(jī)交互技術(shù)編寫組,57,移動(dòng)界面設(shè)計(jì)要素,圖9-15圖像模擬顯示畫面,人機(jī)交互技術(shù)編寫組,58,移動(dòng)界面設(shè)計(jì)要素,報(bào)警提示警報(bào)提示,可以將用戶所關(guān)心的最新信息通知給用戶,或向用戶提供有關(guān)當(dāng)前狀況的信息。一般使用文字信息,可能加入一定的圖標(biāo)。常用的提示類型有:確認(rèn)提示信息提示警告提示出錯(cuò)提示持久性提示等待提示,人機(jī)交互技術(shù)編寫組,59,移動(dòng)界面設(shè)計(jì)要素,移動(dòng)多媒體技術(shù)目前移動(dòng)設(shè)備的多媒體支持進(jìn)步很大,已經(jīng)可以播放幾種類型的音頻和視頻文件,還可以使用內(nèi)置或外接的攝像頭來(lái)抓取圖像。移動(dòng)應(yīng)用開發(fā)平臺(tái)開始提供支持多媒體數(shù)據(jù)的編程接口。,人機(jī)交互技術(shù)編寫組,60,移動(dòng)界面設(shè)計(jì)要素,制作能夠在移動(dòng)設(shè)備進(jìn)行播放的多媒體音頻或視頻文件,應(yīng)注意以下問(wèn)題:盡量使用標(biāo)準(zhǔn)的文件格式。根據(jù)平臺(tái)的計(jì)算能力特點(diǎn),選擇合適的格式。不必一味追求動(dòng)態(tài)視頻,有的應(yīng)用場(chǎng)合下靜態(tài)圖像也可以達(dá)到很好的展示效果。根據(jù)平臺(tái)的多媒體回放能力制作相應(yīng)質(zhì)量的多媒體數(shù)據(jù)。視頻內(nèi)容應(yīng)該精練,沒(méi)有必要包含太多的特技效果。如果在應(yīng)用中使用音頻增強(qiáng)效果,音頻的使用與否應(yīng)當(dāng)不改變程序的運(yùn)行結(jié)果。錄制音頻時(shí)應(yīng)當(dāng)盡可能的提高音量,以保證回放時(shí)的效果,人機(jī)交互技術(shù)編寫組,61,9.3移動(dòng)界面實(shí)現(xiàn),開發(fā)移動(dòng)應(yīng)用考慮各種復(fù)雜的網(wǎng)絡(luò)連接方式。考慮各種不同的硬件設(shè)備甚至不同型號(hào)的設(shè)備之間的差異。與現(xiàn)有的應(yīng)用體系盡可能的集成,因此選擇適當(dāng)?shù)拈_發(fā)平臺(tái)也很重要。對(duì)各種不同的移動(dòng)應(yīng)用開發(fā)體系結(jié)構(gòu)、移動(dòng)設(shè)備操作系統(tǒng)和移動(dòng)應(yīng)用標(biāo)準(zhǔn)等等,需要在綜合考慮多種因素。,人機(jī)交互技術(shù)編寫組,62,9.3.1移動(dòng)應(yīng)用開發(fā)技術(shù)架構(gòu),.Net精簡(jiǎn)框架屬于微軟的.net架構(gòu)中的一部分,是專用于移動(dòng)設(shè)備的開發(fā)工作的精簡(jiǎn)版的.Net開發(fā)框架。包括部分.NET架構(gòu)類庫(kù)和部分獨(dú)有的類庫(kù)。.net精簡(jiǎn)框架同樣包含一個(gè)受控的運(yùn)行時(shí)環(huán)境,能使用多種自己熟悉的語(yǔ)言如C+、Basic、C#等語(yǔ)言。目前僅能運(yùn)行于微軟的Windows系列操作系統(tǒng)。,人機(jī)交互技術(shù)編寫組,63,移動(dòng)應(yīng)用開發(fā)技術(shù)架構(gòu),J2ME架構(gòu)Sun的J2ME(Java2MicroEdition)是專門針對(duì)移動(dòng)設(shè)備和其他資源受限的設(shè)備專門設(shè)計(jì)的Java版本,專門針對(duì)屏幕、電能和內(nèi)存等受限資源進(jìn)行了優(yōu)化。采用J2ME技術(shù)開發(fā)的移動(dòng)應(yīng)用,可以通過(guò)無(wú)線下載或數(shù)據(jù)線傳輸?shù)确绞皆谝苿?dòng)設(shè)備中進(jìn)行安裝。J2ME技術(shù)的細(xì)分主要由配置(Configuration)、概要(Profile)兩個(gè)概念來(lái)控制。,人機(jī)交互技術(shù)編寫組,64,移動(dòng)應(yīng)用開發(fā)技術(shù)架構(gòu),J2ME架構(gòu)配置就是不同的規(guī)范,規(guī)定了相應(yīng)的設(shè)備至少需要達(dá)到的運(yùn)算能力、供電能力以及存儲(chǔ)容量的大小等要求,同時(shí)也定義與設(shè)備無(wú)關(guān)的Java虛擬機(jī)和核心類庫(kù),提供了基本的語(yǔ)言特性概要在一種配置的基礎(chǔ)上進(jìn)一步對(duì)設(shè)備類型進(jìn)行細(xì)分,提供針對(duì)設(shè)備特定功能的API和擴(kuò)展類庫(kù),能夠更好地適應(yīng)特定類別的設(shè)備,使其充分發(fā)揮設(shè)備的功能。J2ME的最大優(yōu)勢(shì)是優(yōu)良的跨平臺(tái)特性,同一個(gè)應(yīng)用程序采用J2ME架構(gòu)可以在多種軟硬件平臺(tái)上使用。,人機(jī)交互技術(shù)編寫組,65,移動(dòng)應(yīng)用開發(fā)技術(shù)架構(gòu),圖9-16J2ME架構(gòu),人機(jī)交互技術(shù)編寫組,66,移動(dòng)應(yīng)用開發(fā)技術(shù)架構(gòu),BREWBREW(BinaryRuntimeEnvironmentforWireless)是美國(guó)高通公司(QUALCOMM)為無(wú)線應(yīng)用開發(fā)和執(zhí)行提供的一種平臺(tái)。能夠與可能駐留在設(shè)備中的其它應(yīng)用和軟件協(xié)調(diào)使用,適用于從多種類型和層次的手機(jī)等無(wú)線設(shè)備;可以支持包括Java在內(nèi)的各種編程語(yǔ)言??梢灾С諮2ME架構(gòu)的CLDC/MIDP組合。開發(fā)人員還可以直接在BREW平臺(tái)上開發(fā)應(yīng)用程序,與J2ME程序相比,具有一定的速度優(yōu)勢(shì)。,人機(jī)交互技術(shù)編寫組,67,9.3.2移動(dòng)設(shè)備操作系統(tǒng),PalmOS微軟的系列移動(dòng)操作系統(tǒng)嵌入式LINUXSymbianOS/EPOCOS其他,人機(jī)交互技術(shù)編寫組,68,移動(dòng)設(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,160160象素,2級(jí)灰度,處理器采用MOTOROLADragonball16MHz,通過(guò)串口通訊,內(nèi)存128KB。,人機(jī)交互技術(shù)編寫組,69,移動(dòng)設(shè)備操作系統(tǒng),微軟的系列移動(dòng)操作系統(tǒng)Windows公司最早推出的掌上設(shè)備的操作系統(tǒng)是WidnowsCE。微軟公司在WindowsMobile的概念下,發(fā)展了PocketPC和SmartPhone兩大平臺(tái)體系,分別針對(duì)手持電腦和智能手機(jī)兩個(gè)領(lǐng)域。最大優(yōu)勢(shì)是圖形用戶界面功能強(qiáng)大,開發(fā)工具比較完善,使用者也容易入門,操作起來(lái)較為熟悉;同時(shí)提供了較強(qiáng)的多媒體功能,如視頻、音頻回放等;缺點(diǎn)是本身對(duì)內(nèi)存等資源的消耗較大,需要配置很高的移動(dòng)設(shè)備加以支持,成本較高,較適合一些高端的企業(yè)應(yīng)用場(chǎng)合。,人機(jī)交互技術(shù)編寫組,70,移動(dòng)設(shè)備操作系統(tǒng),嵌入式LINUX嵌入式Linux在開放源碼的LINUX系統(tǒng)之上發(fā)展而來(lái),具備了Linux的諸多優(yōu)點(diǎn),如支持多任務(wù)等,也可以對(duì)應(yīng)用軟件提供良好的支持。由于開放源碼,也比較容易移植,可擴(kuò)展性和可移植性是該類系統(tǒng)的最大優(yōu)勢(shì)。目前支持嵌入式Linux的移動(dòng)設(shè)備正在逐漸增多,但還遠(yuǎn)未達(dá)到成熟的地步,仍然有很大的發(fā)展空間。,人機(jī)交互技術(shù)編寫組,71,移動(dòng)設(shè)備操作系統(tǒng),SymbianOS/EPOCOSEPOCOS是一種專門為掌上設(shè)備而設(shè)計(jì)的開放式操作系統(tǒng),特別是針對(duì)智能手機(jī)應(yīng)用。在其上發(fā)展起來(lái)的SymbianOS目前得到了諾基亞等移動(dòng)終端廠商的支持,功能日益完善,在智能手機(jī)領(lǐng)域占有較大的份額。SymbianOS的設(shè)計(jì)非常靈活,特別是其用戶界面框架可以支持眾多不同配置和輸入輸出手段的智能手機(jī),是其最大的優(yōu)勢(shì)。,人機(jī)交互技術(shù)編寫組,72,9.3.3移動(dòng)瀏覽標(biāo)準(zhǔn),采用J2ME等技術(shù)開發(fā)的應(yīng)用軟件需要運(yùn)行程序的用戶終端上進(jìn)行安裝和配置,同時(shí)也對(duì)終端的性能具有一定的要求。移動(dòng)應(yīng)用的開發(fā)還有一種模式,就是采用類似于Web應(yīng)用的開發(fā),用戶端僅需支持一定的移動(dòng)瀏覽標(biāo)準(zhǔn)協(xié)議,一般通過(guò)移動(dòng)瀏覽器的方式,就可以通過(guò)網(wǎng)絡(luò)訪問(wèn)移動(dòng)應(yīng)用服務(wù)器,獲取信息或完成某些操作。,人機(jī)交互技術(shù)編寫組,73,移動(dòng)瀏覽標(biāo)準(zhǔn),WAPWAP(WirelessApplicationProtocol)是專門為移動(dòng)系統(tǒng)設(shè)計(jì)的一種通信協(xié)議和應(yīng)用環(huán)境,由一個(gè)稱為“WAP論壇”的組織負(fù)責(zé)制訂,目前已推出了2.0標(biāo)準(zhǔn),不過(guò)全面支持WAP2.0的設(shè)備還需要一定的時(shí)間才能得到普及。在WAP2.0版本中增加了對(duì)IP、TCP和HTTP等標(biāo)準(zhǔn)協(xié)議的支持,而且在支持用戶向服務(wù)器端發(fā)出請(qǐng)求的PULL模式之外,還增加了PUSH模式,可以支持服務(wù)器端的應(yīng)用程序通過(guò)一個(gè)PUSH代理(PushProxy)向客戶端發(fā)送信息,特別適合向用戶發(fā)送定制的新聞等。,人機(jī)交互技術(shù)編寫組,74,移動(dòng)瀏覽標(biāo)準(zhǔn),WMLWML專為移動(dòng)設(shè)備設(shè)計(jì),因而其開發(fā)也具有相應(yīng)的特點(diǎn),開發(fā)WML應(yīng)用需要重新設(shè)計(jì)其內(nèi)容,特別是其用戶界面,需要考慮移動(dòng)設(shè)備的屏幕大小以及計(jì)算能力進(jìn)行特別的設(shè)計(jì),因此需要專門的網(wǎng)站加以支持,如中國(guó)移動(dòng)的移動(dòng)夢(mèng)網(wǎng)WAP網(wǎng)站。目前的問(wèn)題是這種專門的網(wǎng)站相當(dāng)少,因?yàn)樾枰匦轮谱骶W(wǎng)站內(nèi)容,特別是大型網(wǎng)站的成本很高,通過(guò)采用中間件和服務(wù)器端生成技術(shù)對(duì)現(xiàn)有的HTML頁(yè)面內(nèi)容進(jìn)行動(dòng)態(tài)的轉(zhuǎn)換是一種有效的解決手段。,人機(jī)交互技術(shù)編寫組,75,移動(dòng)瀏覽標(biāo)準(zhǔn),XHTMLBasic與XHTMLMP2000年12月,W3C發(fā)布了XHTMLBasic規(guī)范作為面向移動(dòng)應(yīng)用的瀏覽頁(yè)面語(yǔ)言的推薦規(guī)范。在其上通過(guò)增加部分功能模塊設(shè)計(jì)的XHTMLMP(XHTMLMobileProfile)目前得到了廣泛的支持。XHTMLBasic和XHTMLMP是在XHTML的基礎(chǔ)上發(fā)展起來(lái)的,而XHTML也將是目前的主流頁(yè)面語(yǔ)言HTML的換代技術(shù),因此基于XHTMLMP開發(fā)的移動(dòng)應(yīng)用具有良好的兼容性,前景廣闊。,人機(jī)交互技術(shù)編寫組,76,9.3.4開發(fā)工具,很多開發(fā)工具特別是設(shè)備廠商提供的開發(fā)包和硬件密切相關(guān),使得互相之間的兼容性較差。要有針對(duì)性地對(duì)各種可能運(yùn)行的平臺(tái)進(jìn)行測(cè)試,以便充分保證移動(dòng)應(yīng)用的運(yùn)行效果。,人機(jī)交互技術(shù)編寫組,77,模擬器軟件,模擬器就是在一種平臺(tái)上采用軟件模擬另外的軟硬件環(huán)境。移動(dòng)設(shè)備的模擬器主要由相應(yīng)的開發(fā)商推出。模擬器有幾種不同的形式:?jiǎn)渭兊哪M界面,不同的設(shè)備的差別就在于采用了不同的貼圖,J2ME環(huán)境中的模擬器很多屬于此列。硬件與軟件環(huán)境分別模擬,即使用模擬器引擎模擬硬件環(huán)境,然后再針對(duì)特定的設(shè)備使用專門的ROM實(shí)現(xiàn)軟件環(huán)境的模擬。Palm、WindowsMobile等模擬器屬于這一類。簡(jiǎn)單的軟硬一體式的模擬工具,一般為每一款移動(dòng)產(chǎn)品設(shè)計(jì)一種模擬器,應(yīng)用分為較窄,國(guó)內(nèi)文曲星的模擬器就是這種形式。,人機(jī)交互技術(shù)編寫組,78,幾種不同形式的模擬器,OpenwaveWAPSDK提供的模擬器,PALM模擬器,諾基亞的WAP模擬器,人機(jī)交互技術(shù)編寫組,79,幾種不同形式的模擬器,J2ME模擬器,人機(jī)交互技術(shù)編寫組,80,9.3.5應(yīng)用實(shí)例分析,是一個(gè)航空旅行服務(wù)程序,采用WML編寫。提供查詢功能幫助用戶安排旅行計(jì)劃,特別是機(jī)票的購(gòu)買或預(yù)訂。其設(shè)計(jì)使用了Openwave公司的WAPSDK中的移動(dòng)瀏覽器(MobileBrowser)所提供的多種用戶界面設(shè)計(jì)要素。應(yīng)用中用到的times.wmls是WMLScript腳本語(yǔ)言編寫的輔助程序,其作用是隨機(jī)地產(chǎn)生航班號(hào)和起飛時(shí)間等模擬數(shù)據(jù),需要自己根據(jù)程序中使用的情況編寫。,人機(jī)交互技術(shù)編寫組,81,應(yīng)用實(shí)例分析,該應(yīng)用界面的設(shè)計(jì)過(guò)程包括以下步驟:明確用戶群經(jīng)常旅行的用戶,一般旅行的目的是商務(wù)事宜,此類用戶對(duì)飛行時(shí)刻表、機(jī)場(chǎng)代號(hào)以及航班非常熟悉。不常旅行的用戶,一般旅行的目的是處于個(gè)人原因,可能幾周甚至幾個(gè)月可能會(huì)安排一次旅行,這些用戶可能就不太熟悉具體的航線或航班代號(hào)等信息。,人機(jī)交互技術(shù)編寫組,82,應(yīng)用實(shí)例分析,明確用戶需求確定用戶的主要操作是設(shè)計(jì)用戶界面導(dǎo)航流程并進(jìn)行優(yōu)化的基礎(chǔ)。經(jīng)常旅行的用戶的主要操作包括了解航班情況(準(zhǔn)時(shí)或延誤)、查找航班時(shí)刻以及預(yù)定機(jī)票等;不常旅行的用戶的主要操作包括查看某一特定航線的票價(jià)或查找特價(jià)機(jī)票信息等;第一次使用的用戶可能需要適當(dāng)?shù)膸椭崾尽?人機(jī)交互技術(shù)編寫組,83,應(yīng)用實(shí)例分析,確定界面的設(shè)計(jì)目標(biāo)經(jīng)常旅行的用戶有一個(gè)常飛人員號(hào)碼,可以用于實(shí)現(xiàn)用戶使用界面的個(gè)性化,包括航班預(yù)訂情況的保存和修改等。對(duì)于不常旅行的用戶來(lái)說(shuō),重點(diǎn)是提供快速的目標(biāo)航班、票價(jià)以及可能的特價(jià)機(jī)票信息,在設(shè)計(jì)中需要簡(jiǎn)化這些內(nèi)容的訪問(wèn)。,人機(jī)交互技術(shù)編寫組,84,應(yīng)用實(shí)例分析,建立導(dǎo)航流程界面設(shè)計(jì)的實(shí)現(xiàn)需要導(dǎo)航流程的建立。應(yīng)當(dāng)允許經(jīng)常旅行的用戶用戶登錄后立刻能夠查看快速訪問(wèn)航班的預(yù)訂和自己的旅行計(jì)劃信息,這一選項(xiàng)需要安排在菜單項(xiàng)的突出位置。對(duì)于不常旅行的用戶來(lái)說(shuō),需要使其可以迅速查看和其個(gè)人喜好相關(guān)的機(jī)票優(yōu)惠等信息。從導(dǎo)航流程的設(shè)計(jì)來(lái)說(shuō),就是安排這些狀態(tài)的訪問(wèn)路徑應(yīng)當(dāng)盡可能的短,使用戶可以在最短的時(shí)間內(nèi)獲得其最重要的信息。,人機(jī)交互技術(shù)編寫組,85,應(yīng)用實(shí)例分析,明確可用性設(shè)計(jì)要點(diǎn)界面中各種元素如菜單、標(biāo)簽、文字輸入等的風(fēng)格樣式和操作方式在整個(gè)應(yīng)用中保持一致。使文字錄入的工作降到最低程度。預(yù)防用戶可能出現(xiàn)的各種錯(cuò)誤操作,一旦用戶出錯(cuò),應(yīng)當(dāng)盡可能地給用戶修正錯(cuò)誤的余地。,- 1.請(qǐng)仔細(xì)閱讀文檔,確保文檔完整性,對(duì)于不預(yù)覽、不比對(duì)內(nèi)容而直接下載帶來(lái)的問(wèn)題本站不予受理。
- 2.下載的文檔,不會(huì)出現(xiàn)我們的網(wǎng)址水印。
- 3、該文檔所得收入(下載+內(nèi)容+預(yù)覽)歸上傳者、原創(chuàng)作者;如果您是本文檔原作者,請(qǐng)點(diǎn)此認(rèn)領(lǐng)!既往收益都?xì)w您。
下載文檔到電腦,查找使用更方便
14.9 積分
下載 |
- 配套講稿:
如PPT文件的首頁(yè)顯示word圖標(biāo),表示該P(yáng)PT已包含配套word講稿。雙擊word圖標(biāo)可打開word文檔。
- 特殊限制:
部分文檔作品中含有的國(guó)旗、國(guó)徽等圖片,僅作為作品整體效果示例展示,禁止商用。設(shè)計(jì)者僅對(duì)作品中獨(dú)創(chuàng)性部分享有著作權(quán)。
- 關(guān) 鍵 詞:
- 移動(dòng)界面設(shè)計(jì) 移動(dòng) 界面設(shè)計(jì) PPT 課件
鏈接地址:http://ioszen.com/p-11511088.html