移動(dòng)設(shè)備與PC在屏幕和解決方案的不同導(dǎo)致兩者的界面設(shè)計(jì)存在很多的不同，為此，本文提出了移動(dòng)設(shè)備界面設(shè)計(jì)方面的8個(gè)有用的要點(diǎn)，希望對(duì)你在移動(dòng)設(shè)備平臺(tái)的界面設(shè)計(jì)有所幫助。

布局、布局、布局

設(shè)計(jì)布局歸根結(jié)底是為了移動(dòng)設(shè)備用戶的可訪問(wèn)性、可用性以及整體的可讀性。在布局設(shè)計(jì)中，重中之重的一點(diǎn)就是確保在所有移動(dòng)設(shè)備上（無(wú)論其屏幕的大小以及各異的解決方案）的靈活性。

意思就是，內(nèi)容的規(guī)模會(huì)根據(jù)屏幕大小而定，解決方案也根據(jù)移動(dòng)設(shè)備的不同而改變。良好的布局應(yīng)該適用于觸摸屏和非觸摸屏。讓我們對(duì)此進(jìn)行更詳細(xì)的分析。

順序與規(guī)模

一個(gè)優(yōu)秀的移動(dòng)設(shè)備用戶界面設(shè)計(jì)具備2個(gè)主要因素。順序就是指設(shè)計(jì)中每個(gè)要素（如按鈕、text boxes和鏈接等等）的分布順序與層次。這點(diǎn)對(duì)于許多移動(dòng)平臺(tái)上用戶與界面交互方式起著相當(dāng)重要的作用。所以設(shè)計(jì)或布局中的元素次序的排列必須保證可用性，省略那些傳統(tǒng)平臺(tái)上的花哨的設(shè)計(jì)。

內(nèi)容的規(guī)模也是許多移動(dòng)平臺(tái)的重要因素。比如按鈕或鏈接的大小要與觸摸屏用戶的手指大小相吻合，不過(guò)每個(gè)用戶的手指大小也是有所不同的。一個(gè)大小剛剛好的按鈕會(huì)讓所有用戶都能很好地操作。要注意的是，移動(dòng)設(shè)備上為用戶手指設(shè)計(jì)的鏈接和按鈕的大小可與電腦上為鼠標(biāo)鍵盤設(shè)計(jì)的鏈接和按鈕的大小要相差很多。

重要性的層次結(jié)構(gòu)

移動(dòng)設(shè)備的屏幕大小是有限的，所以要合理地利用。也就是說(shuō)，你需要盡可能的剔除不必要的東西，有一個(gè)辦法就是設(shè)計(jì)好內(nèi)容的層次結(jié)構(gòu)?？衫米煮w的大小和顏色等將內(nèi)容分開。要讓內(nèi)容自身表述自己而不是描述內(nèi)容，為此在你的布局和設(shè)計(jì)中要盡量刪掉不必要的元素，從而增加可利用的空間，利用這些空間來(lái)安置有質(zhì)量的內(nèi)容。

輕量級(jí)設(shè)計(jì)

需要記住的一點(diǎn)是，用戶通過(guò)移動(dòng)設(shè)備訪問(wèn)你的網(wǎng)站是，他們是為了查看內(nèi)容，而不是為了看你那花哨的布局，而且平添些花哨的設(shè)計(jì)會(huì)使得訪問(wèn)更加緩慢。要把用戶想象成正趕著去開會(huì)的時(shí)候上你的網(wǎng)站查看些信息，他們首先關(guān)注的內(nèi)容。所以強(qiáng)調(diào)輕量級(jí)的設(shè)計(jì)，提出冗余的設(shè)計(jì)元素，將內(nèi)容良好的呈現(xiàn)出來(lái)。

重要的內(nèi)容

你的網(wǎng)站肯定是具有自己的核心內(nèi)容，不過(guò)對(duì)于移動(dòng)設(shè)備上的網(wǎng)站來(lái)說(shuō)，需要呈現(xiàn)的就是你自己的核心內(nèi)容或者是用戶訪問(wèn)你的網(wǎng)站時(shí)經(jīng)常查看的內(nèi)容，不要把你的網(wǎng)站上所有的東西都弄到自己的手機(jī)網(wǎng)站上。

簡(jiǎn)單的導(dǎo)航

由于許多移動(dòng)設(shè)備和平臺(tái)提供的瀏覽器往往不具有后退等導(dǎo)航功能，所以在你的手機(jī)網(wǎng)站上其實(shí)可以加入這些簡(jiǎn)單的導(dǎo)航功能，不過(guò)同樣一點(diǎn)是導(dǎo)航不要做得太多，因?yàn)檫@會(huì)放慢訪問(wèn)速度，占據(jù)寶貴的屏幕空間。

不要使用表格

許多移動(dòng)平臺(tái)上往往不顯示表格，所以不要將表格作為移動(dòng)網(wǎng)站設(shè)計(jì)的主題框架，盡量使用CSS來(lái)設(shè)計(jì)。

平臺(tái)監(jiān)測(cè)

要想讓你的移動(dòng)版的網(wǎng)站觸及更多的用戶，最好的辦法就是對(duì)不同平臺(tái)進(jìn)行測(cè)試，然后提供各個(gè)版本的網(wǎng)站。對(duì)自己的用戶的平臺(tái)進(jìn)行測(cè)試，然后根據(jù)平臺(tái)的不同提供不同的內(nèi)容和功能。總體而言，在移動(dòng)平臺(tái)的界面設(shè)計(jì)上，首先要知道移動(dòng)設(shè)備的局限性，才能更好的圍繞其進(jìn)行巧妙地設(shè)計(jì)。對(duì)不同的移動(dòng)平臺(tái)要有一個(gè)很好的理解，這樣才能讓你的移動(dòng)網(wǎng)站能夠適用于不同的移動(dòng)平臺(tái)。同樣你可以利用平臺(tái)開發(fā)商提供的模擬器來(lái)對(duì)你的網(wǎng)站進(jìn)行檢測(cè)。

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