一、準(zhǔn)備

網(wǎng)站信息架構(gòu)這一概念的出現(xiàn)，引導(dǎo)我們用類比建筑學(xué)的方式思考網(wǎng)站。中國北方的土炕瓦房與南方的吊腳竹樓呈現(xiàn)出迥異的結(jié)構(gòu)，是因為建筑原料、使用人及用途決定了建筑物的物理形態(tài)。同樣的，企業(yè)網(wǎng)站跟個人博客在形式上的巨大差異也源自網(wǎng)站的內(nèi)容、用戶、情境決定其信息架構(gòu)這一理由。音樂試聽網(wǎng)站面對著細(xì)分市場上的用戶和使用情境，也擁有“音樂”這樣特殊的內(nèi)容，因此通過對音樂試聽網(wǎng)站分析，可以描繪出一個具有特殊性的網(wǎng)站信息架構(gòu)。

音樂試聽網(wǎng)站的基本用途是提供在線音樂試聽，來滿足用戶娛樂需求，這告訴我們構(gòu)建音樂網(wǎng)站大廈的原料就是“音樂”?！耙魳贰?，維基百科的定義是“廣義而言可以指任何一種藝術(shù)的、令人愉快的、審慎的或其他什么方式排列起來的聲音。”抽象而難以捉摸，萬幸的是現(xiàn)實世界為音樂信息粒度提供了一個可靠的劃分——歌曲，它正是建筑所需的磚石，是直接命中用戶聽歌需求的信息單元。從歌曲出發(fā)，分析信息粒度之間的關(guān)系和組織形式，容易發(fā)現(xiàn)這樣的結(jié)構(gòu)：若干歌曲構(gòu)成專輯，若干專輯屬于歌手。這是一個樹狀結(jié)構(gòu)，也是音樂試聽網(wǎng)站天然的信息架構(gòu)雛形，用圖形來表示就是如下：

如果音樂試聽網(wǎng)站真如此簡單，大概也不會有網(wǎng)站信息架構(gòu)師這樣的職位，眾多互聯(lián)網(wǎng)產(chǎn)品經(jīng)理也不會撓破了頭。架上顯微鏡，讓我們看看歌曲、專輯、歌手都有什么屬性，也就是獲取更多元數(shù)據(jù)。

歌曲：
時長、文件大小、編碼形式、比特率、音軌號
音色、節(jié)奏、聲調(diào)、流派
歌名、歌手名、專輯名

專輯：
曲目數(shù)、語言、風(fēng)格、發(fā)行日期
發(fā)行方、版權(quán)方、版本
專輯名、歌手名、介紹

歌手：
身高、體重、生日、血型
姓名、英文名、性別、國籍、婚否
出道時間、出道地點、出道途徑
網(wǎng)站、博客、所屬公司

即使沒有完全將歌曲、專輯、歌手的屬性列出，依然可以看到信息的類型和復(fù)雜程度大大增加，這體現(xiàn)了音樂試聽網(wǎng)站的信息廣度，也帶來信息架構(gòu)上的真正難題：如何決定信息的重心？

二、分析

逐個打開alexa.com中排名靠前的中國音樂類網(wǎng)站，會發(fā)現(xiàn)各網(wǎng)站雖然在設(shè)計布局上有諸多不同，但是首頁的內(nèi)容卻有很大相似：各式各樣的榜單、密密麻麻的歌曲列表、推薦了若干專輯。如果將目光放在各網(wǎng)站的試聽排行榜上，曲庫的相似程度更高，與谷歌熱榜音樂相關(guān)的排行也保持了高度一致，而通過統(tǒng)計alexa的點擊流數(shù)據(jù)，得知這些面對全體中文互聯(lián)網(wǎng)用戶的音樂網(wǎng)站有25%左右的流量來自搜索引擎。這說明用戶試聽和搜索的興趣焦點趨同，都集中在少數(shù)熱門歌曲和熱門歌手。因此，在無法獲知現(xiàn)有音樂網(wǎng)站訪問數(shù)據(jù)的情況下，就可以用搜索熱度來估算音樂網(wǎng)站的內(nèi)容重心，也就是優(yōu)質(zhì)內(nèi)容，在設(shè)計具體頁面布局時，將優(yōu)質(zhì)內(nèi)容放在第一屏或是其他用戶容易看到的地方。

通過以上分析，我們得到了一個基于歌曲、專輯、歌手的信息骨架、一個合適的信息粒度“歌曲”、類型眾多的元數(shù)據(jù)以及一個估算內(nèi)容重心的方法，現(xiàn)在可以開始建設(shè)一個結(jié)構(gòu)清晰、主次分明，信息豐富的音樂試聽網(wǎng)站來滿足用戶需求了。

用戶需求總是隱藏在千奇百怪的用戶行為背后，有時候不得不利用各種蛛絲馬跡來揣測用戶在想什么。舉個例子，在百度搜索“什么歌好聽”，返回了625萬條結(jié)果（在啟用安全搜索的google中有493萬條結(jié)果），在相關(guān)搜索里還有“有什么歌好聽”、“現(xiàn)在什么歌好聽”、“什么歌比較好聽”、“2010什么歌好聽”以及各種“某某某什么歌好聽”，即使是在百度知道中也可以搜索到18802條相關(guān)問題，看起來在很多情況下，用戶并不知道自己想聽什么音樂，我們的信息架構(gòu)能讓這些需求不明確的用戶找到滿意的歌曲嗎？

打開google的搜索解析工具（http://www.google.com/insights/search/），輸入“音樂”作為關(guān)鍵詞，能知道與“音樂”這個詞相關(guān)的搜索關(guān)鍵詞還有那些：
“下載音樂”、“音樂下載”、“音樂網(wǎng)”、“mp3 音樂”、“聽音樂”、“在線音樂”、“免費音樂”

與“專輯”相關(guān)的關(guān)鍵詞有：
“新專輯”、“專輯下載”、“最新專輯”、“歌曲”、“專輯歌曲”

與“歌手”相關(guān)的關(guān)鍵詞有：
“女歌手”、“男歌手”、“日本歌手”、“女性歌手”、“網(wǎng)絡(luò)歌手”、“韓國歌手”、“中國歌手”、“臺灣歌手”

通過這些關(guān)鍵詞，用戶需求的復(fù)雜性和多樣性可見一斑，抽象成一個需求的分析圖如下：

點擊查看大圖

用站內(nèi)搜索和信息豐富的首頁來覆蓋需求明確或是不明確的用戶，快速引導(dǎo)用戶實現(xiàn)“對歌曲的占有”，根據(jù)“占有”程度的不同，劃分為“了解”、“試聽”、“收藏”、“下載”四種不同層次的需求，以及一些衍生需求。圍繞“歌曲”這個核心，通過提供不同的信息及功能，來滿足用戶，尤其是強(qiáng)化“下載”這個功能，來滿足“占有”程度最高、用戶意愿最強(qiáng)的需求。

這是一個不夠直觀的理想化模型，所描繪的是整個用戶群體，還需要創(chuàng)建若干虛擬角色，以細(xì)分群體的角來形成若干用例，來驗證信息架構(gòu)的完整性和有效性。需要用到的工具是google adplanner（http://www.google.com/adplanner/），通過統(tǒng)計排名靠前的音樂網(wǎng)站數(shù)據(jù)，并參考中國互聯(lián)網(wǎng)人群的分布，得到其用戶群體的人口學(xué)特征：

男性用戶略多于女性用戶；
年齡在34歲以下的青少年用戶占大多數(shù)；
受過一定程度的教育；

某網(wǎng)站的alexa用戶數(shù)據(jù)顯示，35歲以上人群對該網(wǎng)站的興趣下降，也側(cè)面驗證了以上用戶特征的正確性：

由此，可以創(chuàng)建如下幾個虛擬人物：

代表用戶群為白領(lǐng)、學(xué)生、打工者、音樂從業(yè)者，假如音樂試聽網(wǎng)站的信息架構(gòu)能滿足這幾個用戶的需求，能讓他們迅速找到自己想要的東西，那么這個信息架構(gòu)就是合格的。

三、設(shè)計

有了信息架構(gòu)的諸多元件和驗證信息架構(gòu)的方法，就可以用內(nèi)容清單的形式來表現(xiàn)出一個相對完整的音樂試聽網(wǎng)站了。

1、全局導(dǎo)航，實質(zhì)是信息的分類，位于網(wǎng)頁的頭部，是用戶最常見到的架構(gòu)組件，因為已經(jīng)有歌手作為上游節(jié)點的網(wǎng)站樹狀信息骨架，所以很多大流量的網(wǎng)站都采用歌手的相關(guān)分類作為全局導(dǎo)航，如：

搜索，常見的搜索細(xì)分方式有按歌曲、按專輯、按歌手、按歌詞。在高級搜索中還可以增加按年代、按唱片公司、按曲風(fēng)等等。為保證搜索結(jié)果的高質(zhì)量，需要創(chuàng)建一個同義詞受控詞表，用于處理歌手的不同稱呼、繁簡體的轉(zhuǎn)化、可能出現(xiàn)的拼寫錯誤等等。

2、首頁，作為網(wǎng)站的樞紐，需要展現(xiàn)足夠多的重心內(nèi)容，因此在首頁要放置熱門歌曲、熱門專輯、熱門歌手、各種歌曲榜單。

3、歌手索引頁，配合全局導(dǎo)航提供按字母查找歌手的功能（現(xiàn)實中可以找到KTV的點唱系統(tǒng)作為參考），并在第一屏展現(xiàn)熱門歌手。

4、歌手頁，展現(xiàn)歌手元信息，包括：歌手圖片、歌手生日等相關(guān)、歌手所有專輯、歌手熱門專輯或內(nèi)容、用戶對歌手的評價等等。

5、專輯索引頁，通常是以曲風(fēng)類別或發(fā)行時間歸檔。

6、專輯頁，展現(xiàn)專輯元信息，包括：專輯圖、發(fā)行日期、歌手、發(fā)行方、版權(quán)方、語言、曲風(fēng)流派、曲目、用戶對專輯的評價等等。

7、曲風(fēng)頁，展現(xiàn)曲風(fēng)元信息，包括：曲風(fēng)介紹、所有該曲風(fēng)專輯、熱門專輯、用戶對該曲風(fēng)的評價等等。

8、歌曲播放頁，展現(xiàn)歌曲元信息，包括：時長、歌詞、所屬專輯、所屬歌手、用戶對歌曲的評價等等。

根據(jù)不同的信息分類，還可以創(chuàng)建年代、唱片公司、節(jié)奏、音色、聲調(diào)等等信息結(jié)構(gòu)來關(guān)聯(lián)“歌曲”這個信息單元。

源地址：http://www.luweiqing.com/……bsite-IA.html