移動設計吸引和轉換用戶的7個技巧

隨著移動設備的出現，設計師不得不改變他們的方法。打印轉向數字化，設計師發現了人們與像素制作的內容進行交互的新方法。而現在，移動設備已超越臺式機作為我們的網絡窗口。以下是設計師在今天的小屏幕上吸引和轉換用戶的七個技巧。

1.設計移動設備

設計師們主要為龐大的桌面顯示器設計產品。這些提供了一個廣闊的畫布，為設計師提供了很多工作空間。限制迫使一種更實用的方法，減少視覺混亂和無意義的裝飾。

任何網站設計的起點都應該考慮網站可能顯示的最小屏幕。在較小屏幕的限制下工作將在各種設備上創建一致的體驗。

在為移動設計創建線框之前，請確保：

編譯必要的內容并定義如何組織

為每個部分創建標題

確定號召性用語及其展示位置

規劃您將使用的交互式元素的類型

并計劃所有這些元素將如何在單列設計中流動。

2.使用手勢微交互和動畫

移動意味著更小的屏幕空間，這使得內容和交互元素脫穎而出并清楚地傳達其目的非常重要。微交互是可用性的一小部分，激發了某人立即采取行動的反饋。

我們在沒有考慮的情況下豎起大拇指或心臟，公開我們的批準。我們在約會應用程序上向左或向右滑動，并立即得到有人喜歡我們的消息（喘氣！）。微交互使交互性快速直觀 - 它們是許多網站和應用程序的決定性時刻。

基于滾動的交互就像微交互一樣：它們為我們手中的平面屏幕添加了動作。他們將動態元素添加到設計中并充當指南，吸引用戶的注意力，將其引導到您想要的位置。

3.保持簡單

在網站設計移動設備時，將所有內容都拆分為基本組件。這意味著帶走不必要的項目，如圖形和繁忙的動畫，不會增加用戶體驗。極端陰影和其他模擬三維的圖形被拋在一邊，以實現更實用的設計。

相反，使用引人注目的顏色和充足的負空間。結合簡單的排版，這可以使設計方法易于導航和快速加載。

4.快速加載時請注意

臺式機擁有更快的處理器，更強大的計算能力，并且無需在縮小的3G連接中填充兆字節。它們可以容納更大的文件大小，如長視頻剪輯。您不希望有人登陸您的網頁，只會被未針對移動設備優化的文件陷入困境。

在為設計準備視覺效果時，請確保：

使用組合良好，整潔，有意義的圖像

使用Photoshop等照片編輯軟件優化所有圖像

使用適當大小的比例圖像進行布局

使用高質量的背景視頻，但僅在必要時 - 大多數移動設備甚至無法顯示這些視頻

5.記住手機制作您的內容

移動設備改變了我們體驗網絡的方式。我們隨時隨地有一個快速的時間窗口。內容需要分成小塊，在短暫的參與過程中很容易被消化。正如視覺設計元素需要精煉到只需要的東西一樣，內容也是如此。這意味著制作簡短，直接，清晰的句子和段落。

內容組織在移動設備上更為重要。每個部分都應無縫地流入下一部分。不應該有內容的變化。當有人滾動瀏覽內容時，一切都應該有意義。一個想法需要邏輯地流入下一個想法。

6.以正確的方式使用彈出窗口

彈出窗口是轉換的重要工具，他們需要使自己的外表變得有用，而不是分散注意力。彈出窗口需要的不僅僅是一般的提示 - 它應該與您的品牌個性保持一致，并啟發一個特定的行動，讓讀者獲得一些東西。即使它將來只是更多的免費內容。

彈出窗口需要錨定到特定內容。不要在每個頁面的頂部不加選擇地顯示，而是將它們編織到內容的結構中。彈出窗口應該在所呈現的內容中有意義。

7.使用多步驟表單

表格可能既費時又乏味。我們當中有多少人填寫過每一個字段并點擊提交只是為了讓憤怒的紅色文字告訴你一些錯誤？隨著內容領域的擴展，很容易錯過一些東西。

多步驟表單的開發簡化了輸入信息的過程。有一種邏輯流，一種信息的輸入轉換到下一種信息。多步形式對于移動設備尤其有用。讓用戶輕松地設置帳戶，申請工作或填寫約會檔案。

移動設計是關于簡單性的

移動設計改變了可用性標準。曾經很好用于桌面的東西現在被認為是麻煩的。移動設計消除了不必要的裝飾，并找到了更直接的路線來引導用戶瀏覽內容。有些人稱之為約束，我們可以將其視為改善人們體驗網絡的機會。