與臺(tái)式機(jī)和筆記本電腦等傳統(tǒng)設(shè)備相比,智能手機(jī)和平板電腦的出現(xiàn)導(dǎo)致這些設(shè)備上的互聯(lián)網(wǎng)快速使用?;ヂ?lián)網(wǎng)在移動(dòng)設(shè)備上的使用將繼續(xù)增長(zhǎng),并且網(wǎng)站設(shè)計(jì)師需要越來越多地關(guān)注于他們?nèi)绾螢橛脩籼峁┰鰪?qiáng)的體驗(yàn)。但是,僅考慮用戶并不會(huì)帶來任何好處,因?yàn)槟€需要集中精力糾正設(shè)計(jì)網(wǎng)站時(shí)通常犯的錯(cuò)誤。
縮小功能列表
當(dāng)網(wǎng)站設(shè)計(jì)師在設(shè)計(jì)網(wǎng)站時(shí)開始添加太多功能時(shí),很容易偏離主要目標(biāo)。如果您要執(zhí)行過多的功能,則體驗(yàn)標(biāo)準(zhǔn)和布局都會(huì)受到影響。
在計(jì)劃階段,將所有想法記在紙上總是一個(gè)好主意。完成后,您可以遍歷所有要點(diǎn),以確保您不會(huì)錯(cuò)過任何因素。您的主要目標(biāo)應(yīng)該是為用戶創(chuàng)建一個(gè)簡(jiǎn)單易用的應(yīng)用程序。您需要確保添加的功能不會(huì)降低為應(yīng)用程序設(shè)置的標(biāo)準(zhǔn)質(zhì)量。
間距和對(duì)齊方式差
在這種情況下,您可以利用分析精度來確保網(wǎng)站中的每個(gè)元素都正確對(duì)齊。這并不意味著您需要遵循某些特定的網(wǎng)站設(shè)計(jì)技術(shù),在元素的間距和對(duì)齊方式上,整個(gè)網(wǎng)站設(shè)計(jì)應(yīng)保持一致。每個(gè)元素之間應(yīng)有足夠的填充,應(yīng)適當(dāng)利用空白空間。
利用面包屑
您正在瀏覽一個(gè)應(yīng)用程序,并且其中存在有趣的內(nèi)容,那么您將深入四個(gè)或五個(gè)級(jí)別?,F(xiàn)在,您想返回上一級(jí),但是在面包屑中點(diǎn)擊“主頁”級(jí)。您再次需要返回目錄以搜索所需內(nèi)容。標(biāo)題欄上的簡(jiǎn)單“后退”按鈕可以使同一任務(wù)變得容易得多?!昂笸恕卑粹o的設(shè)計(jì)方式應(yīng)使其根據(jù)您進(jìn)入的頁面更改標(biāo)簽。您可以根據(jù)以前的視圖將其命名為“用戶”或“設(shè)置”。
不使用手指大小的敲擊目標(biāo)
設(shè)計(jì)人員經(jīng)常感到有減少按鈕尺寸以適應(yīng)移動(dòng)屏幕中所有內(nèi)容的沖動(dòng)。觸摸尺寸的最低建議為44像素見方。拇指和手指的大小各不相同,對(duì)于小手來說效果很好的東西不一定對(duì)大手來說效果很好。雖然,點(diǎn)擊目標(biāo)大小應(yīng)為44像素正方形,但按鈕輪廓必須具有相同的大小??梢栽黾幽繕?biāo)區(qū)域,以便仍然可以通過不正確的點(diǎn)擊來觸發(fā)按鈕。
帶LOGO的標(biāo)題欄
對(duì)于品牌應(yīng)用程序,LOGO通常位于標(biāo)題欄中,以替換頁面名稱。雖然,這對(duì)于主頁來說效果很好,但是當(dāng)涉及到后續(xù)頁面時(shí),應(yīng)為頁面標(biāo)題保留標(biāo)題欄空間。通過這種方法,用戶不僅可以獲取上下文,還可以獲取整個(gè)網(wǎng)頁上可用的內(nèi)容類型。
不重視可用性測(cè)試
可用性測(cè)試恰好是每個(gè)網(wǎng)站設(shè)計(jì)過程的關(guān)鍵部分。設(shè)計(jì)人員還是傾向于避免使用它,因?yàn)樗且粋€(gè)復(fù)雜的過程,會(huì)花費(fèi)大量時(shí)間。您需要密切關(guān)注它們卡住的地方,以改善這些區(qū)域并使它們更加直觀。有時(shí),即使是最小的變化也會(huì)有很大的不同。
此處提到的這些錯(cuò)誤將幫助您開始為移動(dòng)設(shè)備進(jìn)行準(zhǔn)確設(shè)計(jì)的過程??捎眯詼y(cè)試和完善功能集是在為移動(dòng)設(shè)備進(jìn)行設(shè)計(jì)時(shí)需要重點(diǎn)關(guān)注的兩個(gè)最關(guān)鍵的概念。