《移動界面設計》PPT課件.ppt

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