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