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