設計師必知的五個移動體驗設計技巧

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

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

網(wǎng)頁題目：設計師必知的五個移動體驗設計技巧
文章鏈接：http://www.muchs.cn/news10/247710.html

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

廣告

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