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

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

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

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

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

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

1.了解您的用戶

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

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

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

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

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

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

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

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

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

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

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

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

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

響應(yīng)式設(shè)計(jì)在移動可用性方面發(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)始終顯示在控件之上，這樣用戶的手就不會阻擋他們的視線。

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

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

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

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

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

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

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

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

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

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

使觸摸目標(biāo)更大一些有助于覆蓋用戶與其設(shè)備交互的環(huán)境和環(huán)境，通常不會給予他們?nèi)褙炞⒌淖⒁饬Γㄕ垍㈤喠私馐褂铆h(huán)境）。