《移動(dòng)界面設(shè)計(jì)》PPT課件.ppt

1,第10講 移動(dòng)界面設(shè)計(jì),2,主要內(nèi)容提要,移動(dòng)界面的基本概念 移動(dòng)界面的設(shè)計(jì)方法 移動(dòng)界面的實(shí)現(xiàn)技術(shù) 移動(dòng)界面設(shè)計(jì)的實(shí)例,3,10.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)（Mobile Internet）技術(shù)。,4,移動(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)。,5,10.1.2移動(dòng)設(shè)備與連接方式,目前主要的移動(dòng)終端設(shè)備種類包括手機(jī)、掌上電腦PDA（Personal Digital Assistant）、筆記本電腦以及各種特殊用途的移動(dòng)設(shè)備如車(chē)載電腦?；诳梢苿?dòng)性（mobility）的考慮，目前移動(dòng)互聯(lián)設(shè)備以智能手機(jī)與掌上電腦為主 。,6,移動(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)（Wireless Local Area Network，WLAN） 無(wú)線城域網(wǎng)（Wireless Metropolitan Area Network，WMAN） 無(wú)線個(gè)域網(wǎng)（Wireless Personal Area Networks，WPAN） 高速無(wú)線數(shù)據(jù)通訊系統(tǒng)以及衛(wèi)星通訊等,7,移動(dòng)互聯(lián)網(wǎng)的數(shù)據(jù)接入方式,無(wú)線局域網(wǎng)采用無(wú)線的方式提供傳統(tǒng)有線局域網(wǎng)的所有功能，具有極大的靈活性。 無(wú)線城域網(wǎng)技術(shù)的目標(biāo)是提供類似于有線Modem、DSL （Digital Subscriber Line），以太網(wǎng)以及光纖網(wǎng)等有線方式的高速I(mǎi)nternet接入，優(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)的接入方式更為豐富。,8,高速無(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)，常見(jiàn)的有九十年代出現(xiàn)的歐洲的全球移動(dòng)通信系統(tǒng)GSM（Global Systems for Mobile Telecommunications，GSM）、美國(guó)的窄帶CDMA（Code Division Multiple Access）。 第三代，即3G（Third Generation）階段，目標(biāo)是采用數(shù)字技術(shù)實(shí)現(xiàn)語(yǔ)音、數(shù)據(jù)以及多媒體信息的高速傳輸。,9,10.1.3移動(dòng)界面的輸入方式,目前主要的移動(dòng)設(shè)備形式智能手機(jī)與掌上電腦而言，由于尺寸較小、接口較為簡(jiǎn)單，全尺寸鍵盤(pán)、鼠標(biāo)等諸多的傳統(tǒng)的輸入輸出設(shè)備較難在移動(dòng)界面中使用，因此需要設(shè)計(jì)專門(mén)的輸入輸出方式，以便適應(yīng)移動(dòng)界面的特點(diǎn)。,10,移動(dòng)界面的輸入方式,鍵盤(pán)輸入,手機(jī)鍵盤(pán)的設(shè)計(jì)主要還是從手機(jī)的主要功能即語(yǔ)音通信考慮的。由于每一個(gè)按鍵都是復(fù)用的，如數(shù)字鍵7和字母P、Q、R、S共用一個(gè)按鍵。,T9輸入法就是目前最為著名的一種解決方案。使用T9輸入法的優(yōu)越之處在于輸入一個(gè)字以后，會(huì)提示一些可以合法組合的常見(jiàn)字，用戶只需要簡(jiǎn)單地選擇即可輸入，大大降低了手機(jī)文字輸入的疲勞程度，提高了批量文字信息的輸入效率。,11,移動(dòng)界面的輸入方式,鍵盤(pán)輸入 軟鍵盤(pán)（soft keyboard）是解決移動(dòng)設(shè)備輸入問(wèn)題的又一重要方法。 所謂的軟鍵盤(pán)就是在移動(dòng)設(shè)備屏幕上顯示QWERTY鍵盤(pán)，用戶在屏幕上選擇軟鍵盤(pán)上的鍵完成輸入。 這種輸入形式在桌面計(jì)算機(jī)的Windows平臺(tái)上的輸入法中都可以見(jiàn)到。,12,T9比軟鍵盤(pán)輸入法的效率高,T9輸入法所支持的手機(jī)鍵盤(pán)基于電話鍵盤(pán)設(shè)計(jì)的，手機(jī)用戶群未必熟悉計(jì)算機(jī)； 手機(jī)鍵盤(pán)采用一個(gè)按鍵對(duì)應(yīng)于多個(gè)字符，鍵的大小自然可以更大，能更快的鍵入和更高的準(zhǔn)確程度； 手機(jī)鍵盤(pán)按鍵的設(shè)計(jì)更加緊湊，按鍵間距相對(duì)較小，手指移動(dòng)距離短，也可以提高輸入速度 。,13,移動(dòng)界面的輸入方式,筆輸入 手寫(xiě)文字識(shí)別是一種文本的輸入方式，作為鍵盤(pán)輸入的一種替代方式。 隨著筆輸入技術(shù)的日益成熟，目前筆輸入技術(shù)的在包括平板電腦（Tablet PC）、智能手機(jī)、掌上電腦等多種移動(dòng)設(shè)備中的得到了廣泛應(yīng)用。 近年來(lái)微軟公司力推Tablet PC，也在一定程度上對(duì)于筆輸入的普及起了推波助瀾的作用。 筆輸入是目前掌上電腦最主要的一種輸入方式。特別在中國(guó)，由于漢字書(shū)寫(xiě)的復(fù)雜性，手寫(xiě)筆輸入成為最自然、符合中國(guó)人書(shū)寫(xiě)習(xí)慣的輸入方式。,14,移動(dòng)界面的輸入方式,語(yǔ)音識(shí)別 語(yǔ)音是人們?cè)谌粘Ｉ钪羞M(jìn)行交流最主要的手段，因此對(duì)于語(yǔ)音技術(shù)成為新一代多通道人機(jī)界面中的最重要技術(shù)之一的期望也就很容易理解了 語(yǔ)音識(shí)別技術(shù)的研究工作始于20世紀(jì)50年代目前這個(gè)領(lǐng)域最具代表性的產(chǎn)品是IBM公司的Viavoice和DRAGON公司的Naturally Speaking。 可以通過(guò)將掌上設(shè)備作為語(yǔ)音門(mén)戶網(wǎng)站(Voice Portal)的訪問(wèn)終端。在這種環(huán)境中，用戶可以在辦公室、家里或旅行途中隨時(shí)隨地通過(guò)手機(jī)等具有語(yǔ)音通信功能的移動(dòng)設(shè)備與具備語(yǔ)音識(shí)別與合成技術(shù)的語(yǔ)音門(mén)戶網(wǎng)站進(jìn)行對(duì)話。,15,移動(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í)行屏幕手寫(xiě)或繪制操作的程序中進(jìn)行語(yǔ)音錄制，可以單獨(dú)生成一段錄音，還可以將一段錄音嵌入文本便箋中。,16,10.1.4 移動(dòng)界面的輸出方式,主要是顯示屏幕和聲音輸出 顯示技術(shù) 顯示屏的關(guān)鍵因素：分辨率、色彩、尺寸、功耗及顯示響應(yīng)速度。 多種顯示器：超扭曲陣列(Super-Twisted Nematic STN）、DSTN(Dual STN)、CSTN（Color STN）、薄膜式晶體管（Thin Film Transistor，TFT）以及薄膜二極管（Thin Film Diode，TFD）等。 單色STN液晶屏：用簡(jiǎn)單的無(wú)源矩陣尋址方案，具有性能可靠、成本低、功耗也極低的特點(diǎn)。 一些新的顯示技術(shù)：有機(jī)發(fā)光二極管(Organic Light Emitting Diode，OLED) 和硅基液晶(Liquid Crystal On Silicon，LCOS)。,17,10.1.4 移動(dòng)界面的輸出方式,聲音輸出 手機(jī)與PDA等掌上設(shè)備的聲音輸出功能一般較弱。近年來(lái)，逐漸通過(guò)引入聲音合成技術(shù)，使得其可以播放較為動(dòng)聽(tīng)的MIDI（Musical Instrument Digital Interface）電子音樂(lè)。 移動(dòng)設(shè)備的音樂(lè)合成技術(shù)主要包括兩種：調(diào)頻（Frequency Modulation，F(xiàn)M）合成與波表（Wave Table）合成。 復(fù)音就是俗稱的“和弦”，指的是音樂(lè)合成系統(tǒng)中能夠同時(shí)發(fā)出的聲音的數(shù)目，而并非音樂(lè)理論中的和弦。,18,10.1.5 移動(dòng)界面設(shè)計(jì)的新問(wèn)題,資源相對(duì)匱乏 尺寸很小，同時(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ù)重要性排列 。,19,移動(dòng)界面設(shè)計(jì)的新問(wèn)題,移動(dòng)設(shè)備的種類繁多 在開(kāi)發(fā)移動(dòng)應(yīng)用時(shí)需要專門(mén)針對(duì)某一型號(hào)的一種設(shè)備開(kāi)發(fā)，大大增加了應(yīng)用開(kāi)發(fā)的復(fù)雜度。 在移動(dòng)界面的設(shè)計(jì)中，各設(shè)備的差異是移動(dòng)應(yīng)用開(kāi)發(fā)過(guò)程中最需要關(guān)注的一個(gè)環(huán)節(jié)。 移動(dòng)界面具有一定的自適應(yīng)性是解決問(wèn)題的一種思路。,20,移動(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)的策略。,21,移動(dòng)界面設(shè)計(jì)的新問(wèn)題,移動(dòng)界面設(shè)計(jì)中的最大問(wèn)題就是界面的定制。無(wú)論是移動(dòng)設(shè)備各種資源的匱乏、種類與連接方式的繁復(fù)，最終均可以歸結(jié)為根據(jù)需要定制合適的移動(dòng)應(yīng)用界面。,22,10.2移動(dòng)界面的設(shè)計(jì)方法,可用性設(shè)計(jì)原則 移動(dòng)界面導(dǎo)航 移動(dòng)界面設(shè)計(jì)要素,23,10.2.1可用性設(shè)計(jì)原則,了解用戶 移動(dòng)應(yīng)用的用戶不一定熟悉桌面計(jì)算機(jī)的操作 移動(dòng)證券軟件的用戶的目的是要了解股票行情或進(jìn)行證券交易 移動(dòng)手機(jī)游戲的用戶是為了打發(fā)時(shí)間或休閑娛樂(lè) ,24,可用性設(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)信息，開(kāi)發(fā)個(gè)性化的版本，通過(guò)充分利用每種設(shè)備的優(yōu)勢(shì)特性提高移動(dòng)應(yīng)用的可用性。,25,可用性設(shè)計(jì)原則,易于檢索 避免嵌套過(guò)深的多級(jí)菜單，縮減不必要的功能。 以滿足用戶的目標(biāo)需要為準(zhǔn)，盡量減少用戶進(jìn)行信息訪問(wèn)時(shí)所要采取的步驟。 同時(shí)盡可能創(chuàng)建多種信息訪問(wèn)途徑。,26,可用性設(shè)計(jì)原則,采用一致的界面風(fēng)格 不必要的差異常常會(huì)讓用戶感到不習(xí)慣，從而