實戰:APP的UI設計原則及UI界面適配步驟

論文類別:計算機論文 > 互聯網研究論文
論文標簽:UI設計論文
上傳時間:2014/6/24 10:40:00

  (免費論文下載中心訊)從最初的AppStore僅有不到500個APP,到現在,據統計APP近幾年增加的數量已經超過3000,000個,累計下載量突破了352億次。這意味著移動APP的使用已成為移動互聯網時代的重要部分,同時移動APP的競爭也越來越大,如何在為數眾多的APP中脫穎而出呢?APP視覺UI設計占住一大塊。

  所以,我們必須了解移動APP客戶端的UI設計原則及UI界面適配步驟。

  第一點:移動APP客戶端的UI設計原則

  1)手機本身的物理特性受限引起的操作交互指南:

  a、移動APP客戶端的文字輸入,必須要降到最低:由於手機在輸入上的低效性,在設計的過程中,應盡量減少用戶的輸入,如果有可能可以設置默認值,或者讓用戶選擇目標值。

  b、移動APP客戶端的信息結構好,屏與屏之間的邏輯關系清晰:由於手機屏幕都普遍較小,即使有4吋屏,那也只能展示較少的信息量,因此,在手機設計上,更需要有清晰的信息架構,用戶知道當前在哪兒,並能返回到哪兒。

  c、移動APP客戶端的操作、功能不要隱藏太深,重要功能都需要在界面中有適當的提示:由於手機屏幕較小,不能展示所有的信息。因此,對重要的、使用頻率高的功能或信息放在最重要的位置,並在首頁上展示或指示。

  2)手機的移動特性引起的指南:

  a、移動APP客戶端的最主要的功能操作,用單手可以完成:手機的使用情景多樣性,在很多情景下,用戶都只能單手來操作手機,因此,在客戶端的設計過程中,需要考慮最重要的核心功能,能否單手操作完成。常見手勢翻頁交互效果和優點等。

  b、移動APP客戶端的界面必須簡潔、操作簡單,操作步驟少:由於用戶操作情景復雜,在使用客戶端的過程可能有額外的認知負荷,因此,在設計客戶端的過程中,邏輯必須簡單,操作步驟也要減少。

  c、移動APP客戶端的界面層次不要太深,最好不要超過3級。

  d、移動APP客戶端的提示包括界面、聲音、振動多種形式:用戶在操作手機時,往往不會一直盯著手機屏幕看,因此,很多手機狀態頁面的切換,脫離了用戶的視線,這時,必須要提供視覺之外的其他感覺通道的信息(如聽覺、觸覺等),來對用戶做提示。快速體驗移動觸摸響應操作等。

  3)其他移動UI設計原則

  a)客戶端UI的適配不必恪守所有的平臺都保持一致,只要一些品牌的關鍵元素能體現可。

  b)客戶端的主要操作方式(框架、導航、按鍵功能及軟鍵對應方式等)應與所承載的手機操作系統保持一致:客戶端都承載在某款具體的手機平臺中,而用戶會對當前的手機平臺很熟悉。

  因此,在設計的過程中,需要更好地理解當前的手機平臺,並使客戶端的設計與手機系統的設計邏輯保持一致。

  第二點:.手機APP客戶端UI界面設計適配的步驟:

  移動APP客戶端的適配要以一個平臺為起始,但是要著眼於多個平臺。

  1)根據公司的戰略,選擇一個最先切入的平臺;

  2)了解該平臺的UI設計規範,可用的UI控件及交互原則;

  3)確定切入的屏幕大小,以此來設計第一個客戶端,但是要考慮適配其他屏幕的可能性,是自適應來擴展或者縮小;

  4)根據平臺及屏幕大小,來選擇一款最典型的手機,開始客戶端的交互設計。

  5)確定客戶端的核心目的。如為娛樂為主的,應在設計方式更娛樂性;功能性完成目的為主的,以更易用性為主;

  6)根據客戶端的功能和內容,來設計客戶端的信息架構;

  7)根據UCD的原則,來完成客戶端的交互原型;

  最後,我們在交互原型的過程中,需要考慮手機適配的三因素(平臺、屏幕、觸摸/非觸摸),以便將來的界面適配做的很完美!看完之後,希望對app設計師們有所幫助。(來源:25學堂)

下载论文

論文《實戰:APP的UI設計原則及UI界面適配步驟》其它版本

互聯網研究論文服務

網站聲明 | 聯系我們 | 網站地圖 | 論文下載地址 | 代寫論文 | 作者搜索 | 英文版 | 手機版 CopyRight@2008 - 2017 免費論文下載中心 京ICP备17062730号