對于眾多網站設計師而言,是選取單頁面還是多頁面的設計,可能會極其的棘手。隨著手機端和社交媒體的興起,簡易火速響應迅速的單頁網站,成為了目前網站設計的趨向。另一方面,傳統的多頁設計也因其廣泛的認知,而被廣大客戶所認同。
所以,真確要在二者之間做取舍,并不容易。單頁和多頁式的設計哪個更好,影響原因許多。網站的內容怎樣鋪排,導航怎樣運營,整體的戰(zhàn)略和需求,開始點,都會影響到選取的決策。不過,內容始終是最中心的影響原因,從內容著手,解析哪種導航,哪種部署更適合,是一種合理的戰(zhàn)略。
當然,詳盡怎樣做,看下去,這篇文章會給你結論。
一、單頁網站
單頁網站,顧名思義,指的是網站本身并沒有采用多頁式的部署,而是將內容都放置在單個頁面上,諸如我們常見的「關于」「聯絡我們」等分頁都是不存在獨立分頁的。
正如 Awwwards 所解釋的那樣,單頁式網站將內容完全統籌在一頁當中,使得整個體驗更加流暢??蛻衾脝雾搩鹊膶Ш酵瑯幽軌蚧鹚俣ㄕ{,滾動瀏覽也很容易。
單頁網站在為客戶提供內容的時候,其信息和內容都是經過挑選和管控的,確保更符合閱讀和瀏覽。這也是為何絕大多數的產品頁面、作品集和事件關聯的頁面會采用單頁設計。在這樣的情形下操作單頁設計可以最大程度降低信息噪音的影響,讓客戶專注于最關鍵的內容。
1. 單頁網頁設計的優(yōu)勢
為何那么多人會選取單頁設計呢?的確,單頁網站更容易了解,拆分出來的區(qū)塊也不算多,客戶也很容易消化。
單頁設計更容易直觀地體現整個客戶歷程。不需要額外的頁面加持,訪客能夠直觀而清晰地感知到整個信息流,如果體現故事的話,起承轉合是極其的順暢的體現。
單頁設計的另外一個優(yōu)勢,是交互足夠簡易。研討表面,單頁網站比多頁網站的轉換率要高37.5%,客戶能夠更快地瀏覽,更快地獲得信息,不會由于頁面和復雜的交互而分心。
單頁式網站在手機端上的優(yōu)點也更加明顯。在小屏幕匹配上更加精簡直觀的內容,加上簡易而自然的滾動交互,客戶體驗可謂是輕易而舒適。
但是,這還不是全部。設計師從中同樣獲取不少益處:再也不用提升來回跳轉的鏈接和頁面了,工作量沒那么大,頁面功能也更容易實現,也便于迭代和維護。
2. 單頁網頁設計的劣勢
單頁網站的劣勢和優(yōu)勢同樣突出。單頁網站的缺陷緊要呈現在幾個不同的方面。
單頁網站在 SEO 上的優(yōu)點并不大。事實上,在網站排名這個事宜上,單頁網站先天就競爭力瑕疵,這也造成借由搜索引擎進入網站的打開率相對較低。因為內容較少,目標關鍵詞在單頁網站上常常會被忽視掉。
另外,單頁網站也不是發(fā)展型品牌在設計網站時候的首選,由于它的擴展性是對照有限的。正如同我們所看到的那樣,單頁網站的關注度相對較低,不合適大量內容的、信息構架復雜的網站來操作。因此,如果你正在運作一個不大的網站,但是有方案實行多方面拓展的話,盡量選取多頁網頁設計。
最后,網站本身通常只會有一個 URL地址。這本身并不存在問題,可是當你需要利用諸如 Google Analytics 來解析網站數據的時候,內容并不是通過鏈接來區(qū)分的,這使得你所獲取解析數據是極其有限的。
二、多頁網站
多頁網站包括有多個子頁面。與單頁網站不同,多頁網站的設計中需要利用導航來承載不同頁面的鏈接。
多頁網站幾乎可以承載所有類別的網站項目,諸如 Amazon 這樣的電商網站,諸如 Atlassian 這樣的儀表盤式的網站,也能夠滿足 Lynda 這樣的在線進修網站的需求。
1. 多頁網頁設計的優(yōu)勢
和單頁網站相比,多頁面的網站的優(yōu)勢緊要呈現在三個方面:
首先,多頁面網站有著明顯更強的拓展性。按照需求創(chuàng)立幾乎任意數量的子頁面,設計師可以通過統籌來創(chuàng)作出可用的導航系統。諸如電商網站,會采用一個大型的自定義導航菜單,搭配上搜索框,客戶能夠借此抵達幾乎每一個頁面和產品。當然,值得留意的是,導航的設計應當取決于網站的縱深,這個需要設計師仔細衡量和把控。
其次,多頁面網站的導航環(huán)節(jié),更容易遵循。多頁面的網頁設計早在90年代就已經產生了,客戶對于這類網站的操作方式早已熟悉,它們的操作已經成為一種約定俗成的形式,遵循即可。
最后,多頁面的站點在 SEO 上有著更多的功能和突出的優(yōu)點。我們都能確立,多頁面的網站比單頁網站更容易承載更多的內容,在搜索引擎優(yōu)化上也有更多的潛能可供挖掘,能夠承載更加多樣的營銷戰(zhàn)略。
2. 多頁網頁設計的缺陷
事物一直具備兩面性的。多頁網站的劣勢也是不能規(guī)避的問題。
多頁面網站需要更加頻繁、工作量更大的維護,這無論是對于設計團隊、開發(fā)團隊還是內容團隊而言,都是頗為繁重的工作。在選取單頁面還是多頁面的網站的時候,需要思考內容的體量和工作量,作出合理的衡量。正如同 Undsgn 所說:「更新和維護單個頁面比處理多個頁面要容易得多,基礎的數學規(guī)律你是違反不了的!」尤其緊要的是,追求數量而輕視質量對于公司而言是極為不利的。
另外一個需要留意的問題就是網的跳出率。按照《Search Engine Journal》的統計,擁有大量內容的網站相對而言加載速度會更慢,客戶留意力更容易被分散,這會造成網站的跳出率提高。固然并非每個多頁面網站都會被內容所拖累,但是內容和信息量的提升是必然會帶來留意力的分散,這個是需要留意的。
最后,多頁面網頁設計在手機端上,也沒有單頁設計那么友好。和單頁不同,多頁面網站即使是通過響應式設計在手機端上體現,在交互和界面上所耗費的時間也是更長的,所達到的效益卻不務必理想。你會為了手機端上的統一性,而犧牲桌面端上的有些設計么?
三、最好修復計劃
其實今天的文章,我們的目標是通過介紹單頁設計和多頁面設計之間的差別,讓你可以在設計上作出更好的決策。簡易總括一下:當你的網站功能對照集中,關注度也較低的時候,單頁設計會極其有用,它也是手機端網頁的首選計劃。如果你需要復雜的、多功能、可拓展式的網站,那么還是采用傳統的多頁式設計,結合合理的導航設計,并且加入靠譜的 SEO戰(zhàn)略。
選取單頁還是多頁,許多時候需要靈活應變,因地制宜,內容始終是網站的靈魂,多思考客戶打開網站時候的操作場景,或許整個局面就很明朗了。