移動(dòng)網(wǎng)站設(shè)備指導(dǎo)原則

移動(dòng)可用性不僅僅是縮小網(wǎng)站以適應(yīng)各種設(shè)備。這是關(guān)注人們使用移動(dòng)設(shè)備的方式，并理解移動(dòng)體驗(yàn)與用戶一樣獨(dú)特。

可用性設(shè)計(jì)用于移動(dòng)設(shè)備的是盡可能多的關(guān)于它的方式感覺(jué)，因?yàn)樗耐庥^和行為方式。人們使用他們的手指 - 或更具體地，更經(jīng)常地，他們的拇指 - 與屏幕交互，而不是鼠標(biāo)和鍵盤(pán)的傳統(tǒng)桌面代理。這意味著移動(dòng)設(shè)計(jì)比桌面更具觸覺(jué)體驗(yàn)。用戶對(duì)他們的看法與他們一樣多。

無(wú)論好壞，桌面代理的障礙都消失了，移動(dòng)設(shè)計(jì)人員面臨著一套新的用戶體驗(yàn)設(shè)計(jì)原則。

由于移動(dòng)設(shè)備的大小和人們使用它們的方式不同，因此沒(méi)有“一刀切”的設(shè)計(jì)標(biāo)準(zhǔn)。相反，它是設(shè)計(jì)師應(yīng)該理解的一組原則和概念，以便提高移動(dòng)可用性。

以下原則有助于設(shè)計(jì)人員考慮觸摸和人體工程學(xué)設(shè)計(jì)，使移動(dòng)體驗(yàn)更加愉悅和用戶友好：

1.了解您的用戶

設(shè)計(jì)師在移動(dòng)設(shè)計(jì)中可能犯的第一個(gè)錯(cuò)誤就是假設(shè)每個(gè)人都使用與他們相同的設(shè)備或使用相同的設(shè)備。盡量避免這種假設(shè)。

下一個(gè)錯(cuò)誤是假設(shè)來(lái)自先前研究的所有現(xiàn)有數(shù)據(jù)，無(wú)論是來(lái)自二級(jí)來(lái)源還是先前進(jìn)行的初步研究，對(duì)于用戶永遠(yuǎn)是真實(shí)的。用戶變化，技術(shù)變化和用戶行為可能差異很大，因此持續(xù)研究是保持最新?tīng)顟B(tài)的關(guān)鍵。

在他的研究表明，六種用戶持有智能手機(jī)的方式，但您的目標(biāo)用戶可能主要使用一種不太常見(jiàn)的方式來(lái)保存手機(jī)。例如，為老年人設(shè)計(jì)的應(yīng)用程序可以記錄有關(guān)其藥物的信息，這可能會(huì)有一些獨(dú)特的要求。這種特定的人口統(tǒng)計(jì)可能會(huì)受到影響他們持有（和看到）移動(dòng)設(shè)備的方式的損害 - 這對(duì)于理解為設(shè)計(jì)師來(lái)說(shuō)非常重要。

有幾種方法可以獲取有關(guān)用戶的信息。一個(gè)好的起點(diǎn)是網(wǎng)絡(luò)分析，如果它們可用，并找出用戶正在使用的設(shè)備。另一種選擇是調(diào)查用戶的設(shè)備以及他們使用它們的活動(dòng)。體驗(yàn)抽樣是在設(shè)定時(shí)間捕獲用戶的另一種選擇。最強(qiáng)大的研究：實(shí)際上使用他們的設(shè)備觀察野外用戶。

關(guān)鍵點(diǎn)：使用移動(dòng)設(shè)備研究和觀察用戶，真正了解如何為他們?cè)O(shè)計(jì)。

2.了解使用環(huán)境

這與“ 了解您的用戶”密切相關(guān)，但它值得自己調(diào)出，因?yàn)樗浅Ｖ匾?。移?dòng)字面意思是“能夠自由移動(dòng)?！贝蠖鄶?shù)人在使用移動(dòng)應(yīng)用程序時(shí)并沒(méi)有靜坐或?qū)⒆⒁饬性谒麄兊脑O(shè)備上。他們經(jīng)常做其他事情 - 走過(guò)商店，看電視，鍛煉身體，坐在餐館或開(kāi)車(chē)。

當(dāng)人們使用他們的設(shè)備僅僅是因?yàn)樗麄內(nèi)绾问褂盟鼈兺瑯又匾?，這可能影響到整體的設(shè)計(jì)和體驗(yàn)。例如，正在運(yùn)行的應(yīng)用程序可能具有與銀行應(yīng)用程序非常不同的用例。

了解用戶與移動(dòng)設(shè)計(jì)交互的位置和方式，以及他們?cè)谑褂迷O(shè)備時(shí)所做的其他事情，可以幫助設(shè)計(jì)人員創(chuàng)建適合其用戶的應(yīng)用。

關(guān)鍵點(diǎn)：用戶在使用移動(dòng)設(shè)備時(shí)會(huì)做各種各樣的事情，可能不會(huì)給予應(yīng)用程序全神貫注的關(guān)注。

3.遵循經(jīng)驗(yàn)法則

由于用戶主要使用拇指來(lái)瀏覽移動(dòng)設(shè)備，因此移動(dòng)設(shè)計(jì)應(yīng)設(shè)計(jì)為拇指而非鼠標(biāo)點(diǎn)擊。這意味著用戶需要在屏幕上訪問(wèn)的所有內(nèi)容應(yīng)該在他們的拇指容易到達(dá)的距離內(nèi)，而不需要他們不自然地伸展或扭曲他們的手。

這就是為什么響應(yīng)式設(shè)計(jì)如此重要以及為什么移動(dòng)設(shè)備上的單列布局優(yōu)于多列的原因之一。使用多列自動(dòng)縮小屏幕空間并將一些重要內(nèi)容放在拇指區(qū)域之外，這使得用戶更難以訪問(wèn)。

響應(yīng)式設(shè)計(jì)在移動(dòng)可用性方面發(fā)揮著重要作用

單列布局使用戶使用拇指進(jìn)行導(dǎo)航比使用多列布局更容易。

重點(diǎn)介紹：確保關(guān)鍵內(nèi)容和導(dǎo)航在拇指之內(nèi)。

4.把內(nèi)容放在第一位

這個(gè)在工業(yè)設(shè)計(jì)中有明確的根源。工業(yè)設(shè)計(jì)的主要原則之一是內(nèi)容應(yīng)始終顯示在控件之上，這樣用戶的手就不會(huì)阻擋他們的視線。

在傳統(tǒng)的網(wǎng)站設(shè)計(jì)中，導(dǎo)航首先出現(xiàn)在屏幕的頂部，內(nèi)容低于它，但工業(yè)設(shè)計(jì)則相反，移動(dòng)設(shè)計(jì)也應(yīng)該如此。

由于用戶查看和觸摸屏幕的方式，最重要的內(nèi)容應(yīng)位于屏幕中央，其他鍵控導(dǎo)航控件位于底部。

在平板電腦中，這個(gè)建議稍有改變，但它仍然專注于允許用戶通過(guò)用拇指觸摸并防止手指阻止內(nèi)容來(lái)導(dǎo)航?，F(xiàn)在，重要內(nèi)容和導(dǎo)航控件應(yīng)移動(dòng)到屏幕的兩側(cè)。

平板電腦的移動(dòng)可用性 - 將導(dǎo)航移動(dòng)到屏幕的一側(cè)

重點(diǎn)介紹：將最重要的內(nèi)容放在屏幕中央，并將主導(dǎo)航控件放在最適合設(shè)備的位置，并且手指不會(huì)阻擋內(nèi)容視圖。

5.繼續(xù)（觸摸）目標(biāo)

無(wú)論設(shè)備是什么，移動(dòng)設(shè)備都需要設(shè)計(jì)觸摸。但觸摸是不精確的。沒(méi)有兩個(gè)用戶具有完全相同的拇指大小，并不像記錄鼠標(biāo)點(diǎn)擊那么簡(jiǎn)單。

最佳觸摸目標(biāo)是7x7mm，其轉(zhuǎn)換為像素大約等于40.但是為了考慮各種觀看尺寸，44像素是覆蓋觸摸區(qū)域并避免用戶錯(cuò)誤的理想空間。

觸摸目標(biāo)大小對(duì)于移動(dòng)可用性非常重要

底部的藍(lán)色方塊顯示44像素（帶有20像素填充）作為觸摸目標(biāo)，這是設(shè)計(jì)人員應(yīng)考慮的移動(dòng)可用性的最小值。

使觸摸目標(biāo)更大一些有助于覆蓋用戶與其設(shè)備交互的環(huán)境和環(huán)境，通常不會(huì)給予他們?nèi)褙炞⒌淖⒁饬Γㄕ?qǐng)參閱了解使用環(huán)境）。