移動優先營銷:網頁設計師如何做出貢獻

已發表: 2019-04-03

幾年前,沒有人會想到移動優先的東西會存在。 畢竟,誰能在這些小屏幕上做任何事情,更不用說閱讀內容、購物或其他任何事情了?

但是時代變了,現在我們看到一大群人只在他們的移動設備上消費內容。 當然,他們有台式機——但他們僅將它們用於工作,可能是遊戲或電影。

在閱讀、瀏覽網頁、獲取基本信息時,移動設備成為最重要的工具。 想一想,沒有人說“讓我谷歌一下”然後去他們的筆記本電腦或電腦。 不,大多數人都會拿出他們的移動設備。

這就是為什麼移動和專門為移動創建一切在今天如此重要的原因。 網站、應用程序、公司、銀行——所有這些機構都在追趕潮流,他們正在向客戶所在的地方轉移。

首先是響應式設計,然後是移動友好型,現在,最後是移動優先設計。 雖然它們在某些方面相似,但它們也完全不同。

以下是每個概念之間的一些區別:

  • 移動友好設計:這意味著網站允許用戶在桌面和移動設備上查看和使用相同的東西,而對加載時間的影響很小。 在這種情況下,並非所有功能都可以在移動設備上實現,但它旨在實現。 例如,巨大的照片將被縮小或刪除,水平的照片將被垂直顯示等等。 其他一些功能將丟失,但通常不是必需的。 許多企業首先沖向這種設計。 那些沒有,可能經歷了更短的訪問,更少的訪問和更少的參與。
  • 響應式設計:這是一種網頁設計,其中網頁設計用於各種屏幕尺寸和方向。 這裡的目標是為用戶提供最佳體驗,無論設備類型如何。 因此,移動友好和響應式之間的區別在於,移動友好被認為是對現有設計的補充,而響應式設計是從設計網站的一開始就構建的。 雖然術語相似,但它們產生的結果可能不同。
  • 移動優先:最後,我們有移動優先設計,它消除了設計盡可能大屏幕的習慣,而是首先設計盡可能小的屏幕。 移動網站瀏覽量越來越大,因此該方法認為,最佳體驗應該在最小的屏幕——移動設備上,這一點很重要。 桌面使用量下降,而移動使用量穩步增長。 趨勢表明,重要的是針對您的受眾正在使用的設備進行設計,而不是針對您的受眾不使用的設備進行設計。

從移動作品開始,因為它消除了縮小大屏幕帶來的問題。 添加功能和特性總是比刪除它們並仍然保留功能更容易。 如果您從移動設備開始,那麼您從一開始就受到限制。

以下是移動優先設計的一些好處:

  • 這種方法讓您重新考慮您在網站上真正需要什麼——而不是盲目地填充空間,您將專注於用戶真正需要的東西。
  • 要實現功能,您將只添加最關鍵的內容和功能。
  • 縮小沒有限制——如果您的頁面在移動設備上加載速度很快,那麼它們在桌面上的加載速度也會很快。
  • 較小的屏幕將重點放在內容上,不會分散注意力。

以下是移動優先設計的一些缺點:

  • 在較小的平台上進行設計可能會更加困難。
  • 空間限制了內容。
  • 懸停功能基本上沒用——任何可點擊的東西都需要更大。

網頁設計師如何加入移動優先營銷

企業使用三種不同的營銷策略——內容營銷、電子郵件營銷和社交媒體營銷。 就像您需要首先通過移動設備查看網頁設計一樣,您也必須這樣查看營銷。 這意味著對設計、文本元素等進行大幅削減——所有這些都是為了創造最佳的移動體驗。 您還需要將這些營銷策略變成更容易在線消費的東西。

所以,作為一個網頁設計師,你必須考慮一些事情:

內容營銷

Content marketing

傳統上與博客相關,現在它意味著更多,包括廣泛的內容創作。 許多這些新的內容長度在移動設備上非常好——想想視頻博客或播客。 它們更容易消費,並且在消費者需要時隨時可用。

以下是一些在設計內容時應考慮到移動優先的方法:

  • 刪除側邊欄:側邊欄有點過時了。 繁瑣且幾乎無用,您應該完全切割它們。 在您的內容下方應該有一個指向相關帖子的鏈接,僅此而已 - 滾動瀏覽無需大驚小怪。 這就是使移動用戶能夠專注於他們面前的內容的原因。
  • 使用出色的視覺效果:對於較長的帖子,您應該使用大量圖片。 但是,您需要確保屏幕不會被它們淹沒。 例如,專門為內容創建的一些圖像,特別是如果它們具有相同的風格,應該可以很好地工作。
  • 文字也需要設計:特別是因為格式和結構通常與大屏幕上的不同。 例如,要理解合理的文本會導致許多奇怪的空白中斷,並且它不會很好地與圖像配合使用。
  • 斷句真的很重要:當你的文本沒有斷句時,它看起來就像一堵巨大的文字牆,這不是留住讀者的最佳方式。 冗長的句子、永無止境的段落等等確實會降低你獲得一些讀者的機會。 一個段落應該有 3 或 4 行,在移動設備上可以很好地轉換為 5-6 行。 段落之間的圖像或某種中斷也非常有用。 文本也應該是適合移動設備的大小。
  • 吸引人們:移動用戶的注意力廣為人知,這就是為什麼很難讓他們轉化的原因。 因此,頁面底部始終存在的 CTA 可能是一個好主意。 它使其簡短直接,同時也提供價值。 有時間的人會看,沒有時間的人會點擊鏈接。 涉及一些多渠道策略——使您的產品圖像可固定或易於以其他方式保存。

移動內容的目標是通過轉換完成移動旅程,或者為您的用戶提供一條清晰的路徑,以便他們以後可以通過其他設備找到您。

電子郵件營銷

Email Marketing

電子郵件是銷售產品或服務並出現在受眾(尤其是移動受眾)面前的最有效方式之一。 但是,移動用戶的想法和行為與桌面用戶不同,因此您應該小心為移動設備設計電子郵件。

  • 讓它變得簡單:如果您的電子郵件訂閱者不希望收到長消息,請保持簡短和簡單。 網站提供更多信息,郵件提供快速營銷信息和指向網站的鏈接。

    不要在您的電子郵件中放置多個鏈接 CTA、多個相互競爭的圖像或圖形等。 在文字和設計方面應該有一些對稱性。

  • 使用視覺效果:在理論上寫沒有視覺效果的電子郵件是一個好主意——這些電子郵件看起來像是來自他們的朋友或同事的電子郵件。 但是,在移動設備上,一些視覺效果是必要的。 然而,一封沒有圖片、使用純文本和獨立鏈接的電子郵件看起來非常糟糕。 相反,嘗試通過視覺效果和良好的電子郵件模板設計來吸引註意力。 色彩的飛濺和精美的插圖只會讓您的電子郵件變得更好。
  • 確保您的電子郵件可讀:您的電子郵件的字體應該適合移動設備。 如果它太小,您的讀者將直接跳過它並錯過可能的重要信息。 創建良好的頁面層次結構——為標題、CTA 和文本留出足夠的空間。 每個部分都應該是可讀的並獲得大量的房地產。
  • 使用圖像講故事:雖然純文本可以起到很好的作用,但您的圖像可以發揮重要作用。 由於它們天生擅長吸引註意力,因此您可以在這些圖像上放置一些文字和品牌,并快速輕鬆地傳達信息。
  • 確保您的電子郵件是相關的:移動用戶正在尋找可以帶來精確結果的快速操作。 因此,與其在你的電子郵件中不斷地重複,一次提供幾件事情,不如精確而專注。 只需一項以引人注目的方式提供的簡單報價即可。
社交媒體市場營銷

Social media marketing

社交媒體通常意味著簡明扼要。 一口大小的消息空間有限,這意味著帖子必須通過圖像和視頻進行交流。

它簡短、簡單、簡潔。 一個好的網頁設計可以讓它變得更好。

  • 選擇正確的圖像:由於圖像和視頻在平均移動屏幕上佔用瞭如此多的空間,您應該知道讓這些圖像和視頻發揮作用至關重要。 他們應該有很好的品牌,他們應該在講故事中發揮重要作用。 如果您使用的是用戶生成的內容,您應該確保您可以接受代表您品牌的內容。
  • 請注意您擁有的空間量:對於大多數社交媒體平台,您可以放置​​內容的空間有限。 儘管這些內容最近有所延長,但您仍應關注移動和社交媒體上的空間意味著什麼。 不要讓你的用戶做的比他們必須做的更多。 不要讓他們過於努力地達到目的。
  • 添加標籤——但要明智:標籤在某些社交媒體渠道上並不重要,但在某些社交媒體渠道上卻非常重要。 例如,您在 Facebook 或 LinkedIn 上不需要它們,但您確實需要 Instagram、Twitter、Pinterest 等。 儘管如此,即使在這些平台上,您也應該小心使用它們。 一個強大的標籤比一堆不相關的標籤要好得多。 請記住,主題標籤就像 CTA 一樣突出,因此將它們放在文本中可能會分散注意力。
  • 格式帖子:正確的格式可以使您的文本更吸引人。 表情符號可以幫助更好地傳達信息並提供一些休息空間。 編號列表也是社交媒體的一種選擇。 尋找通過創新格式使您的帖子更具吸引力的方法。

設計可能是善變的,要遵循所有決定你應該做什麼的趨勢可能會很棘手。 然而,為移動營銷設計是現在和未來的確定趨勢。 如果您有興趣擴大工作範圍,您應該開始提供營銷設計,特別是作為您的服務之一的移動營銷。