單頁設計已然是網頁設計的大趨勢了,許多流行的設計元素和設計方法都逐漸與這種網頁設計手法融合到一起,越來越多的設計師和企業機構開始選擇單頁網站作為他們溝通世界的門戶,而多使用者也開始接觸越來越多的形式多樣的單頁網站。
單頁網站導航方式簡單,多使用者不易迷路,只需上下滾動。
單頁網站內容更專注,資訊傳遞更清晰,更有針對性。
單頁網站幾乎可以在全平臺裝置上流暢瀏覽,滾動和滑動瀏覽替代了點選。
而設計單頁網站 zui 大的挑戰在於讓多使用者保持滾動頁面來瀏覽內容。大膽的色彩使用和漂亮的排版並不能一直吸引多使用者的注意力。
這個時候,如果能做好多使用者資料分析和 A/B 測試,能幫您距離多使用者的心理需求更近,設計出更貼合需求的網頁。看過無數的案例和教程,還是做不出好的單頁設計?您需要的,也許就是把握好下面 5 條設計建議,它們就是設計好單頁網站的精髓。 1 、將內容分割成塊
當您打算透過一個單頁來講述一個故事的時候,千萬要注意一點:不要讓故事太拖沓,不要讓資訊過載。
所以,合理切割內容很重要,不要讓過多內容擠壓在一個區塊。從頭到尾都需要儘量保持媒體內容的清晰利落,在設計內容結構的時候,需要保持邏輯通順和順序清晰(what->why->how->where->when)。
另外一種保持吸引多使用者吸引力的方法,就是使用圖文搭配的方式來講故事。故事會將核心內容以跟易於接受的方式表達出來,它的自然邏輯會吸引多使用者讀下去,嚴格來說,它在內容營銷的範疇以內。
這並不是意味著您需要聘請一個寫手來幫您來寫故事,您需要做的是專注內容和它感性的一面,並嘗試讓您的網頁更加人性化。 2 、設計快速訪問導航欄
單頁網站通常是用滾動的方式來瀏覽更多內容的,很多網站乾脆是從頭滾到尾。多使用者開啟網頁,彷彿潛入內容的海洋,壓根不知道網頁的盡頭在哪裡,這種設計的潛在危險在於,它可能會降低多使用者心理上的安全感。
於是,一種比較合理的解決方案就出現了:將傳統的導航欄設計融入單頁設計。導航欄在網頁的頂部或者兩 側常駐停留,隨著滾動而改變,同時提醒多使用者 TA 在什麼位置,同時保證了易用性和內心的潛在訴求。
當網頁足夠長的時候,加上導航、回到頂部按鈕甚至捲軸都可以強化多使用者體驗。 3 、號召多使用者行動
當您問數字媒體營銷者影響轉化率 zui 重要的因素是什麼的時候,答案通常是 “號召行動起來”(CTA)。當然,這種精心策劃的 CTA 行為僅僅只是網站設計的一部分。為了特定的目標,號召多使用者行動的 CTA 行為其實無處不在,吸引多使用者下載 WordPress APP,引導多使用者體驗 DEMO,勾引多使用者註冊、填寫表格,等等等等。這是一個酒香也怕巷子深的時代,會哭的孩子有奶吃,會吆喝才能吸引更多多使用者。
好在單頁網頁中資訊和內容更加集中清晰,所以 CTA 的使用效果也更加明顯。一方面是頁面通常更加簡約,各個部分分工明細,另一方面,當您使用故事來引導多使用者瀏覽的時候,您可以微妙地影響多使用者的心態,在高潮——或者 zui 合理的而地方,來引導多使用者進行操作。
當然,還需要補充一句:做好多使用者資料分析和 A/B 測試,確定網站適合使用哪種 CTA,因為有的時候,即使是字型和色彩的變化,都可能明顯影響轉化率。 4 、保持簡約,避免枯燥
傳統網頁設計中,很重要一個組成部分是設計網站主題,並且為內頁準備若干模板,應對不同的需求。設計單頁網站的時候,您需要面臨更多的挑戰,但是這也意味著您有著更大的創作空間。隨著近年來 CSS3,HTML5 和 JavaScript 的快速發展,單頁設計可以在保持簡約的同時,還能引人入勝。那些靈動而漂亮的的轉場動畫效果都是細節,但是哪個體驗優異的網站不是這些精緻的細節組成的呢?
當然,千萬不要濫用,過猶不及,得不償失。 5 、保持輕量級
一個緩慢而載入時間漫長的單頁網站是失敗的。由於單頁網站上的內容都集中在一個頁面上,所以通常單頁網站會比其他的網站來的更重,跟將就內容載入的技巧。如此一來,您又需要精打細算了。
一些不必要的動畫效果和無關緊要的設計元素,您需要酌情移除,這樣可以顯著縮減載入時間,提高瀏覽體驗。節省多使用者的網頁載入時間是您的首要任務,載入慢不僅會影響網站的搜尋引擎最佳化,還會讓您持續流失目標多使用者。所以,保持多使用者輕量級是很有必要的。
結語
總而言之,單頁設計是吸引多使用者的重要方式,要讓它價值 zui 大化,您不僅需要做好設計,還需要把握上述 5 個重要技巧。
當然,網站的設計在很大程度上取決於網站所服務的企業和機構的特徵,這 5 大技巧的使用也與此息息相關。結合經驗,靈活運用,相信您能設計出令人印象深刻的優秀網頁。