單頁設計,是一項處理小型網站的絕佳技巧,甚至有些網站你可能認為一張頁面搞不定,也同樣適用。從易於維護,到減少帶寬佔用,使用單頁網站的好處不勝枚舉。
假如你應對的是個小型網站,通常只有幾個頁面的那種,可以考慮使用單頁設計,看看它是否能簡化專案,對用戶更加友好。繼續閱讀,你將瞭解它的益處,何時使用(或不該使用),還有一些你該遵循的絕佳慣例。
單頁設計的益處
很顯然,單頁設計並非所有專案的理想選擇。但假如可能的話,有一大堆理由使用它。
直觀易用
默認情況下,用戶要流覽單頁網站,只要知道如何滾動就行。你也可以加入箭頭或其他流覽暗示,但除了少數例外,其實滾動就足以讓用戶在各部分間穿行。
完全不用擔心用戶身陷多層導航中,無休止地尋找他們所要的東西。如果頁面上有多個部分,頁頭或其他導航鏈接通常很有幫助,不過即使沒有它們,網站仍然是可用的。
維護起來更快速、更簡單
這點並非既成事實,編碼良好的單頁網站,或許編寫起來比多頁網站更快。設計過程有時可以花更少的時間,儘管這取決於單頁網站的複雜程度。
一旦你腦海中有基本的佈局,單頁網站還能利用某些特定的設計約束來加快進程。尤其較之於多頁網站而言,單頁網站各個部分要保持無縫銜接。如果你已經明確哪些能做哪些不能,這類約束的確能加速頁面開發。維護也更簡單。當你只需要處理一個頁面,維護工作就大大簡化了,只要網站本身編碼良好。
它迫使你進行簡化
這條構築了上面一點。當你只有一個頁面要處理,你不得不把一切簡化為它們最基本的形態。不再需要一頁頁毫無用處的市場宣傳。你必須直截了當、開門見山。
更具SEO潛力
高質量的站內鏈接,是網站在搜索引擎中的表現的重要組成部分。儘管搜索引擎並不是很多網站必須的最大流量源,它們仍然重要。單頁網站的鏈接總是指向自己。搜索引擎抓取時,這可以增加網站的權重。
敘事的手法促使用戶有所行動
單頁網站往往從敘事角度出發,這點多頁網站可不擅長。這可以促進轉換,激發用戶採取行動。
人們習慣於聆聽故事,不論線上上還是線下,所以這點有著顯而易見的用戶體驗優勢。我們兒時就開始閱讀和聽故事,於我們而言,這是自然而然的事情。
易於組織
再也不需要組織一列列數不清的頁面和子頁面了。無需多慮每個頁面是父級還是子級。也沒有龐雜的導航菜單和子菜單。所有都在一頁上。是要包含導航鏈接,還是讓用戶滾動,這取決於你,就看是否有助於提升用戶體驗。網站如果有多個頁面,是絕對不會這麼考慮的。
減少帶寬佔用
儘管不像從前,對伺服器而言已經不成問題,不過想想近年來有多少用戶通過移動設備訪問你的網站。減少網站的帶寬佔用,會贏得流量有限的用戶的感激。
消滅了移動版網站
當然,回應式設計不只限於單頁網站。但即使採用了回應式設計,網站越複雜,讓它適應小螢幕還是愈發困難。單頁網站並不複雜,這是必然的。運用回應式設計總體來說更容易。簡化導航和類似改變,也更容易成就適用於小螢幕的設計。
要不要用視覺差滾動?
視覺差滾動可能是互聯網中發生過的最美妙的事情,也可能是個被濫用的噱頭,來蹂躪我們流覽器,這取決於你怎麼看。無論你站在哪一方,它似乎近期並不會消失。
就我而言,我希望有時間和地方來實現視覺差滾動。這個效果對於某些單頁網站大有裨益,而對於另一些則是噱頭,甚至更糟:難以使用。關鍵是要明確一點,你使用視覺差滾動真的能提升網站的易用性嗎,還是因為你覺得它看起來很酷?
如果要使用視覺差滾動,還要考慮一件事,使用Javas cript還是純CSS技術來實現。關於這兩個選擇,請參見資源部分瞭解更多資訊。
何時使用單頁網站,何時不用
雖然有單頁網站大有益處,但它們也不是完美的全尺寸適配方案。雖然很多時候單頁網站比多頁網站更合理,但也有很多時候不應該使用單頁設計。
總之,假如你的網站只有少數頁面,單頁網站或許是最佳選擇。將一切濃縮在一個頁面上,能讓網站整體具有更現代的外觀,如果內容精簡,那麼單頁網站可以讓它看起來更豐富。單頁網站的另一個普遍案例,就是發佈預告頁面。它們通常是單頁網站,帶有新聞郵件的註冊表單。多數情況下,發佈預告期間面向大眾的資訊很容易組織在一個頁面上,所以,設計這些頁面時優先考慮這種風格是很合理的。