切換菜單

- 主頁
- 文章
- 社交媒體
- 移動友好設計：UX 和轉換的最佳實踐

# 移動友好設計：UX 和轉換的最佳實踐

已發表: 2015-10-06
作者
丹尼斯
米羅夫斯基
類別
用戶體驗

手機的增長是天文數字。 根據 eMarketer 最近的一項研究，到 2019 年，北美將有 3.044 億移動用戶。 將這個數字與 2013 年的 2.74 億相比，這類平台已成為網站設計和在線營銷不可或缺的一部分也就不足為奇了。

為了適應不同行業的用戶，您應該採取措施創建一個完全針對移動設備優化的網站版本（如果您還沒有）。 如果沒有適合移動設備的網站，您的品牌幾乎不可能跟上競爭並產生顯著增長。 歸根結底，如果由於用戶在旅途中無法輕鬆訪問您的網站而無法有效地接觸到最有可能的大部分受眾，那麼您將錯過很多的機會。 為了幫助您實現業務目標、保持相關性並最終繼續產生利潤，一個經過良好優化的移動網站至關重要。 當您開始設計過程時，為確保您提供最佳的用戶體驗，花時間考慮可用性以及您的受眾將如何與網站互動是至關重要的。 考慮以下重點介紹的最佳實踐，以創建潛在客戶和現有客戶都可以通過其智能手機和平板電腦輕鬆訪問的用戶界面：

## 定義您的受眾

您的受眾應該是幾乎所有通過移動網站設計做出的決定的重中之重。 畢竟，它們是您首先創建一個的原因。 以滿足觀眾需求和興趣的方式定制您的設計。 例如，也許您的品牌針對的是年長的受眾。 如果是這種情況，您可能希望使文本比平時更大，並使用包含熟悉圖標的更簡單的導航。 另一方面，如果您正在創建一個針對兒童的網站，您需要一個更簡單的用戶界面，以及更大的按鈕，即使是最年輕的受眾也可以輕鬆點擊。

## 使用有意義的設計模式

簡單是移動網站設計的基本規則。 您想確保您的網站簡單明了。 在設計時牢記用戶是至關重要的——您需要一個直觀的界面供您的客戶使用，並且他們可以不假思索地理解。 如果潛在客戶不得不花時間搜索您網站的一個簡單元素，那麼您已經失去了他們。
“漢堡菜單”是一個三行菜單圖標，是這種熟悉感的一個很好的例子。 這是用戶在移動設備上積極尋找的一個符號，因為他們認為它是一個通用圖標，可以引導他們通過您的導航。 專注於熟悉和經典的佈局。 一般來說，沒有必要“重新發明輪子”並開發與用戶習慣完全不同的東西（除非這是網站的目的）。 您的客戶隨時待命。 您不想將它們與過於復雜的導航混淆，或者在它們瀏覽您的站點時將它們與棘手的功能相混淆。 通過保持簡單並堅持能夠實現無縫參與的佈局，讓他們朝著每個轉換點前進。

## 了解您正在設計的設備

當您考慮將要訪問您的網站的設備時，有幾件事情需要記住。 一個重要的關注領域應該是用戶如何實際點擊和滾動您的網站 - 用他們的手指。 手指比鼠標指針大得多，因此您的按鈕應該更大以反映這一點，使用戶更容易實際單擊按鈕。 一個好的經驗法則 - 從字面上看 - 按鈕尺寸約為 30 像素。 談到智能手機和平板電腦，總會有一些技術限制需要考慮。 在大多數情況下，您無法衡量人們每次訪問您的網站時是如何連接到互聯網的——可能是通過 WiFi 或數據連接。 您要確保網站在他們的手機上正確加載，因此有時動畫、高質量視頻或自動播放視頻會減慢速度或分散注意力。 有時最好在移動設備上完全避免這些元素。 如果可能，請遠離疊加層和多個移動窗口。 這些東西會極大地影響頁??面的流動方式，並降低可用性。 任何破壞用戶體驗的事情都可能會中斷用戶的路徑，可能導致他們離開您的網站，或者無法繼續前進。

## 修剪網站

應明智地使用移動屏幕上的空間。 設計師使用的空間比他們在桌面網站上習慣的要少得多，因此在交付內容和消息傳遞時，您必須真正專注於快速和高效。 與您的網站的桌面版本相比，您被迫在明顯更小的空間內完成網站的目標。 刪除在桌面上看起來不錯但在手機上根本不可行的移動體驗的任何功能或效果。 避免跳轉鏈接之類的東西，用戶點擊並從網站頂部帶到底部。 這在手機上可能會令人難以置信的混亂，並且會破壞用戶體驗。 用戶對滾動和長篇內容很熟悉，所以不要害怕使用長滾動條將他們帶到頁面下方，為他們提供有價值的內容來吸收。 話雖如此，這並不意味著您應該用過多的書面副本淹沒您的讀者，或者將內容分解為不同的部分和頁面。 將它們放在一頁上，每行向下移動。

## 易於閱讀

易於閱讀的佈局是成功網站的關鍵組成部分。 由於字體大小而難以消化的內容不會被閱讀，因此不會給你機會證明價值。 切勿在移動設備上使用小文本，否則會導致客戶在嘗試吸收時眼睛疲勞。 取而代之的是，使用易於眼睛的大而清晰的排版。 不要在移動設備上過度使用圖像和其他設計元素，因為這樣做可能會干擾讀者。 有時，如果使用得當，大圖像會產生令人難以置信的影響，但是，您不想壓倒那裡的內容。 與缺乏這些元素的設計相比，具有連貫性消息、大字體和適當間距的簡潔設計將提供更好的用戶體驗。

## 不要混淆桌面和移動

為了使您的移動設計取得成功，桌面和移動設備應該是不同的。 話雖如此，但這並不意味著它們應該包含截然不同的外觀和感覺。 兩者的整體體驗應該相似，但每個版本都應該根據用戶訪問它的方式進行定制。 不可能以完全相同的設計同時滿足桌面和移動訪問者的需求。
為了創建仍然為每個用戶量身定制的一致體驗，首先開發移動設計通常是一個好主意。 如果按照策略設計，移動設計將包含網站的所有核心要素，因此當您轉向桌面版本時，您可以擁有相同的起點，但不斷添加以增強它根據需要更多的設計美學。

## 移動友好的網站設計

移動設計應該幾乎完全關注用戶及其各自的需求。 為了實現業務目標並成功產生參與度和轉化，您的客戶需要訪問一個易於在其設備上使用的網站。 當您創建移動網站時，將最佳實踐整合到您公司的設計方法中，以有效和高效地與您的受眾建立聯繫，這也有利於您的品牌。
此塊已損壞或丟失。 您可能缺少內容，或者您??可能需要啟用原始模塊。
洞察力

##
相關文章

分享，謝謝！
設計更好的註冊表單的 10 個想法

註冊表單是在您的網站上轉換用戶的關鍵部分。 在這裡，我們分享有關如何設計表單的技巧。

閱讀更多
B2B Twitter 策略：增加 Twitter 影響力的技巧

您品牌的 B2B 推特策略是什麼？ 閱讀我們最新的博文，了解有關提升 Twitter 知名度的專家提示。

閱讀更多
增強移動營銷活動的 3 項新舉措

引入了三項創新舉措來幫助提高您的移動營銷活動的有效性。 閱讀我們最新的博客文章，了解如何將它們整合到您的移動策略中。

閱讀更多
博客內容優化：如何提高搜索排名

您的博客文章應該有助於您的業務發展。 通過實施這些技術來吸引您的讀者並提高您的排名，從而使您的內容髮揮作用。

閱讀更多
創建網站規範文檔以支持您的搜索引擎營銷工作的 7 個殺手提示

像建築師一樣思考並製定仔細的藍圖（規範文檔），以幫助指導您的搜索引擎營銷工作。

閱讀更多