現(xiàn)在有很多人都在關(guān)注如何解決移動(dòng)設(shè)備的問(wèn)題，包括移動(dòng)性能問(wèn)題，因?yàn)橛脩?hù)仍然沉迷于他們的手機(jī)。包括移動(dòng)網(wǎng)站、公眾號(hào)、小程序、APP在內(nèi)的設(shè)計(jì)都屬于移動(dòng)設(shè)計(jì)，所以必須關(guān)注用戶(hù)的移動(dòng)體驗(yàn)。
如下，我們提出五個(gè)移動(dòng)體驗(yàn)設(shè)計(jì)技巧，可供參考。

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

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

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

廣告

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