實戰(zhàn):APP的UI設(shè)計原則及UI界面適配步驟_第1頁
實戰(zhàn):APP的UI設(shè)計原則及UI界面適配步驟_第2頁
實戰(zhàn):APP的UI設(shè)計原則及UI界面適配步驟_第3頁
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

實戰(zhàn):APP的UI設(shè)計原則及UI界面適配步驟

所以,我們必須了解移動APP客戶端的UI設(shè)計原則及UI界面適配步驟。第一點:移動APP客戶端的UI設(shè)計原則1)手機(jī)本身的物理特性受限引起的操作交互指南:a、移動APP客戶端的文字輸入,必須要降到最低:由于手機(jī)在輸入上的低效性,在設(shè)計的過程中,應(yīng)盡量減少用戶的輸入,如果有可能可以設(shè)置默認(rèn)值,或者讓用戶選擇目標(biāo)值。b、移動APP客戶端的信息結(jié)構(gòu)好,屏與屏之間的邏輯關(guān)系清晰:由于手機(jī)屏幕都普遍較小,即使有4吋屏,那也只能展示較少的信息量,因此,在手機(jī)設(shè)計上,更需要有清晰的信息架構(gòu),用戶知道當(dāng)前在哪兒,并能返回到哪兒。c、移動APP客戶端的操作、功能不要隱藏太深,重要功能都需要在界面中有適當(dāng)?shù)奶崾荆河捎谑謾C(jī)屏幕較小,不能展示所有的信息。因此,對重要的、使用頻率高的功能或信息放在最重要的位置,并在首頁上展示或指示。2)手機(jī)的移動特性引起的指南:a、移動APP客戶端的最主要的功能操作,用單手可以完成:手機(jī)的使用情景多樣性,在很多情景下,用戶都只能單手來操作手機(jī),因此,在客戶端的設(shè)計過程中,需要考慮最重要的核心功能,能否單手操作完成。常見手勢翻頁交互效果和優(yōu)點等。b、移動APP客戶端的界面必須簡潔、操作簡單,操作步驟少:由于用戶操作情景復(fù)雜,在使用客戶端的過程可能有額外的認(rèn)知負(fù)荷,因此,在設(shè)計客戶端的過程中,邏輯必須簡單,操作步驟也要減少。c、移動APP客戶端的界面層次不要太深,最好不要超過3級。d、移動APP客戶端的提示包括界面、聲音、振動多種形式:用戶在操作手機(jī)時,往往不會一直盯著手機(jī)屏幕看,因此,很多手機(jī)狀態(tài)頁面的切換,脫離了用戶的視線,這時,必須要提供視覺之外的其他感覺通道的信息(如聽覺、觸覺等),來對用戶做提示??焖袤w驗移動觸摸響應(yīng)操作等。3)其他移動UI設(shè)計原則a)客戶端UI的適配不必恪守所有的平臺都保持一致,只要一些品牌的關(guān)鍵元素能體現(xiàn)可。b)客戶端的主要操作方式(框架、導(dǎo)航、按鍵功能及軟鍵對應(yīng)方式等)應(yīng)與所承載的手機(jī)操作系統(tǒng)保持一致:客戶端都承載在某款具體的手機(jī)平臺中,而用戶會對當(dāng)前的手機(jī)平臺很熟悉。因此,在設(shè)計的過程中,需要更好地理解當(dāng)前的手機(jī)平臺,并使客戶端的設(shè)計與手機(jī)系統(tǒng)的設(shè)計邏輯保持一致。第二點:.手機(jī)APP客戶端UI界面設(shè)計適配的步驟:移動APP客戶端的適配要以一個平臺為起始,但是要著眼于多個平臺。1)根據(jù)公司的戰(zhàn)略,選擇一個最先切入的平臺;2)了解該平臺的UI設(shè)計規(guī)范,可用的UI控件及交互原則;3)確定切入的屏幕大小,以此來設(shè)計第一個客戶端,但是要考慮適配其他屏幕的可能性,是自適應(yīng)來擴(kuò)展或者縮小;4)根據(jù)平臺及屏幕大小,來選擇一款最典型的手機(jī),開始客戶端的交互設(shè)計。5)確定客戶端的核心目的。如為娛樂為主的,應(yīng)在設(shè)計方式更娛樂性;功能性完成目的為主的,以更易用性為主;6)根據(jù)客戶端的功能和內(nèi)容,來設(shè)計客戶端的信息架構(gòu);7)根據(jù)UCD的原則,來完成客戶端的交互原型;最后,我們在交互原型的過程中,需要考

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論