
從用戶體驗的角度來講,單頁面設計既有好處也有壞處,但用戶喜歡瀏覽這些網站,這已經是需要考慮的事情了 。
每個人都喜歡單頁面設計 。這種設計趨勢就像某種化學反應,迅速地傳遍四周 , 并且一直在增長,許多網站都開始采用單頁面的設計方式 。在很久以前,單頁面不會讓你為之驕傲 。它們只是單純地傳遞信息的“名片”而已,顯得廉價、無趣 。
但現在作為設計趨勢的單頁面完全不同了 。它從設計中移除了雜亂的元素,保留簡潔但又不失美麗的用戶界面以及簡明能讓人關注的內容 。從用戶體驗的角度來講 , 單頁面設計既有好處也有壞處,但用戶喜歡瀏覽這些網站 , 這已經是需要考慮的事情了 。
雖然沒有證據,但一些專家在爭論單頁面站點比傳統的多頁面配合導航的站點有更高的轉換率 。我能找到的研究案例只有37signals 。研究證明單頁面相對于老式的多頁面注冊率高出37.5% 。
的確,沒什么好令人吃驚的:
單頁面設計最大的挑戰就是讓用戶保持滾動 。用高清圖片、醒目的顏色和漂亮的字體來抓住用戶的注意力 , 但也不總是有足夠的能力挑起用戶的興趣 。通過一些A/B測試和用戶數據分析 , 你就能找到通往用戶心中的路 。接下來就一起看看能讓單頁面網站更加友好的幾個小技巧吧 。
1.將內容分割成小塊
當你只有一個頁面來展示你的故事的時候,不要讓用戶淹沒在大量信息中就顯得至關重要了 。不要害怕使用折疊和多區域顯示內容 。讓信息和媒體元素從頭至尾地保持簡潔凝練 。更重要的是,單網頁的內容應該有邏輯連續性和一定的順序(發生的事件--原因--怎樣發展的--地點--時間) 。
另一個讓用戶遵從你的引導的方法就是同時使用圖片視覺和文本內容 。講故事是一種強有力的傳遞內容的方式 , 同時也是內容營銷的趨勢 。它將平凡小事融入到信息中 , 使其更加貼近用戶的生活 。這可不代表你需要雇傭一個小說家 。只需要多注意內容的情態表達以及嘗試將東西寫得更人性化 。
2.為快速訪問設計非傳統的導航
單網頁通常只有滾動,有時甚至是無止盡的滾動 。就像潛入了深邃的海洋,不知道你會走多遠 。保持用戶有跡可循的安全性:將滾動和傳統的導航系統結合起來 。普遍的做法是在頁面頂部設置固定的導航條,不管滾動多久它都保持在頂端 。這種方式也增加了易用性 。固定導航條相比傳統的面包屑導航更具有可視性和交互性 。
如果你的單網頁站點很長,那么擁有“回到頂部”按鈕和垂直滾動條就變得很有意義,它可以讓用戶快速回到頂端和訪問網頁的其他區域 。
3.強烈的行動引導
如果你問一個數字營銷商人在轉換中最有影響力的因素是什么 , 答案幾乎可以確定就是行動引導 。好的行動引導不能說完成全部工作 , 也至少完成了一半的工作 。我敢說所有為了特定目標而設計的網站都適用這個原則,不管是移動應用下載 , 訂單簽訂,演示請求,郵箱注冊或者更簡單的聯系方式的提交 。無論什么目的,行動引導的質量決定機遇 。
單網頁成為設計焦點使其在行動引導方面做得更好 。在單網頁中 , 少量的文本和多媒體元素不會使用戶脫離主要目標 。同時 , 通過良好的敘述引導用戶瀏覽網頁一直到重點信息區域,在那應放上強烈的行動引導標識 。
再強調一次,安排一些A/B測試來決定哪種引導才是最適合網站的,因為有時候微小的改變,如:顏色、位置、措辭都會帶來意想不到的變化 。
4.保持簡單,不是單調
傳統的多頁面網站很漂亮是因為它有一個設計主題以及很多可用的內頁面模版 。設計單頁面站點更具有挑戰性同時有更多創造性的空間 。隨著近期CSS3,HTML5和Javascript的發展,使開發簡單但吸引人的網站擁有了無限的可能性 。添加一些小動畫和漂亮的、流暢的過渡都只是細節問題,但不要忘記好的用戶體驗并不只是細節 。
5.保持輕巧
單網頁站點的一個缺點是加載時間慢 。當只有一個頁面傳送內容的時候,通常站點會變得很沉重,需要更多時間來加載 。接著上一點來說,就是不要在網頁上使用太多不必要的動畫和其他會嚴重影響加載速度的設計元素 。節省用戶的時間是你的首要工作 。緩慢的加載速度也會影響你的網站優化,很明顯,網站優化可不是單頁面網站的最大壓力源 。對于你來說,需要更多的精力和努力讓網站能被Google蜘蛛捕獲 。
單網頁設計在吸引和引導用戶方面是很強大的 。但十分依賴商業類型和網站目的 。通常,單網頁設計最適用于單響應式的站點,如應用下載,單個物品購買,捐贈等等 。但不要被常規所限制,畢竟這都是別人的經驗不一定適合你 。
【網站單頁面設計的五大技巧!】
