設(shè)計(jì)師必知的五個(gè)移動體驗(yàn)設(shè)計(jì)技巧

現(xiàn)在有很多人都在關(guān)注如何解決移動設(shè)備的問題，包括移動性能問題，因?yàn)橛脩羧匀怀撩杂谒麄兊氖謾C(jī)。包括移動網(wǎng)站、公眾號、小程序、APP在內(nèi)的設(shè)計(jì)都屬于移動設(shè)計(jì)，所以必須關(guān)注用戶的移動體驗(yàn)。
如下，我們提出五個(gè)移動體驗(yàn)設(shè)計(jì)技巧，可供參考。

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

網(wǎng)頁題目：設(shè)計(jì)師必知的五個(gè)移動體驗(yàn)設(shè)計(jì)技巧
文章鏈接：http://www.bm7419.com/news10/247710.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、網(wǎng)站收錄、網(wǎng)站排名、云服務(wù)器、自適應(yīng)網(wǎng)站、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)