新聞發(fā)布
管理系統(tǒng)對于一般的企業(yè)用戶來講我們的網(wǎng)站只要做到終端適配就可以了,在網(wǎng)站設(shè)計(jì)和網(wǎng)站制作的時(shí)候只需要考慮到頁面能夠正常顯示,然而很少有人關(guān)注到用戶體驗(yàn),這里就涉及到一個(gè)移動(dòng)設(shè)備的可用性問題。
移動(dòng)設(shè)備的可用性更多地取決于它的外觀體積和交互行為。人們使用手指與屏幕進(jìn)行交互,這與使用鼠標(biāo)和鍵盤的傳統(tǒng)桌面體驗(yàn)不同。這意味著移動(dòng)更多的是它的感覺而不是它的外觀。
人們與他們的屏幕互動(dòng),就像他們對有形物體一樣。在移動(dòng)體驗(yàn)方面,舒適性是重要的。沒有人想坐在一個(gè)不舒服的椅子上 - 移動(dòng)產(chǎn)品也是如此,沒有人想要使用導(dǎo)致不舒服的應(yīng)用程序或感覺難以駕馭。
看看正常人類如何使用移動(dòng)設(shè)備?
云智對人們?nèi)绾纬钟泻褪褂檬謾C(jī)進(jìn)行了廣泛的研究。我們并沒有就此止步用戶體驗(yàn)的研究。云智發(fā)現(xiàn)下面顯示的插圖繼續(xù)作為用戶持有移動(dòng)設(shè)備的標(biāo)準(zhǔn),但它并不是唯一的標(biāo)準(zhǔn)。
實(shí)際上,用戶持有手機(jī)的方式有六種:
75%的人只是用拇指觸摸屏幕,不到50%的人單手拿著手機(jī)
基于上述內(nèi)容,很明顯傳統(tǒng)的桌面F形狀圖案在移動(dòng)設(shè)備上不同,用戶在屏幕上橫向移動(dòng),然后是垂直移動(dòng)。
用戶傾向于首先查看他們屏幕的中心,這是幾乎所有智能手機(jī)上容易觸及和用拇指觸摸的。拇指越難到達(dá)屏幕的某個(gè)部分,它就越不準(zhǔn)確。
但是這種情況僅僅只是在手機(jī)上才有嗎?當(dāng)然不是!用戶使用他們的拇指握住平板電腦,這意味著他們沒有像在手機(jī)上那樣握住設(shè)備。
那些內(nèi)容在移動(dòng)端設(shè)計(jì)的時(shí)候需要注意的呢?
我們可以變化所有尺寸以及人們使用它們的方式,這樣一刀切的方式很不恨你,我們可以考慮幾個(gè)原則來提高移動(dòng)可用性:
1.了解您的用戶
我們作為設(shè)計(jì)師傾向于認(rèn)為每個(gè)人都是相同的,并以相同的方式使用設(shè)備。我們需要嘗試避免這些假設(shè)。
此外,我們傾向于認(rèn)為用戶研究是永久性的,但事實(shí)并非如此。用戶正在發(fā)生變化,技術(shù)正在發(fā)生變化,用戶的行為也會(huì)發(fā)生變化。
如上所述,Hoober建立了用戶持有智能手機(jī)的六種方式,您的用戶可以使用一種不太常見的方式。如果您的產(chǎn)品是為老年人制作的,那么他們的藥物很可能會(huì)對他們?nèi)绾尾僮髟撛O(shè)備有獨(dú)特的要求。不同的人口統(tǒng)計(jì)數(shù)據(jù)使用不同的產(chǎn)品,這可能會(huì)影響他們持有和看到移動(dòng)設(shè)備的方式,這是設(shè)計(jì)師非常重要的一點(diǎn)。
2.使用環(huán)境
盡管這與上述內(nèi)容有關(guān),但我必須將其包括在內(nèi)。移動(dòng)意味著“自由移動(dòng)的能力”。大多數(shù)人在使用應(yīng)用時(shí)都沒有完全專注。他們經(jīng)常在與應(yīng)用程序交互時(shí)做其他事情,例如:遛狗,看電視,鍛煉,開車,吃飯等。
人們使用設(shè)備的地方與他們?nèi)绾问褂迷O(shè)備一樣重要。健身或正在運(yùn)行的應(yīng)用程序具有與銀行或食品訂購應(yīng)用程序截然不同的用例。
3.經(jīng)驗(yàn)法則
人們大多使用手機(jī)大拇指,這意味著我們需要設(shè)計(jì)拇指,而不是點(diǎn)擊。屏幕上的所有內(nèi)容都應(yīng)易于觸及,無需伸展拇指或使用雙手。
因此,這就是響應(yīng)式設(shè)計(jì)很重要的原因,并且移動(dòng)設(shè)備上的單列布局更為可取。如果我們使用兩列或更多列,我們將屏幕區(qū)域串起來,我們將內(nèi)容縮小到拇指區(qū)域之外,這使得它更難使用。
4.內(nèi)容優(yōu)先
在網(wǎng)頁設(shè)計(jì)中,我們傾向于首先放置導(dǎo)航,然后內(nèi)容圍繞它,但應(yīng)用程序設(shè)計(jì)是相反的方式。
這是因?yàn)橛脩舨榭春陀|摸屏幕的方式,重要的內(nèi)容應(yīng)位于中心,底部的其他鍵導(dǎo)航控件。
但是,在平板電腦中,這種情況有所改變。由于我們?nèi)匀辉试S用戶使用他們的拇指導(dǎo)航,我們需要確保其余的手指不會(huì)阻止任何內(nèi)容。重要的導(dǎo)航元素需要移動(dòng)到屏幕的兩側(cè)。
5.保持正軌
無論設(shè)備如何,移動(dòng)設(shè)備都需要進(jìn)行觸摸設(shè)計(jì)。但這可能很棘手,因?yàn)闆]有兩個(gè)人擁有相同的拇指大小,并且它不像鼠標(biāo)點(diǎn)擊那么簡單。
用戶體驗(yàn)機(jī)構(gòu)Big Medium的創(chuàng)始人兼Designing for Touch的作者Josh Clark表示,一個(gè)數(shù)字在移動(dòng)可用性方面非常重要:44。
觸摸目標(biāo)是7x7mm,其轉(zhuǎn)換為像素大約等于40.但是為了考慮各種觀看尺寸,44像素是覆蓋觸摸區(qū)域并避免用戶錯(cuò)誤的理想空間。
6.物理和設(shè)備
我們需要讓用戶輕掃,翻轉(zhuǎn),捏合并使用適當(dāng)?shù)奈⒔换?,但我們還需要注意運(yùn)動(dòng)定律。根據(jù)用戶采取的操作,所有響應(yīng)都需要有意義。
微交互將應(yīng)用程序變?yōu)楝F(xiàn)實(shí),并為其提供基于Touch的附加上下文。我近發(fā)表了一篇關(guān)于創(chuàng)建有意義的微交互的文章,在這里我將更深入地討論這個(gè)主題。
7.顯示正確的內(nèi)容
您需要在適當(dāng)?shù)臅r(shí)間向用戶顯示正確的內(nèi)容和適量的內(nèi)容。
這意味著設(shè)計(jì)師應(yīng)該避免同時(shí)使用所有內(nèi)容轟炸用戶,但與此同時(shí),重要的信息不應(yīng)該隱藏在導(dǎo)航背后。
您需要確保滿足終用戶需求的主要內(nèi)容顯示,然后添加控件以允許用戶在需要時(shí)更深入地挖掘。
結(jié)論
移動(dòng)端的設(shè)計(jì)比一個(gè)屏幕或一個(gè)設(shè)備更大,更復(fù)雜,這使得移動(dòng)體驗(yàn)非普遍性。通過遵循可用性原則,設(shè)計(jì)人員可以為用戶提供更愉快和愉快的體驗(yàn),無論他們使用何種設(shè)備。