八個實用的移動設備界面設計技巧

0 評論 12009 瀏覽 1 收藏 6 分鐘

移動設備與PC在屏幕和解決方案的不同導致兩者的界面設計存在很多的不同,為此,本文提出了移動設備界面設計方面的8個有用的要點,希望對你在移動設備平臺的界面設計有所幫助。

布局、布局、布局

設計布局歸根結底是為了移動設備用戶的可訪問性、可用性以及整體的可讀性。在布局設計中,重中之重的一點就是確保在所有移動設備上(無論其屏幕的大小以及各異的解決方案)的靈活性。

意思就是,內容的規模會根據屏幕大小而定,解決方案也根據移動設備的不同而改變。良好的布局應該適用于觸摸屏和非觸摸屏。讓我們對此進行更詳細的分析。

順序與規模

一個優秀的移動設備用戶界面設計具備2個主要因素。順序就是指設計中每個要素(如按鈕、text boxes和鏈接等等)的分布順序與層次。這點對于許多移動平臺上用戶與界面交互方式起著相當重要的作用。所以設計或布局中的元素次序的排列必須保證可用性,省略那些傳統平臺上的花哨的設計。

內容的規模也是許多移動平臺的重要因素。比如按鈕或鏈接的大小要與觸摸屏用戶的手指大小相吻合,不過每個用戶的手指大小也是有所不同的。一個大小剛剛好的按鈕會讓所有用戶都能很好地操作。要注意的是,移動設備上為用戶手指設計的鏈接和按鈕的大小可與電腦上為鼠標鍵盤設計的鏈接和按鈕的大小要相差很多。

重要性的層次結構

移動設備的屏幕大小是有限的,所以要合理地利用。也就是說,你需要盡可能的剔除不必要的東西,有一個辦法就是設計好內容的層次結構??衫米煮w的大小和顏色等將內容分開。要讓內容自身表述自己而不是描述內容,為此在你的布局和設計中要盡量刪掉不必要的元素,從而增加可利用的空間,利用這些空間來安置有質量的內容。

輕量級設計

需要記住的一點是,用戶通過移動設備訪問你的網站是,他們是為了查看內容,而不是為了看你那花哨的布局,而且平添些花哨的設計會使得訪問更加緩慢。要把用戶想象成正趕著去開會的時候上你的網站查看些信息,他們首先關注的內容。所以強調輕量級的設計,提出冗余的設計元素,將內容良好的呈現出來。

重要的內容

你的網站肯定是具有自己的核心內容,不過對于移動設備上的網站來說,需要呈現的就是你自己的核心內容或者是用戶訪問你的網站時經常查看的內容,不要把你的網站上所有的東西都弄到自己的手機網站上。

簡單的導航

由于許多移動設備和平臺提供的瀏覽器往往不具有后退等導航功能,所以在你的手機網站上其實可以加入這些簡單的導航功能,不過同樣一點是導航不要做得太多,因為這會放慢訪問速度,占據寶貴的屏幕空間。

不要使用表格

許多移動平臺上往往不顯示表格,所以不要將表格作為移動網站設計的主題框架,盡量使用CSS來設計。

平臺監測

要想讓你的移動版的網站觸及更多的用戶,最好的辦法就是對不同平臺進行測試,然后提供各個版本的網站。對自己的用戶的平臺進行測試,然后根據平臺的不同提供不同的內容和功能??傮w而言,在移動平臺的界面設計上,首先要知道移動設備的局限性,才能更好的圍繞其進行巧妙地設計。對不同的移動平臺要有一個很好的理解,這樣才能讓你的移動網站能夠適用于不同的移動平臺。同樣你可以利用平臺開發商提供的模擬器來對你的網站進行檢測。

原文:http://designreviver.com/tips/8-useful-interface-design-techniques-for-mobile-devices/
本文鏈接:http://www.socialbeta.cn/articles/8-useful-interface-design-techniques-for-mobile-devices.html
譯者:wisp

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!