資源描述:
《移動(dòng)界面設(shè)計(jì)教學(xué)文案.ppt》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、移動(dòng)界面設(shè)計(jì)移動(dòng)設(shè)備(復(fù)習(xí))目前主要的移動(dòng)終端設(shè)備種類包括手機(jī)、掌上電腦PDA、筆記本電腦以及各種特殊用途的移動(dòng)設(shè)備如車載電腦?;诳梢苿?dòng)性的考慮,目前移動(dòng)互聯(lián)設(shè)備以智能手機(jī)與掌上電腦為主。移動(dòng)界面設(shè)計(jì)應(yīng)注意的問題——可用性了解目標(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è)性化的版本,通過充分利用每種設(shè)備的優(yōu)勢特性提高移動(dòng)應(yīng)用的可用性。易于檢索避免嵌套過深的多級(jí)菜單,縮減不必要的功能。以滿足用戶的目標(biāo)需要為準(zhǔn),盡量減少
2、用戶進(jìn)行信息訪問時(shí)所要采取的步驟。同時(shí)盡可能創(chuàng)建多種信息訪問途徑。采用一致的界面風(fēng)格不必要的差異常常會(huì)讓用戶感到不習(xí)慣,從而降低可用性。一致的界面風(fēng)格對(duì)用戶來說很直觀。應(yīng)當(dāng)檢查每個(gè)布局和每個(gè)顯示來保證其一致性。各種移動(dòng)應(yīng)用開發(fā)平臺(tái)都提供某種形式的應(yīng)用界面的風(fēng)格指南,仔細(xì)研究這些指南對(duì)于移動(dòng)應(yīng)用的界面設(shè)計(jì)非常重要。避免不必要的文本輸入盡量使用戶避免不必要的文本信息的輸入,而采用選擇列表或模糊查詢,即輸入一部分查詢關(guān)鍵詞就可以獲得檢索目標(biāo)或包含目標(biāo)的列表可供用戶選擇,這樣可以降低對(duì)于用戶進(jìn)行關(guān)鍵字文字輸入的麻煩。根據(jù)用戶的要求使服務(wù)個(gè)性化允
3、許應(yīng)用保留用戶信息以便能夠記錄用戶的個(gè)性化信息。下一次用戶啟動(dòng)應(yīng)用時(shí)可以得到個(gè)性化的服務(wù)。最大限度地避免用戶出錯(cuò)預(yù)測用戶可能出現(xiàn)的錯(cuò)誤,提供相應(yīng)的機(jī)制盡可能避免。例如:如果用戶要輸入日期,可以采用格式化輸入的方法,檢查用戶輸入是否全部是數(shù)字,而且代表日期、月份以及年份的數(shù)字的取值范圍是否在合法的范圍內(nèi)。文本信息應(yīng)當(dāng)本地化要根據(jù)應(yīng)用所使用的地域特點(diǎn),使應(yīng)用本地化。用詞得當(dāng)與否也可以決定某種應(yīng)用可用性的好壞。詞義表達(dá)清楚是關(guān)鍵,要避免使用含混不清的用語。移動(dòng)界面設(shè)計(jì)原則設(shè)計(jì)原則1.簡易性界面的簡潔是要讓用戶便于使用、便于了解、并能減少用戶發(fā)
4、生錯(cuò)誤選擇的可能性。2.用戶語言界面中要使用能反應(yīng)用戶本身的語言,而不是設(shè)計(jì)者的語言。3.記憶負(fù)擔(dān)最小化人腦不是電腦,在設(shè)計(jì)界面時(shí)必須要考慮人類大腦處理信息的限度。人類的短期記憶極不穩(wěn)定、有限,24小時(shí)內(nèi)存在25%的遺忘率。所以對(duì)用戶來說,瀏覽信息要比記憶更容易。4.一致性是每一個(gè)優(yōu)秀界面都具備的特點(diǎn)。界面的結(jié)構(gòu)必須清晰且一致,風(fēng)格必須與內(nèi)容相一致。5.清楚在視覺效果上便于理解和使用。6.用戶的熟悉程度用戶可通過已掌握的知識(shí)來使用界面,但不應(yīng)超出一般常識(shí)。7.從用戶的觀點(diǎn)考慮想用戶所想,做用戶所做。用戶總是按照他們自己的方法理解和使用。
5、通過比較兩個(gè)不同世界(真實(shí)與虛擬)的事物,完成更好的設(shè)計(jì)。如:書籍對(duì)比竹簡。8.排列一個(gè)有序的界面能讓用戶輕松的使用。9.安全性用戶能自由的作出選擇,且所有選擇都是可逆的。在用戶作出危險(xiǎn)的選擇時(shí)有信息介入系統(tǒng)的提示。10.靈活性簡單來說就是要讓用戶方便的使用。即互動(dòng)多重性,不局限于單一的工具(包括鼠標(biāo)、鍵盤或手柄)。11.人性化高效率和用戶滿意度是人性化的體現(xiàn)。用戶可依據(jù)自己的習(xí)慣定制界面,并能保存設(shè)置。界面基本要素1.手機(jī)界面層級(jí):待機(jī)界面?–主菜單–二級(jí)菜單?–三級(jí)菜單界面除了包括圖標(biāo)和文字外,比較重要的還有呼叫,發(fā)送信息等以及計(jì)算
6、器,日歷界面等2.明確意義的圖標(biāo),風(fēng)格鮮明的版面設(shè)計(jì)是手機(jī)界面設(shè)計(jì)的重要工作,目前較為流行的是歐洲簡單風(fēng)格,以及韓國的時(shí)尚絢麗的風(fēng)格。3.在更新穎的交互操作和與手機(jī)設(shè)計(jì)的整體結(jié)合上,韓系手機(jī)作的比較好,而在可用性和體驗(yàn)難度上,歐系手機(jī)則比較優(yōu)秀。移動(dòng)界面設(shè)計(jì)要素移動(dòng)界面也包含很多種類的設(shè)計(jì)要素,主要界面設(shè)計(jì)元素有:菜單按鈕多選列表文字顯示數(shù)據(jù)輸入圖標(biāo)與圖像報(bào)警提示移動(dòng)多媒體移動(dòng)界面設(shè)計(jì)要素菜單主要目的用于提供項(xiàng)目選擇。設(shè)計(jì)移動(dòng)界面可用性好的菜單應(yīng)遵守的規(guī)則。供選擇的項(xiàng)目應(yīng)根據(jù)需要進(jìn)行邏輯分類,如果沒有邏輯順序,可以按優(yōu)先級(jí)分類,將被選擇
7、頻率最高的項(xiàng)目放在列表的最頂端。每一屏中不宜設(shè)計(jì)過多的選項(xiàng),如果一個(gè)菜單上的選擇項(xiàng)目太多,應(yīng)該建立一個(gè)“更多”鏈接,將菜單擴(kuò)展到多個(gè)屏幕。菜單上的每一選項(xiàng)一般應(yīng)當(dāng)簡明扼要。菜單畫面移動(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è)操作屏幕。移動(dòng)界面設(shè)計(jì)
8、要素移動(dòng)界面設(shè)計(jì)要素多選列表在移動(dòng)應(yīng)用中使用多選列表,可以最大限度地減少文本輸入。移動(dòng)界面設(shè)計(jì)要素文字顯示文字顯示控件主要用于顯示較多數(shù)量的文字信息。移動(dòng)界面設(shè)計(jì)要素文字顯示的一般可用性建議:每一屏幕顯示內(nèi)