設計移動導航的 7 個最佳實踐

已發表: 2016-04-19

移動設備的使用正以天文數字的速度增長,有一點很清楚:忽略它,您將失去訪問者。

現在,移動用戶的數量超過了通過桌面訪問 Internet 的用戶,但移動用戶和桌面用戶是截然不同的野獸。 移動用戶是移動的。 這意味著他們正在尋求即時滿足,無論是瀏覽您的商店、購買您的服務、查找一些信息還是閱讀新聞。 時間就是生命; 如果他們不能立即找到他們想要的東西,他們就會消失在您的主要競爭對手的網站上。

出於這個原因,設計師以移動優先的心態為他們的移動用戶提供最佳體驗比以往任何時候都更加重要。

導航是實現流暢的移動用戶體驗的核心。

手機導航

移動導航應該是直觀的、易於訪問的,並且由於空間非常寶貴,它不應該佔用太多的屏幕空間。 簡單是這裡游戲的名稱。 雖然八點導航對於台式機來說可能是完全可以接受的,但在移動設備上就有點過分了——它會使屏幕混亂並使最終用戶感到困惑。

最佳實踐移動導航混亂

然而,大多數移動用戶從他們的桌面遷移到移動設備,他們仍然期望在網站導航和外觀方面有一定的標準。 換句話說,你不想過多地擾亂他們的期望。 雖然移動導航通常與桌面網站上的導航不同,但它應該複製基本約定。

以下是有效移動導航的七個最佳實踐技巧。

1.保持菜單簡短而甜美

“說到移動網站上的菜單,少即是多。 ” 如果您超載菜單選項,用戶將面臨決策癱瘓,因為他們試圖決定他們需要哪個選項。 請記住,他們追求即時信息。 如果他們必須瀏覽大量選項,他們只會消失以尋找設計更好的網站。 因此,請確保您的菜單簡短而甜美。

電子商務商店是個例外,因為用戶希望快速輕鬆地訪問不同的購買類別。 但是,雖然您不能減少產品類別,但有一種說法是要從移動菜單中刪除一些標準頁面——例如主頁、聯繫方式和關於——,因為用戶會優先考慮購物。

最佳實踐移動導航菜單

2.包括一個突出的搜索按鈕

簡單和極簡主義是移動設計的關鍵詞。 但是由於空間減少和菜單較短,用戶可能無法快速找到他們想要的東西。 出於這個原因,有一個突出的搜索按鈕,以已建立的鏡子圖標的形式,是至關重要的。

理想情況下,您希望將搜索圖標放在屏幕頂部,這樣如果用戶登陸您的網站以尋找特定信息,他們就可以輕鬆搜索並找到他們想要的內容。

3. 確保容易返回首頁

所有互聯網用戶都熟悉的一個約定是主頁的概念,這對於移動設備同樣重要。 很容易登陸一個網站,點擊幾下,突然忘記你在哪裡,或者當你回到瀏覽頁面時,打了一個電話就忘記了你在做什麼。 主頁圖標是所有用戶熟悉的景象,並為他們提供了返回主頁的簡便方法。

主頁也是一個有用的參考點。 它應該概述您網站上最有用的信息,以便用戶可以重新定位並立即發現最重要的內容。

4. 讓 CTA 顯而易見

您網站上的每個頁面都應該有號召性用語,明確您希望訪問者在登陸後執行的操作。 在移動設備的最小化瀏覽環境中,始終強調您的行動號召至關重要。

遵循 CTA 的基本慣例——清晰、對比鮮明的顏色、獨特、有說服力的文本,並確保它們在視覺上脫穎而出——並將它們放在前面和中心,不能錯過它們。

如果您有電子商務商店,請考慮將“添加到購物車”或“購買”按鈕添加為粘性按鈕,以便在用戶滾動時始終顯示在頁面上。

5.考慮是否需要分享圖標

這似乎很簡單。 畢竟,移動設備上的社交媒體使用量創歷史新高,超過 50 億人僅在手機上使用 Facebook。 然而,Moovweb 最近的一項研究顯示,只有 0.2% 的移動用戶曾經點擊過移動共享按鈕,這比他們在台式機上的點擊量少 35%。 事實上,該研究表明,移動用戶點擊廣告的可能性是通過手機分享內容的可能性的 11.5 倍。

該研究還顯示,如果您想將社交分享作為營銷活動的一部分,Facebook 是首選的目標網絡。 為了獲得最大的成功機會,除了包含針對移動設備優化的共享圖標之外,您還應該包含一個 CTA,要求您的用戶共享信息,甚至可能提供某種激勵措施。

最佳實踐移動導航圖標

6. 盡量減少促銷

正如上述調查中提到的,移動用戶點擊廣告的可能性遠大於分享移動設備信息的可能性。 但這並不意味著您應該在您的移動網站上投放廣告。

相反,由於移動屏幕上的房地產非常寶貴,因此在屏幕上放滿廣告是確保訪問者離開的可靠方法。 促銷活動,無論是您自己的廣告還是您網站上的付費廣告,都可以輕鬆壓倒屏幕上最好的內容和最重要的信息,並使用戶難以導航。 如果您確實想要包含促銷和廣告,請注意不要讓它們接管。

7. 使網站易於觸摸

最後,通過確保您的移動網站是觸摸友好的,確保您的用戶的導航行為是簡單的。 請記住,用戶將使用更大、更笨重的手指進行導航,而不是精確的鼠標。 你的設計應該包含大量的空白空間,並且你的鏈接應該是顯而易見的,並且很容易用手指點擊——目標大小是 44 像素 x 44 像素。

此外,避免不能很好地轉化為移動設備的效果,例如懸停效果,並儘量避免使用彈出消息——它們在桌面上已經夠煩人了,但在移動網站上導航尤其麻煩。

最佳實踐-移動導航-觸摸友好

不可否認,移動設備很大,它對所有網站所有者都至關重要。 確保您了解客戶的主要目標,並使用極簡主義的外觀和移動優先的心態進行精確和有目的的設計。 您不想讓用戶選擇和分心,讓他們癱瘓並趕走他們。

您的目標是實現無縫、直觀的導航,以提升訪問者的用戶體驗。 “憑藉一流的用戶體驗,該網站將吸引更多訪問者並進行更多轉化。 ”

您使用哪些提示和技巧來實現直觀、流暢的移動導航? 我們錯過了什麼重要的事情嗎? 下面告訴我們!