現(xiàn)在，網(wǎng)頁(yè)設(shè)計(jì)整體趨向于單頁(yè)網(wǎng)站設(shè)計(jì)。這種趨勢(shì)是由于對(duì)追求簡(jiǎn)單和速度的推動(dòng)。簡(jiǎn)單的單頁(yè)網(wǎng)站也是一種很好的響應(yīng)式設(shè)計(jì)，并且可以適應(yīng)所有設(shè)備。當(dāng)然，也有很多情況下需要用到多頁(yè)設(shè)計(jì)。比如，快餐網(wǎng)站Chipotle為了便于快速瀏覽菜單，使用的就是多頁(yè)面設(shè)計(jì)。

但面對(duì)很多相關(guān)的利益，很容易落入添加額外的素材或者忽略必要的內(nèi)容這樣的糾結(jié)中。

所以，這個(gè)很難決策是使用單頁(yè)還是多頁(yè)設(shè)計(jì)網(wǎng)站。

一些小提示

大型的網(wǎng)頁(yè)設(shè)計(jì)由于有子網(wǎng)站以及經(jīng)常變化的內(nèi)容變得很復(fù)雜。當(dāng)然，單頁(yè)設(shè)計(jì)的網(wǎng)站也會(huì)遇到類似的問(wèn)題，因?yàn)槟惚仨毾魪?fù)雜的內(nèi)容，展示給用戶簡(jiǎn)潔的內(nèi)容并且不讓用戶感到困惑。

在設(shè)計(jì)用戶體驗(yàn)時(shí)，請(qǐng)考慮適用于任何網(wǎng)站的以下基本要求：

1.你是要提供給多少個(gè)用戶?(信息，產(chǎn)品，或者場(chǎng)景)

2.在網(wǎng)站的層級(jí)結(jié)構(gòu)上哪個(gè)是最重要的元素?

3.如何才能讓用戶盡可能簡(jiǎn)單的使用你的網(wǎng)站?

4.如何讓用戶更愉悅的使用你的網(wǎng)站?

單頁(yè)網(wǎng)站

單頁(yè)網(wǎng)站設(shè)計(jì)有助于讓用戶保持在一個(gè)舒適的網(wǎng)絡(luò)環(huán)境中。

如果所有的內(nèi)容都只適應(yīng)一個(gè)頁(yè)面，還要怎樣添加內(nèi)容?有時(shí)候甚至很少的內(nèi)容需要跳轉(zhuǎn)幾個(gè)頁(yè)面。一個(gè)優(yōu)秀的UX或UI設(shè)計(jì)師需要了解設(shè)計(jì)的網(wǎng)頁(yè)所需要的正確尺寸。在這里會(huì)了解到但也網(wǎng)站的優(yōu)勢(shì)或劣勢(shì)。

優(yōu)勢(shì)

單頁(yè)網(wǎng)站最直接的好處是以簡(jiǎn)單，容易和可操作的方式展示給用戶。

單頁(yè)站點(diǎn)可以讓用戶沉浸在簡(jiǎn)單的線性體驗(yàn)。整個(gè)頁(yè)面有簡(jiǎn)單的頭部，中部，尾部。事實(shí)上，單頁(yè)網(wǎng)站的滾動(dòng)特性使得它們非常適合于習(xí)慣了該手勢(shì)的移動(dòng)用戶。

有些專家認(rèn)為，與較大的多頁(yè)網(wǎng)站相比，單頁(yè)網(wǎng)站的轉(zhuǎn)化率更高。

當(dāng)然，單頁(yè)導(dǎo)航對(duì)于服務(wù)于單一目的的網(wǎng)站來(lái)說(shuō)比大型的復(fù)雜網(wǎng)站更直接些。如果你的目標(biāo)是講故事，那么單頁(yè)網(wǎng)站也是視覺(jué)敘事的最好選擇。

單頁(yè)網(wǎng)站的好處是：簡(jiǎn)單的滾動(dòng)比點(diǎn)擊無(wú)限鏈接可以更容易和更連續(xù)的操作。如果用戶開(kāi)始滾動(dòng)，那么您可能發(fā)現(xiàn)它們更可能繼續(xù)滾動(dòng)，而不是停下來(lái)點(diǎn)擊擊鏈接。

劣勢(shì)

單頁(yè)網(wǎng)站最大的劣勢(shì)就是陷入把過(guò)多的內(nèi)容放置在一個(gè)頁(yè)面里。因?yàn)橐粋€(gè)頁(yè)面不可能容納所有的一切。而是需要有視覺(jué)層次和大量的規(guī)范制約。

隨著內(nèi)容類別的增加(例如博客，新聞，服務(wù)，產(chǎn)品)，單頁(yè)網(wǎng)站的可用性越高。從技術(shù)的角度來(lái)看，單頁(yè)網(wǎng)站的搜索優(yōu)化比多頁(yè)網(wǎng)站少。當(dāng)一個(gè)頁(yè)面上的內(nèi)容和圖像很多時(shí)，他們會(huì)加載很慢。

對(duì)搜索的內(nèi)容查詢。雖然單頁(yè)網(wǎng)站可能會(huì)提高您的主要關(guān)鍵字的相關(guān)性，但更有可能會(huì)稀釋其在自己的網(wǎng)頁(yè)上排名更高或次之的子主題和字詞的相關(guān)性。

多頁(yè)網(wǎng)站

多頁(yè)網(wǎng)站通常由擁有廣泛產(chǎn)品或服務(wù)的大公司所有。 他們的用戶也可能是相當(dāng)多樣化。

這些網(wǎng)站的要點(diǎn)是：

需要盡可能大容量;由于內(nèi)容的數(shù)量，他們需要層次分明;很多時(shí)候，它們由許多微型網(wǎng)站和子部分組成，以分解信息和內(nèi)容，并提供多個(gè)入口點(diǎn);它們提供對(duì)多個(gè)頁(yè)面和改變內(nèi)容的SEO的更好控制。

優(yōu)勢(shì)

多頁(yè)網(wǎng)站對(duì)于需要傳統(tǒng)導(dǎo)航的用戶來(lái)說(shuō)很有意義。他們需要給用戶提供更多的信息。

例如，對(duì)于電子商務(wù)網(wǎng)站，用戶不想花費(fèi)一個(gè)頁(yè)面了解您公司的故事或員工。而是想要找到想要的產(chǎn)品，付費(fèi)然后使用。在這種情況下，到不同頁(yè)面的導(dǎo)航欄就會(huì)非常有效。

事實(shí)上，混合的單頁(yè)網(wǎng)站(如上面的Hell’o Baby)出現(xiàn)給設(shè)計(jì)師提供了一個(gè)很好的方向。單頁(yè)結(jié)構(gòu)可以優(yōu)化轉(zhuǎn)換。另一方面，頂部導(dǎo)航可以給用戶更多的操控比純滾動(dòng)體驗(yàn)更好。

劣勢(shì)

如果設(shè)計(jì)的網(wǎng)站越復(fù)雜，傳統(tǒng)導(dǎo)航就越難展示和查找。

有些人認(rèn)為，導(dǎo)航可以舒適地適應(yīng)前三個(gè)級(jí)別。

導(dǎo)航必須擴(kuò)展，最終占用更多的屏幕空間信息架構(gòu)中的更深的頁(yè)面不再會(huì)出現(xiàn)在導(dǎo)航中。 如果用戶在網(wǎng)站內(nèi)部深處，他們將丟失他們的位置的上下文，因?yàn)樗麄儧](méi)有看到當(dāng)前頁(yè)面有合適的導(dǎo)航在網(wǎng)站中。

隨著網(wǎng)站的擴(kuò)展，我們需要考慮所有不同切入點(diǎn)產(chǎn)生的問(wèn)題。如果網(wǎng)站有多個(gè)入口點(diǎn)，則必須使用戶能夠很容易的通過(guò)導(dǎo)航回到主頁(yè)或其他感興趣的頁(yè)面

總結(jié)

1.采取內(nèi)容優(yōu)先的方法。 找出用戶關(guān)心的內(nèi)容，然后相應(yīng)地設(shè)計(jì)您的界面。

2.確保你的網(wǎng)站適合純粹的單頁(yè)體驗(yàn)。 如果你不能把所有內(nèi)容簡(jiǎn)潔的放入一個(gè)頁(yè)面，請(qǐng)考慮混合網(wǎng)站。 如果需要用戶知道多個(gè)類別，請(qǐng)使用多頁(yè)網(wǎng)站。

3.不要忽視SEO， 可以用單頁(yè)網(wǎng)站建立搜索引擎優(yōu)化。

4.用戶不總是喜歡閱讀， 這就是為什么信息圖表和視頻是新用戶體驗(yàn)的一部分。 任何大小的網(wǎng)站都需要使用戶可以快速瀏覽。

5.把事情簡(jiǎn)單化， 設(shè)計(jì)的一致性實(shí)際上對(duì)用戶來(lái)說(shuō)操作更簡(jiǎn)單。

6.網(wǎng)站的清晰度很重要。

https://zhuanlan.zhihu.com/p/571538959

http://www.hxyhyz.com

我們專注高端建站，小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿意為止，多一次對(duì)比，一定讓您多一份收獲！