現(xiàn)在有很多人都在關(guān)注如何解決移動設(shè)備的問題,包括移動性能問題,因為用戶仍然沉迷于他們的手機。包括移動網(wǎng)站、公眾號、小程序、APP在內(nèi)的設(shè)計都屬于移動設(shè)計,所以必須關(guān)注用戶的移動體驗。
如下,我們提出五個移動體驗設(shè)計技巧,可供參考。
技巧一:注重設(shè)計元素的間距
從手機用戶體驗設(shè)計的角度來看,按鍵、互動或可點擊元素必須足夠大,并在設(shè)計中放置足夠遠的距離。
在臺式電腦上,訪問者用鼠標導(dǎo)航,這是一個非常精確的工具,而在移動設(shè)備上,大多數(shù)用戶用的是拇指。拇指通常比你的小鼠標光標要大,而且可能會有點笨拙,尤其是當你一邊走路一邊瀏覽一個網(wǎng)站或同時進行多項任務(wù)時。
因此,需要在按鈕和元素之間設(shè)計足夠的空間,這樣訪問者就不會有令人沮喪的移動體驗。
還需要考慮可訪問性以及訪客如何拿著較小的設(shè)備。有些人可能用左手拿手機或平板電腦,有些人用右手,有些人用雙手。無論如何,網(wǎng)站設(shè)計需要易于導(dǎo)航。
最后,用戶還會用拇指在設(shè)備上滾動瀏覽網(wǎng)頁,所以你需要確保頁面上沒有大的可點擊元素,以免用戶在滾動時不小心點擊。
技巧二:確保文本和字體的可讀性
首先要選擇易讀的字體。請記住,用戶經(jīng)常在使用較小的設(shè)備時步行、多任務(wù)或外出,他們可能在試圖瀏覽您的網(wǎng)站時處于非理想的場景。
根據(jù)字體大小創(chuàng)建視覺層次結(jié)構(gòu)是幫助移動用戶快速掃描和理解頁面內(nèi)容的另一種方法。它也可以幫助移動或平板設(shè)備,標題文本可能會換行。在整個頁面中使用相同的字體和大小會導(dǎo)致對頁面含義的混淆。
在設(shè)計中,您還可以增加文本行間的行高,以提高頁面的可讀性。
一旦你決定了字體和大小,你還需要考慮顏色對比度。
由于訪客可能在室內(nèi)或室外或在光線不好的情況下,遵循背景和前景顏色對比的標準是很重要的。
建議普通文本的對比度至少為4.5:1,大文本的對比度至少為3:1。
技巧三:確保懸停動畫的最佳效果
由于性能問題,在移動設(shè)備上關(guān)閉復(fù)雜的動畫和視頻背景很常見,因為它們會降低網(wǎng)站的加載時間,尤其是對于移動網(wǎng)絡(luò)上的訪問者來說。2018年,移動頁面速度成為谷歌的排名因素之一,自那以來,這種類型的更改越來越普遍。
一般來說,動畫和交互應(yīng)該以微妙的方式來支持用戶體驗,不應(yīng)該分散訪問者的注意力。它也不應(yīng)該是幫助訪問者完成一個動作的必要成分。
懸停是另一個常見的設(shè)計元素,在移動設(shè)備上看起來可能有所不同。在桌面上,鼠標懸停是指當訪問者將鼠標懸停在某個對象或圖像上時,該對象或圖像會改變或顯示文本。雖然這在大型設(shè)備上很有效,但在移動設(shè)備上,用戶使用的不是鼠標,這意味著用戶必須點擊才能看到鼠標懸停。
技巧四:規(guī)劃彈出窗口和第三方元素的放置
關(guān)于是否在網(wǎng)站上使用彈出式表單,以及是否在移動設(shè)備上執(zhí)行彈出式表單,一直存在很多爭論。
在移動設(shè)備上避免彈出式表單的一個理由是,訪問者很難關(guān)閉該表單或消息。在與客戶討論彈出式表單時,可以權(quán)衡所有這些元素,并決定表單設(shè)計的最佳用戶體驗。當采取移動智能設(shè)計方法時,考慮如何將元素放置在更小的設(shè)備上是很有幫助的。例如,屏幕右側(cè)的粘性按鈕在桌面上可以作為訪問者滾動,但這些類型的粘性元素會使移動設(shè)備上的視圖空間更小。
雖然一些元素,如實時聊天和可訪問性小部件可能會在最后一刻添加,但在網(wǎng)頁設(shè)計過程的早期規(guī)劃這些可以幫助避免混亂的用戶界面。
技巧五:重新考慮表單設(shè)計和布局
在移動設(shè)備或更小的平板電腦上填寫和提交表單對訪問者來說可能是一項煩人的任務(wù)。這就是為什么在網(wǎng)站設(shè)計中考慮表單的替代選項是至關(guān)重要的。
當創(chuàng)建移動菜單導(dǎo)航時,可以考慮在標題中包含一個“點擊呼叫”的電話號碼,這樣訪問者可以很容易地到達企業(yè)。
在設(shè)計網(wǎng)站上的所有表單時,盡可能減少表單字段的數(shù)量是桌面和移動設(shè)備的最佳實踐——并清楚地指出哪些是必需的字段。
移動表單體驗的一個技巧是設(shè)計表單標簽,而不僅僅是為表單字段使用占位符文本。移動設(shè)備上的訪問者很容易被其他通知和交互打斷,所以他們可能會在表單完成過程中被打斷,忘記占位符文本所列出的內(nèi)容。
最后,表單在頁面上的位置以及如何通過響應(yīng)式布局進行調(diào)整是至關(guān)重要的,因為表單的位置可能會影響轉(zhuǎn)換。
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自http://m.oulysa.com/news/6005.html