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

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

佈局、佈局、佈局

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

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

順序與規模

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

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

重要性的層次結構

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

輕量級設計

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

重要的內容

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

簡單的導航

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

不要使用表格

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

平台監測

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

原文: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

特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy

Comments are closed.