應該如(rú)何優化(huà)網站(zhàn)信息架構

最近(jìn)突然想寫個(gè)專題類的(de)文(wén)≈♣♠₽章(zhāng)，關于如(rú)何讓用(yò"↓÷↑ng)戶更方便快(kuài)捷地(dì)在網站(zhàλδn)上(shàng)尋找到(dào)他(t♠∞ā)們需要(yào)的(de)信息，當然不(bù φ★≠)能(néng)脫離(lí)博客的(de)主題—γ∞±​—網站(zhàn)數(shù)據分(fēn)析，所以這(zhè)裡(lǐ★♥)主要(yào)介紹的(de)是(shì)如(rú)何通(tōng)過網站(‌≥​zhàn)分(fēn)析來(lái)優化(huà)網站(zhàn)，實現(x≥∑ iàn)用(yòng)戶對(duì)信息™≤§的(de)快(kuài)速獲取，首先介紹的(de)是 ÷σ↕(shì)網站(zhàn)的(de)信息架構。

關于信息架構，網站(zhàn)設計(jì• •)的(de)同學才是(shì)專家(jiā)，我在這(zhè π)裡(lǐ)隻是(shì)班門(mén)弄斧，根σφ據大(dà)學裡(lǐ)面閱讀(dú)的(de)信息架構類文(wé₽‌‌£n)獻資料的(de)一(yī)些(xiē)殘存的(de)記憶，再加↔÷上(shàng)這(zhè)幾天臨時(shí)抱佛腳的(de)簡單溫習( ₩©∏xí)，在這(zhè)裡(lǐ)表述一(yī)下(xià)我的'‍‍€(de)一(yī)點拙見(jiàn)。

信息架構的(de)定義

根據維基百科(kē)的(de)定義，信息Ω$£₽架構（Information Architecture，簡稱IA）是(s‌↕≠hì)在信息環境中，影(yǐng)響系統組織、導覽、及分♣•(fēn)類标簽的(de)組合結構。它是(shì)基于信息£₩♦₹架構方法論，并運用(yòng)計(jì)算(suàn)機®™← (jī)技(jì)術(shù)管理(lǐ)和(hé)組織信≥∞息的(de)一(yī)個(gè)專門(mén)學科(" kē)。信息架構并非一(yī)開(kāi)始就(jiù)應用₩☆ (yòng)于網站(zhàn)設計(jì)，其起源于情報(bào)≠≥★科(kē)學，最初應該是(shì)用(yòng)于圖書(shū)館→≥→等地(dì)方的(de)信息組織和(hé)信息檢索的♠Ω♥↓(de)。

《用(yòng)戶體(tǐ)驗的(de)要(yào)素——以用(yòδ ng)戶為(wèi)中心的(de)WEB設計(jì)δ™》這(zhè)本書(shū)中對(duì)信 β↑息架構的(de)定義基于網站(zhàn)設計(jì)：信息架構著(zhe)重于ק€設計(jì)組織分(fēn)類和(hé)導航的(de)結構，從(cóng)而₽ ≠‍讓用(yòng)戶可(kě)以提高(gāo)效率、有(yǒu)效₩ ↓₩地(dì)浏覽網站(zhàn)的(de)內(n∏γèi)容。

具體(tǐ)的(de)就(jiù)不(bù)再"¥多(duō)說(shuō)的(de)，可(kě₩ε​§)能(néng)各有(yǒu)各的(de)理(lǐ)解，這(zhè)裡(l↔β×λǐ)直接來(lái)看(kàn)一(yī)個(gè)實例——β₹Wordpress的(de)信息架構模式：

當然，上(shàng)面這(zhè)個(gè)圖隻能(néng)∏¥☆展示一(yī)個(gè)大(dà)體(tǐ)的(de)網站(γ ®zhàn)信息架構，中間(jiān)的(de £‍©)類目層也(yě)許不(bù)止一(yī)層，會(huì)有(yǒu)大(dà &± )類、子(zǐ)類、子(zǐ)子(zǐ)類…"β≤ …底層可(kě)以是(shì)文(wén)章(zhāng)也(y&Ω£ě)可(kě)能(néng)是(shì)頁面或↕÷♦者一(yī)些(xiē)其他(tā)的(de)具☆<體(tǐ)內(nèi)容。而網站(zhànδ&)的(de)內(nèi)部關系也(yě)往往因為(wèi)•↕≥全局或局部導航、網站(zhàn)內(nèi)鏈和(h£™÷é)內(nèi)容關聯等功能(néng)的(de)存‌ &‍在而複雜(zá)的(de)多(duō)，圖上©‍≥(shàng)的(de)箭頭也(yě)會←↑&≥(huì)密集很(hěn)多(duō)，₩§但(dàn)我們無需羅列所有(yǒu)內(n> ¶<èi)容間(jiān)的(de)關系，關鍵是(shì)在理(lǐ)清基本的(↕¥de)結構。

信息架構的(de)類型

還(hái)是(shì)參考《用(yòn←↕<g)戶體(tǐ)驗的(de)要(yào)素——★∞☆以用(yòng)戶為(wèi)中心的(de)WEB設計(j÷≤∑ì)》中對(duì)信息架構的(de)幾個λ≤‍(gè)分(fēn)類：

層次結構（Hierarchical Structu★​re）

也(yě)叫樹(shù)形結構，是(shì)最常見(jiàn)的(de•₩)網站(zhàn)信息架構模式，上(shàng)面舉例的∞♠ε​(de)Wordpress的(de)信息≈π架構就(jiù)是(shì)典型的(de)層次結構。樹(∏ ≈shù)形結構中箭頭的(de)方向不(bù)一(yī)定是(s↑×✘←hì)自(zì)上(shàng)而下(xià)的(de)，也(yě)可(kěα€β®)能(néng)是(shì)自(zì)下(xià)而上(shàng'¥₩)或者是(shì)雙向的(de)，而內(nèi)容層之間(jiān)≤≥也(yě)會(huì)因為(wèi)一(yī)些(xiē)關聯鏈接的(de)δ$<存在而存在同層次間(jiān)的(de)指向箭αΩ頭。

矩陣結構（Matrix Structure）

矩陣結構比較注重“維”的(de)概念，α¶ 即從(cóng)多(duō)維的(de)角度來(lái)檢索信息，如(λ≈rú)時(shí)間(jiān)、地(dì)←>§€域、內(nèi)容分(fēn)類等，典型的(de)應用(yòng)就(jiù÷<ε)是(shì)內(nèi)容管理(lǐ)系統（CMS）網♥↑‍✘站(zhàn)或者電(diàn)子(zǐ)商₩→®Ω務類網站(zhàn)，比如(rú)你(nǐ"‌β★)浏覽豆瓣的(de)電(diàn)影(yǐn×¥&g)時(shí)可(kě)以篩選：2010年(nián)★α—美(měi)國(guó)—科(kē)幻，也(‌Ω σyě)許這(zhè)個(gè)時(shí)候《鋼鐵(tiě₹±)俠2》就(jiù)呈現(xiàn)在你($↓₽₹nǐ)面前了(le)。

線性結構（Sequential Structure）

看(kàn)到(dào)線性結構也(y"©>ě)許你(nǐ)馬上(shàng)會(huì)€₽$想到(dào)面包屑，它将網站(zhàn)∞∑£中最重要(yào)的(de)一(yī)個(gè•®ε✔)信息架構路(lù)線展現(xiàn)了↔↕Ω(le)出來(lái)，即使它無法為(wèi)你(nǐ)提供你(nσ♣ǐ)在網站(zhàn)上(shàng)的™₽'₩(de)平面坐(zuò)标，但(dàn)至少(shǎo)它顯示了↓©(le)你(nǐ)現(xiàn)在正處于關鍵線路(l₽§ βù)的(de)哪個(gè)點上(shàng)；當然，網站(zhàn)的(d≈§↔e)一(yī)些(xiē)關鍵路(lù)徑一(y™™ī)般也(yě)是(shì)按照(zhào)線性結構涉及的(de)，比如(rú₹₩•≥)用(yòng)戶注冊流程或電(diàn)子(zǐ)商務網×‌™站(zhàn)的(de)購(gòu)買流程等。

網站(zhàn)分(fēn)析與信息架構

根據網站(zhàn)業(yè)務模式的(de)不(bù)≥✘≤&同，可(kě)以選擇适合自(zì)己網站(zhàn)的(←≠÷♣de)信息架構的(de)模式，無論是(shì)上(shàng)面的(de)哪種≤↔信息架構模式，隻要(yào)設計(jì)和(hé)↕♦‌©運用(yòng)合理(lǐ)，用(yòng)戶便能(néng↕≠)夠在你(nǐ)的(de)網站(zhàn)上(shàng)以最₩♣Ω'方便的(de)形式、最快(kuài)的(de)<≥→λ速度找到(dào)他(tā)們需要(yào)的(de)信息。

但(dàn)當我浏覽某些(xiē)網站(zhàn¶₹₩☆)時(shí)，有(yǒu)時(shí)真的(de)會(₩♥huì)讓我感覺到(dào)“找不(bù)到(dào)北(běi)”，結≤×果就(jiù)是(shì)直接關閉該頁面，如(rú)果不(b₩×​ ù)希望讓已經進入了(le)你(nǐ)的→∑↑(de)網站(zhàn)的(de)用(yòng)戶輕易地(dì)ε ™離(lí)開(kāi)，網站(zhàn)信息架構的(de)好(hǎo)壞将直接≈"影(yǐng)響網站(zhàn)的(de)用(yòng)§β戶體(tǐ)驗。所以我們需要(yào)通(t ‌¶ōng)過一(yī)些(xiē)方法來(lái)檢驗網站(zhàn)的(dπ€↑e)信息架構是(shì)否滿足用(yòng)戶的(de)信息檢索的→'¥∑(de)需求。

1、嘗試整理(lǐ)出類似上(shàng)面例子(zǐ)中的(de)網←γ站(zhàn)信息架構圖

這(zhè)個(gè)是(shì)最簡單最直觀的(de)方♠​♥法，如(rú)果你(nǐ)的(de)網站(zhàn)信息架構足夠清晰，÷& 那(nà)麽畫(huà)出這(zhè)樣的(de)圖對(duì)你(¥☆♣γnǐ)來(lái)說(shuō)也(yě)絕非難事♦φ‌γ(shì)；而當網站(zhàn)的(de)應≈☆α用(yòng)比較複雜(zá)、內(nèi)容比較寬泛，那(nà)麽可(kě→ ∞)能(néng)要(yào)整理(lǐ)出網站(zhàn)的(de)整體(tǐπ∏£)信息架構就(jiù)會(huì)相(xiàng)對(duì)困難，但(dλ™Ω→àn)我相(xiàng)信一(yī)個(gè)設計(jì♠γ)優秀的(de)網站(zhàn)隻要(yào)稍加整理(♣≤‌lǐ)，大(dà)體(tǐ)的(de)信息架構圖還(hái)是(≠λ∞∏shì)畫(huà)得(de)出來(lái)的(de)；而當你(nǐ)©γ絞盡腦(nǎo)汁就(jiù)是(shì)理♣¶α(lǐ)不(bù)清你(nǐ)的(de)₹£網站(zhàn)的(de)信息架構的(de)頭緒的(d α±™e)時(shí)候，那(nà)麽說(shuō)明(míng)你(n∞•ǐ)的(de)網站(zhàn)需要(yào)優化(₩©huà)了(le)。

2、通(tōng)過網站(zhàn)分(fēn)析的(de)方法驗證信息架Ω&構的(de)合理(lǐ)性

本文(wén)的(de)副标題是(shì)“讓用(yòng)戶更容易πα地(dì)找到(dào)需要(yào)的(de)信息” ≠< ，所以我們需要(yào)分(fēn)析用(yòng)戶是(shì)否 ∏能(néng)夠在你(nǐ)的(de)網站(₩ >zhàn)上(shàng)方便快(kuài)捷地(dì)找到(dà₽ ✔σo)他(tā)們需要(yào)的(de)信息，這(zhè‌& ↓)裡(lǐ)推薦一(yī)種方法——尋找網站¥←(zhàn)中的(de)迷失用(yòng)戶（Lo≈‌st Visits）。

在一(yī)個(gè)合理(lǐ)的(de)信息架構下(xià)，大(d™$à)多(duō)數(shù)的(de)用(yòng)戶是(©π♥∞shì)不(bù)會(huì)在你(nǐ)的(de)網站(z󥶣hàn)上(shàng)迷路(lù)的(de)；反之，混亂的(de)信息架構✘♦<☆會(huì)導緻大(dà)量的(de)用(yòng)戶迷失∏∏ ✘方向，就(jiù)像是(shì)進入了(le)一(yī)個(gè)巨大(dà)€✘★¥的(de)迷宮。那(nà)麽如(rú)何尋找這(zhè)些(xiē)迷‍★₽Ω失用(yòng)戶？我們可(kě)以先分(fēn)析€÷↕π下(xià)這(zhè)類用(yòng)戶的(de)• €§行(xíng)為(wèi)，最明(míng)顯特征的(de)就(↔♣jiù)是(shì)：連續點擊好(hǎo)幾個(gè)頁面，每個(gβ✔è)頁面都(dōu)隻是(shì)初步浏覽（因為(wèi)沒有(yǒuπ©)找到(dào)他(tā)們需要(yào)的(d♠≠∑e)信息）就(jiù)轉到(dào)另外(wài)的(de<≤)頁面或直接離(lí)開(kāi)了(l©←&e)。所以我們可(kě)以借助網站(zhàn​±αδ)分(fēn)析中的(de)兩個(gè)度量：

浏覽頁面數(shù)（Depth of Vi∏↔sit）：一(yī)次訪問(wèn)中用(yòng)戶總的(de)浏覽頁♣•∞©面數(shù)；

頁面平均停留時(shí)間(jiān)（A <vg. Time on Page）：一(yī)次浏覽中用(yòng)戶在每 β¶$個(gè)頁面的(de)平均停留時(shí)間(jiān)，即該↔∏£次訪問(wèn)總停留時(shí)間(jiān)（Time on S☆←ite）/該次訪問(wèn)頁面數(shù)（Dep>∞<th of Visit）。

我們可(kě)以用(yòng)戶細分(fēn)的(dγ≤®φe)方法把那(nà)些(xiē)浏覽頁面數(shù)較多(duō)，但(dàn≤♥£δ)頁面平均停留時(shí)間(jiān)較₽ ♦←短(duǎn)的(de)用(yòng)戶浏覽看(↔☆'kàn)作(zuò)是(shì)迷失用(yòng)戶，具體δ​(tǐ)的(de)數(shù)值可(kě)以根據網站(zhàn)自(zì)身↓'↕ (shēn)的(de)特點進行(xíng)定義，比如(rú)我定<÷ 義我的(de)博客中浏覽頁面數(shù)大↔↓§(dà)于等于4，而頁面平均停留時(shí)間(jiān)小(x♥®iǎo)于等于15秒(miǎo)的(de)Visits為(wèi)迷失用(yò'≠ng)戶的(de)浏覽行(xíng)為(wèi)，我們可÷β±(kě)以借助Google Analytics中的(de)高(gāo‍¥)級群組（Advanced Segment）來(lái)區(q¶✔ū)分(fēn)出這(zhè)類用(yòng)戶，關于如(rú)何使用(y≥××₩òng)Google Analytics的(de)高(gāo)級群組功∞γ✘&能(néng)，可(kě)以參考藍(lán)鲸的(de)文(wén)章×​↓(zhāng)——Google Analytics↕•→¥功能(néng)篇—高(gāo)級群組，如(rú)下(xià)圖：

當然，你(nǐ)可(kě)能(néng)會(huì)說(shuō)這(zh‌ è)種用(yòng)戶區(qū)分(fēn)的(de)方法不(bù)準确，這★↓≈‍(zhè)類用(yòng)戶不(bù)一(yī)定就(jiù)是(s±↔hì)迷失用(yòng)戶，也(yě)有(yǒu)可(kě)$↕★←能(néng)他(tā)們确實找到(dào)并浏覽了(le)具↑​σ&體(tǐ)內(nèi)容，但(dàn)因為(wèi)內(nèi)容不​÷(bù)夠吸引人(rén)或者其他(tā)原因而馬上(shàng)$λ離(lí)開(kāi)了(le)該頁面。所以這(zhè)裡(®∏✔lǐ)用(yòng)高(gāo)級群組劃分(fēn)出來(lái)的(d ≤≈εe)這(zhè)類Visits的(de)數(♦γ♣₹shù)量不(bù)能(néng)看(kàn)作(zuò)δ¶ ±是(shì)迷失用(yòng)戶的(de☆♦∏)一(yī)個(gè)絕對(duì)數(shù)值，我∏±們隻能(néng)認為(wèi)裡(lǐ¶•↕)面的(de)大(dà)部分(fēn)Visits都(dōu)是(s"δ¥ hì)迷失用(yòng)戶，而不(bù)排除α¶β存在某些(xiē)另類。所以更合理(lǐ)的(de)方法是(s' hì)通(tōng)過計(jì)算(suàn)這(zhè)類V→‍♠isits占網站(zhàn)總Visits♠Ω的(de)比例情況來(lái)分(fēn)析網站÷☆€®(zhàn)的(de)信息架構到(dào)底是∑​↓↓(shì)否合理(lǐ)，我們可(kě)以在Google Analσ>ytics上(shàng)面選取網站(zhàn)的(↔δ‍de)All Visits和(hé)Lo♣£st Visits進行(xíng)比例和(hé)趨勢的(de)比較，如(r>✘ ú)下(xià)圖：

網站(zhàn)中迷失用(yòng)戶浏覽的(de)所占比 ≤≤β例隻需通(tōng)過Lost Visits/A∏♦ll Visits就(jiù)可(kě)以計(jì)算(suàn)得(de>±)到(dào)，但(dàn)這(zhè)個(gè)時(shí)∑λ →候你(nǐ)還(hái)是(shì)無法根據這(zhè)個(•∑ gè)計(jì)算(suàn)結果來(lái)評判網站(zhàn)的(∞×↓de)信息架構到(dào)底是(shì)好(€↑™εhǎo)是(shì)壞，因為(wèi)還(hái)缺少(s‌€©hǎo)一(yī)個(gè)基準線（Benchmarkε₩）或者說(shuō)是(shì)評判标準≤σ。在Google Analytics上(shàng)面的(de)Visitor ↓→®s标簽下(xià)，提供了(le)“Sites of similar size↑‍ε ”的(de)基準比較（Benchmarking），你(nǐ)可(k☆Ω♠↕ě)以選擇與你(nǐ)的(de)網站(zhàn)相(xiε±àng)似類型的(de)網站(zhàn)作★≥™(zuò)為(wèi)基準線進行(xíng)數(shù)據• β比較，這(zhè)的(de)确是(shì÷ε✘‍)個(gè)很(hěn)好(hǎo)的(de)參考，因為(wèi)通¶"φ(tōng)過比較能(néng)夠更加明(mín™×αg)确你(nǐ)的(de)網站(zhàn)在同×$→ 類型網站(zhàn)中的(de)優勢和(σδδhé)劣勢，為(wèi)網站(zhàn)優≤‌×"化(huà)指明(míng)方向。GA借☆ 助其強大(dà)的(de)數(shù)據平台可↔♥✔§(kě)以為(wèi)我們提供基準線，但(dàn)也(yě)許對(dΩ♣εuì)于上(shàng)面這(zhè)個(‌≠γgè)例子(zǐ)會(huì)顯得(de)無能(néng)為(wèi)力，這ε↕(zhè)個(gè)時(shí)候需要(yào)我們理(lǐ)性地(dì)自§≥→∑(zì)己去(qù)選擇一(yī)個(gè)合适的(de)基準線₹§≠♠，比如(rú)我的(de)博客目前類目和(hé)內(nèi)♦♣ε容都(dōu)還(hái)比較少(shǎo)，那(n©€♣♣à)麽我可(kě)能(néng)會(huì)定義我的(de)網站(zh&≥ σàn)的(de)迷失用(yòng)戶比例應該控制(zhì)在1%以下♣₽(xià)；但(dàn)如(rú)果對(duì) σ于一(yī)個(gè)應用(yòng)和(h$≈♣é)內(nèi)容比較複雜(zá)的(de)網站÷φ∞♣(zhàn)，那(nà)麽基準線顯然會(huì)需♣∞¥要(yào)定得(de)更高(gāo)一(yī)點。一(yī)旦某♠♥¥段時(shí)間(jiān)的(de)數(shù)據越過了(<₽♠le)基準線，就(jiù)需要(yào)關注一(yī)下(xià)≥≤‌§網站(zhàn)的(de)信息架構是(shì)不(bù)是(shì)在↑♦趨于混亂了(le)，是(shì)不(bù)是(shì)該₹δ 進行(xíng)一(yī)下(xià)整理(lǐ)和×∏(hé)優化(huà)了(le)。

總之，一(yī)個(gè)好(hǎo)的(de)信←→γ✔息架構能(néng)夠幫助用(yòng)戶更容易地(d÷←ì)找到(dào)他(tā)們需要(yào)的(de)信息，從(có©&ng)而有(yǒu)效地(dì)提升網站(zhàn)的(de♠€​σ)用(yòng)戶體(tǐ)驗，所以，嘗試著(zhe)去(q€∑☆ù)優化(huà)下(xià)你(nǐ)的 γ&₩(de)網站(zhàn)的(de)信息架構。如≠↑☆(rú)果你(nǐ)有(yǒu)更好(hǎo)的(deλ₽γ≥)方法能(néng)夠有(yǒu)效地(dì)檢驗網站(zhàn)​™的(de)信息架構的(de)優劣，或者能(néng)夠明( ≥₩míng)确地(dì)分(fēn)析得(de)到(dào)網站(zhànδ₽)信息架構的(de)哪些(xiē)細節上(shàng)存在缺陷，希望能(né<α↑ng)與我交流，我期待網站(zhàn)分(fēn)析方法在優化(huà)網≤×站(zhàn)信息架構方面的(de)更多(duΩ→₹ō)的(de)應用(yòng)。