移動設備作為各種在線活動的主導平台的出現意味著比以往任何時候都更加重要 特別注意它. 用戶習慣的這種轉變凸顯了人們消費內容的方式的變化，一般來說，什麼對他們有吸引力，以及他們如何參與內容。 為了反映這一點並滿足受眾的需求和願望，有必要仔細考慮在線內容在移動設備上的呈現方式。 這將同等程度地涉及技術和創意元素，並且您可能需要考慮很多方面 - 在這裡我們討論良好用戶體驗的重要性以及實現它的最佳方法。
用戶體驗
如前所述，用戶在移動設備上消費內容的方式與在桌面上完全不同。 例如，他們通常會在旅途中，時間很少或同時處理多項任務，當然，他們會在小得多的屏幕上閱讀。 簡而言之，他們尋求信息的便利性和清晰度。 因此，為了呈現真正適合移動設備的內容，用戶體驗必須放在您的方法的首位。
- 活潑的標題。 屏幕較小，空間就非常寶貴。 不要把時間浪費在長標題上——刪去不必要的填充詞，並保持它們的尖銳和切題。 這具有激發人們興趣和節省寶貴屏幕空間的雙重目的。
- 繼續向下滑。 向下滾動以進一步閱讀感覺更自然，並且比加載新頁面的勞動強度要小得多。 如果您的內容確實必須分頁，請通過允許滑動或至少提供易於訪問的下一頁鏈接來使其盡可能簡單。
- 直接風格。 與標題和標題一樣，任何書面內容都應牢記短暫的注意力。
- 多媒體。 雖然視頻、音頻和 .gif 圖像是吸引用戶的好方法，但它們應該是可選的，以避免懲罰較小的數據限額。
- 壓縮圖像。 將文件大小保持在最小限度，以減少頁面加載時間，並小心指定適合移動顯示的大小尺寸。
移動網站還是響應式設計？
就網站佈局而言，有兩個主要選項可以以適合移動設備的方式提供內容：單獨的移動網站（例如“m.website.com”）或響應式網頁設計。 這兩種方法都可以幫助實現前述的用戶體驗目標，但後者比後者更有效。
雖然 m.sites 過去很流行，但現在 充足的理由 拋棄他們。 首先，維護兩個單獨的網站（通常具有相同的內容）要困難得多 - 您不可能對這兩個網站給予相同程度的關注。 儘管網絡空間變得越來越容易管理，通過託管來自 像 1&1 這樣的老牌公司, 你越能集中精力越好。 此外，m.site 需要從您的主網站進行重定向，這從根本上不利於 SEO，並且會損害您在 Google 中的排名。
響應式設計 通過允許您根據所使用的設備將不同的 CSS 規則應用於相同的核心 HTML 代碼，可以避免這些問題。 通過使用元名稱=“viewport”標籤，您可以告訴瀏覽器如何調整內容的尺寸，以便更適當地縮放。 與 m.site 相比，這裡的主要優勢是其流動性 – 無需為基本相同的內容重新設計整個頁面，並且從桌面到移動設備的過渡對於用戶來說是無縫的。
此外，您保留使用單個 URL，這極大地簡化了跨平台共享以及機器人抓取您網站的能力。 由於這些優勢，響應式網頁設計的統一方法是移動用戶體驗的前進方向。
