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

　　現在有很多人都在關注如何解決移動設備的問題，包括移動性能問題，因為用戶仍然沉迷于他們的手機。包括移動網站、公眾號、小程序、APP在內的設計都屬于移動設計，所以必須關注用戶的移動體驗。

　　如下，我們提出五個移動體驗設計技巧，可供參考。

　　技巧一：注重設計元素的間距

　　從手機用戶體驗設計的角度來看，按鍵、互動或可點擊元素必須足夠大，并在設計中放置足夠遠的距離。

　　在臺式電腦上，訪問者用鼠標導航，這是一個非常精確的工具，而在移動設備上，大多數用戶用的是拇指。拇指通常比你的小鼠標光標要大，而且可能會有點笨拙，尤其是當你一邊走路一邊瀏覽一個網站或同時進行多項任務時。

　　因此，需要在按鈕和元素之間設計足夠的空間，這樣訪問者就不會有令人沮喪的移動體驗。

　　還需要考慮可訪問性以及訪客如何拿著較小的設備。有些人可能用左手拿手機或平板電腦，有些人用右手，有些人用雙手。無論如何，網站設計需要易于導航。

　　最后，用戶還會用拇指在設備上滾動瀏覽網頁，所以你需要確保頁面上沒有大的可點擊元素，以免用戶在滾動時不小心點擊。

　　技巧二：確保文本和字體的可讀性

　　首先要選擇易讀的字體。請記住，用戶經常在使用較小的設備時步行、多任務或外出，他們可能在試圖瀏覽您的網站時處于非理想的場景。

　　根據字體大小創建視覺層次結構是幫助移動用戶快速掃描和理解頁面內容的另一種方法。它也可以幫助移動或平板設備，標題文本可能會換行。在整個頁面中使用相同的字體和大小會導致對頁面含義的混淆。

　　在設計中，您還可以增加文本行間的行高，以提高頁面的可讀性。

　　一旦你決定了字體和大小，你還需要考慮顏色對比度。

　　由于訪客可能在室內或室外或在光線不好的情況下，遵循背景和前景顏色對比的標準是很重要的。

　　建議普通文本的對比度至少為

　　4.5：1，大文本的對比度至少為3：1。

　　技巧三：確保懸停動畫的最佳效果

　　由于性能問題，在移動設備上關閉復雜的動畫和視頻背景很常見，因為它們會降低網站的加載時間，尤其是對于移動網絡上的訪問者來說。2023年，移動頁面速度成為谷歌的排名因素之一，自那以來，這種類型的更改越來越普遍。

　　一般來說，動畫和交互應該以微妙的方式來支持用戶體驗，不應該分散訪問者的注意力。它也不應該是幫助訪問者完成一個動作的必要成分。

　　懸停是另一個常見的設計元素，在移動設備上看起來可能有所不同。在桌面上，鼠標懸停是指當訪問者將鼠標懸停在某個對象或圖像上時，該對象或圖像會改變或顯示文本。雖然這在大型設備上很有效，但在移動設備上，用戶使用的不是鼠標，這意味著用戶必須點擊才能看到鼠標懸停。

　　技巧四：規劃彈出窗口和第三方元素的放置

　　關于是否在網站上使用彈出式表單，以及是否在移動設備上執行彈出式表單，一直存在很多爭論。

　　在移動設備上避免彈出式表單的一個理由是，訪問者很難關閉該表單或消息。在與客戶討論彈出式表單時，可以權衡所有這些元素，并決定表單設計的最佳用戶體驗。當采取移動智能設計方法時，考慮如何將元素放置在更小的設備上是很有幫助的。例如，屏幕右側的粘性按鈕在桌面上可以作為訪問者滾動，但這些類型的粘性元素會使移動設備上的視圖空間更小。

　　雖然一些元素，如實時聊天和可訪問性小部件可能會在最后一刻添加，但在網頁設計過程的早期規劃這些可以幫助避免混亂的用戶界面。

　　技巧五：重新考慮表單設計和布局

　　在移動設備或更小的平板電腦上填寫和提交表單對訪問者來說可能是一項煩人的任務。這就是為什么在網站設計中考慮表單的替代選項是至關重要的。

　　當創建移動菜單導航時，可以考慮在標題中包含一個點擊呼叫的電話號碼，這樣訪問者可以很容易地到達企業。

　　在設計網站上的所有表單時，盡可能減少表單字段的數量是桌面和移動設備的最佳實踐并清楚地指出哪些是必需的字段。

　　移動表單體驗的一個技巧是設計表單標簽，而不僅僅是為表單字段使用占位符文本。移動設備上的訪問者很容易被其他通知和交互打斷，所以他們可能會在表單完成過程中被打斷，忘記占位符文本所列出的內容。

　　最后，表單在頁面上的位置以及如何通過響應式布局進行調整是至關重要的，因為表單的位置可能會影響轉換。