您的品牌或業(yè)務(wù)在線外觀比以往任何時候都更加重要。雖然您的網(wǎng)站需要通過高質(zhì)量的視覺內(nèi)容來保持外觀，但 31% 的消費(fèi)者也認(rèn)為引人入勝的用戶體驗(yàn)應(yīng)該是優(yōu)先事項。
當(dāng)您自己創(chuàng)建網(wǎng)站時，打造有影響力的用戶體驗(yàn)通常取決于關(guān)注看不見的細(xì)節(jié)，例如您的網(wǎng)站結(jié)構(gòu)。雖然一個好的網(wǎng)站結(jié)構(gòu)可能不會被訪問者的眼睛認(rèn)出，但一個不合適的網(wǎng)站結(jié)構(gòu)無疑會脫穎而出并留下不好的印象。
在本文中，我們將定義網(wǎng)站結(jié)構(gòu)，解釋如何通過 UX 設(shè)計的視角構(gòu)建它，并討論當(dāng)今網(wǎng)站設(shè)計和網(wǎng)站模板中使用的最流行的模型。
什么是網(wǎng)站結(jié)構(gòu)？
網(wǎng)站結(jié)構(gòu)是指您網(wǎng)站頁面的層次結(jié)構(gòu)、順序和組織，由所需的用戶體驗(yàn)繪制出來。它將您的所有網(wǎng)頁與菜單、內(nèi)部鏈接和內(nèi)容的導(dǎo)航系統(tǒng)連接起來。
與您網(wǎng)站的信息架構(gòu)一樣，網(wǎng)站結(jié)構(gòu)是影響訪問者用戶旅程的重要 UX 設(shè)計因素。但這也是您作為創(chuàng)建者規(guī)劃網(wǎng)站布局和內(nèi)容并確定每個元素的位置的一種方式。尤其是在設(shè)計具有多個頁面的網(wǎng)站時，您在開始時越關(guān)注網(wǎng)站的結(jié)構(gòu)，以后的意外就越少。
網(wǎng)站結(jié)構(gòu)中有哪些元素？
定義網(wǎng)站結(jié)構(gòu)可確保訪客在發(fā)現(xiàn)網(wǎng)站上的信息時遵循邏輯用戶旅程。該結(jié)構(gòu)必須包括您網(wǎng)站上的所有網(wǎng)頁、用于組織這些網(wǎng)頁的類別系統(tǒng)以及訪問者從一個元素導(dǎo)航到另一個元素的方法。您的網(wǎng)站結(jié)構(gòu)應(yīng)確保最重要的信息首先可被發(fā)現(xiàn)，同時邀請訪客繼續(xù)探索以下元素：
導(dǎo)航
連接系統(tǒng)
類別為組織網(wǎng)站結(jié)構(gòu)、對具有相似內(nèi)容的網(wǎng)站頁面進(jìn)行分組以及使訪問者更容易找到他們需要的內(nèi)容奠定了基礎(chǔ)。此外，具有大量類別的較大網(wǎng)站應(yīng)進(jìn)一步將其內(nèi)容劃分為子類別。
導(dǎo)航
您網(wǎng)站的導(dǎo)航為訪問者布置了其結(jié)構(gòu)，充當(dāng)他們所需內(nèi)容的方向地圖。在大多數(shù)情況下，這從網(wǎng)站菜單開始——可能是頂部的經(jīng)典標(biāo)題菜單或更簡約的漢堡菜單。
由于導(dǎo)航的目的是引導(dǎo)訪問者，因此您的主頁應(yīng)該清楚地顯示他們在您的網(wǎng)站上尋找的頁面和類別。從那里，子類別也應(yīng)該是可發(fā)現(xiàn)的，無論是通過使用下拉菜單還是使用其他方式顯示指向子類別頁面的鏈接。此外，您需要確保網(wǎng)站的導(dǎo)航將訪問者引導(dǎo)至與您的品牌相關(guān)的其他重要網(wǎng)頁，例如 “關(guān)于我們” 頁面或 “聯(lián)系” 頁面。
連接系統(tǒng)
實(shí)施一個經(jīng)過深思熟慮的鏈接系統(tǒng)可確保您的用戶正確瀏覽您的網(wǎng)站。根據(jù)您使用的網(wǎng)站結(jié)構(gòu)類型，在學(xué)習(xí)如何制作您的網(wǎng)站時，訪問者對您的鏈接系統(tǒng)的依賴程度會有所不同。除了網(wǎng)站菜單中的鏈接外，結(jié)構(gòu)還可以利用以下類型的鏈接來提升用戶體驗(yàn)：
CTA 或號召性用語是戰(zhàn)略性放置的鏈接，可將訪問者引導(dǎo)至直接目標(biāo)，鼓勵他們采取行動。無論是 “注冊” 還是 “購買” 的鏈接，CTA 都對在您的網(wǎng)站上有該特定目標(biāo)的訪問者非常有幫助。使用粗體文本、誘人的縮微復(fù)印或按鈕設(shè)計來顯示它們。
內(nèi)部鏈接是指網(wǎng)站中連接到同一網(wǎng)站的其他頁面的那些鏈接。每個站點(diǎn)的網(wǎng)頁之間自然都有內(nèi)部鏈接，是否以最適合訪問者的方式組織完全取決于您。有時，企業(yè)會以此為指導(dǎo)，將他們的頁面分組到 “集群” 類別中。擁有一個內(nèi)部鏈接系統(tǒng)也恰好是一個強(qiáng)大的 SEO 最佳實(shí)踐。由于它反映在您的站點(diǎn)地圖中，因此 Google 機(jī)器人可以看到為以正確的順序?yàn)樵L問者提供最相關(guān)信息所做的努力。
上下文鏈接將訪問者帶到您自己網(wǎng)站網(wǎng)頁之外的相關(guān)內(nèi)容，例如來自其他企業(yè)的產(chǎn)品頁面、博客文章、來源或新聞。
不同類型的網(wǎng)站結(jié)構(gòu)
看看下面不同類型的網(wǎng)站結(jié)構(gòu)和示例。您注意到了哪些模式？每個的特點(diǎn)是什么？哪種類型的用戶將從這些結(jié)構(gòu)中受益最大？
掌握四種最基本的結(jié)構(gòu)及其使用方式將有助于您更好地了解如何構(gòu)建自己的設(shè)計或使用哪個網(wǎng)站模板：
分層模型
順序（又名線性）模型
矩陣模型
數(shù)據(jù)庫模型
分層模型
最流行的網(wǎng)站結(jié)構(gòu)類型是分層模型，其中主頁作為起點(diǎn)，根據(jù)重要性分為各種類別和頁面。因?yàn)樗猛緩V泛，所以這種結(jié)構(gòu)適合各種類型的網(wǎng)站——從個人服務(wù)網(wǎng)站到在線作品集。
首先，根據(jù)重要性對內(nèi)容進(jìn)行排序。大多數(shù)時候，這意味著確保用戶在發(fā)現(xiàn)更多詳細(xì)信息之前先獲得一般信息。要起草和測試您的層次結(jié)構(gòu)，請使用線框和卡片排序練習(xí)。然后，一旦您創(chuàng)建并規(guī)劃了頁面，就可以使用互連系統(tǒng)和導(dǎo)航菜單在您的網(wǎng)站上實(shí)施此層次結(jié)構(gòu)。
順序（又名線性）模型
順序 Web 結(jié)構(gòu)將引導(dǎo)用戶逐步完成實(shí)現(xiàn)目標(biāo)的旅程，無論是縮小類別范圍、指導(dǎo)他們的搜索過程還是幫助他們找到注冊表單。這種基本的、低維護(hù)的結(jié)構(gòu)適合內(nèi)容和頁面最少的網(wǎng)站，例如小型企業(yè)網(wǎng)站或在線投資組合。
順序網(wǎng)站結(jié)構(gòu)從您的主頁或登錄頁面開始，其中列出了許多頁面或類別。訪問者遵循線性流程，引導(dǎo)他們完成父頁面的旅程，最終將他們帶到他們想要的內(nèi)容。
矩陣模型
雖然矩陣是最古老的網(wǎng)站結(jié)構(gòu)模型之一，但它今天仍然很受歡迎。為了讓訪問者在沒有嚴(yán)格分類的情況下享受瀏覽，遵循矩陣模型的網(wǎng)站結(jié)構(gòu)并沒有考慮嚴(yán)格的用戶旅程。這聽起來可能很混亂，但對于訪問者來說，這意味著完全的自由和您網(wǎng)站所有內(nèi)容的許多入口點(diǎn)。
雖然類別、子類別和單個頁面仍應(yīng)存在于矩陣模型中，但您不必為用戶管理它們的出現(xiàn)順序。相反，該網(wǎng)站強(qiáng)大的互連和對導(dǎo)航功能（如網(wǎng)站菜單或搜索欄）的日益重視為用戶體驗(yàn)服務(wù)。
數(shù)據(jù)庫模型
遵循數(shù)據(jù)庫模型的網(wǎng)站結(jié)構(gòu)通常會創(chuàng)建動態(tài)和個性化的體驗(yàn)。遵循此模型的網(wǎng)站的訪客通常需要輸入自己的個人詳細(xì)信息、查詢或首選項。從那里，該網(wǎng)站將向他們展示存儲在網(wǎng)頁數(shù)據(jù)庫中的相關(guān)內(nèi)容，例如個人詳細(xì)信息或產(chǎn)品頁面。
要自己完成此操作，您需要使用允許您創(chuàng)建內(nèi)部數(shù)據(jù)庫或與外部數(shù)據(jù)庫集成的網(wǎng)站軟件。使用自下而下的方法組織您的內(nèi)容，并概述最動態(tài)的設(shè)計以將其展示給訪問者。
如何處理您的網(wǎng)站結(jié)構(gòu)
準(zhǔn)備好設(shè)計網(wǎng)站后，請決定是使用自上而下還是自下而上的網(wǎng)站結(jié)構(gòu)來組織您的內(nèi)容。自上而下的方法從根據(jù)網(wǎng)站的一般主題概述類別層次結(jié)構(gòu)開始，而自下而上的方法從最不重要的子類別開始，然后逐漸增加到更一般的類別和內(nèi)容。
如果您從模板開始，您可能不需要過多考慮創(chuàng)建網(wǎng)站結(jié)構(gòu)——只需尋找適合您內(nèi)容的網(wǎng)站結(jié)構(gòu)即可。
為什么關(guān)注您的網(wǎng)站結(jié)構(gòu)很重要？
要使訪客在您的網(wǎng)站上實(shí)現(xiàn)目標(biāo)，他們必須按特定順序點(diǎn)擊元素，無論您是從網(wǎng)站模板開始還是從頭開始研究網(wǎng)頁設(shè)計，您都有責(zé)任確保您的訪問者可以在您的網(wǎng)站上準(zhǔn)確找到他們需要的內(nèi)容，確?？煽康木W(wǎng)站結(jié)構(gòu)來支持他們的用戶體驗(yàn)。
但是，所有這些都在談?wù)撃慕Y(jié)構(gòu)將如何使用戶受益，那么作為它的創(chuàng)建者，您呢？從商業(yè)角度來看，一個堅實(shí)的網(wǎng)站結(jié)構(gòu)也是值得付出努力的。擁有一個易于使用的網(wǎng)站無疑會讓客戶感到滿意。通過正確的策略，您的結(jié)構(gòu)將通過幫助客戶購買和加快結(jié)帳或聯(lián)系流程來支持您的業(yè)務(wù)。