建站常識(shí)
關(guān)于音樂試聽網(wǎng)站信息架構(gòu)的一些事
2010-05-05 21:51:00
一、準(zhǔn)備
網(wǎng)站信息架構(gòu)這一概念的出現(xiàn),引導(dǎo)我們用類比建筑學(xué)的方式思考網(wǎng)站。中國(guó)北方的土炕瓦房與南方的吊腳竹樓呈現(xiàn)出迥異的結(jié)構(gòu),是因?yàn)榻ㄖ?、使用人及用途決定了建筑物的物理形態(tài)。同樣的,企業(yè)網(wǎng)站跟個(gè)人博客在形式上的巨大差異也源自網(wǎng)站的內(nèi)容、用戶、情境決定其信息架構(gòu)這一理由。音樂試聽網(wǎng)站面對(duì)著細(xì)分市場(chǎng)上的用戶和使用情境,也擁有“音樂”這樣特殊的內(nèi)容,因此通過對(duì)音樂試聽網(wǎng)站分析,可以描繪出一個(gè)具有特殊性的網(wǎng)站信息架構(gòu)。
音樂試聽網(wǎng)站的基本用途是提供在線音樂試聽,來滿足用戶娛樂需求,這告訴我們構(gòu)建音樂網(wǎng)站大廈的原料就是“音樂”?!耙魳贰?,維基百科的定義是“廣義而言可以指任何一種藝術(shù)的、令人愉快的、審慎的或其他什么方式排列起來的聲音?!背橄蠖y以捉摸,萬幸的是現(xiàn)實(shí)世界為音樂信息粒度提供了一個(gè)可靠的劃分——歌曲,它正是建筑所需的磚石,是直接命中用戶聽歌需求的信息單元。從歌曲出發(fā),分析信息粒度之間的關(guān)系和組織形式,容易發(fā)現(xiàn)這樣的結(jié)構(gòu):若干歌曲構(gòu)成專輯,若干專輯屬于歌手。這是一個(gè)樹狀結(jié)構(gòu),也是音樂試聽網(wǎng)站天然的信息架構(gòu)雛形,用圖形來表示就是如下:
如果音樂試聽網(wǎng)站真如此簡(jiǎn)單,大概也不會(huì)有網(wǎng)站信息架構(gòu)師這樣的職位,眾多互聯(lián)網(wǎng)產(chǎn)品經(jīng)理也不會(huì)撓破了頭。架上顯微鏡,讓我們看看歌曲、專輯、歌手都有什么屬性,也就是獲取更多元數(shù)據(jù)。
歌曲:
時(shí)長(zhǎng)、文件大小、編碼形式、比特率、音軌號(hào)
音色、節(jié)奏、聲調(diào)、流派
歌名、歌手名、專輯名
專輯:
曲目數(shù)、語言、風(fēng)格、發(fā)行日期
發(fā)行方、版權(quán)方、版本
專輯名、歌手名、介紹
歌手:
身高、體重、生日、血型
姓名、英文名、性別、國(guó)籍、婚否
出道時(shí)間、出道地點(diǎn)、出道途徑
網(wǎng)站、博客、所屬公司
即使沒有完全將歌曲、專輯、歌手的屬性列出,依然可以看到信息的類型和復(fù)雜程度大大增加,這體現(xiàn)了音樂試聽網(wǎng)站的信息廣度,也帶來信息架構(gòu)上的真正難題:如何決定信息的重心?
二、分析
逐個(gè)打開alexa.com中排名靠前的中國(guó)音樂類網(wǎng)站,會(huì)發(fā)現(xiàn)各網(wǎng)站雖然在設(shè)計(jì)布局上有諸多不同,但是首頁的內(nèi)容卻有很大相似:各式各樣的榜單、密密麻麻的歌曲列表、推薦了若干專輯。如果將目光放在各網(wǎng)站的試聽排行榜上,曲庫的相似程度更高,與谷歌熱榜音樂相關(guān)的排行也保持了高度一致,而通過統(tǒng)計(jì)alexa的點(diǎn)擊流數(shù)據(jù),得知這些面對(duì)全體中文互聯(lián)網(wǎng)用戶的音樂網(wǎng)站有25%左右的流量來自搜索引擎。這說明用戶試聽和搜索的興趣焦點(diǎn)趨同,都集中在少數(shù)熱門歌曲和熱門歌手。因此,在無法獲知現(xiàn)有音樂網(wǎng)站訪問數(shù)據(jù)的情況下,就可以用搜索熱度來估算音樂網(wǎng)站的內(nèi)容重心,也就是優(yōu)質(zhì)內(nèi)容,在設(shè)計(jì)具體頁面布局時(shí),將優(yōu)質(zhì)內(nèi)容放在第一屏或是其他用戶容易看到的地方。
通過以上分析,我們得到了一個(gè)基于歌曲、專輯、歌手的信息骨架、一個(gè)合適的信息粒度“歌曲”、類型眾多的元數(shù)據(jù)以及一個(gè)估算內(nèi)容重心的方法,現(xiàn)在可以開始建設(shè)一個(gè)結(jié)構(gòu)清晰、主次分明,信息豐富的音樂試聽網(wǎng)站來滿足用戶需求了。
用戶需求總是隱藏在千奇百怪的用戶行為背后,有時(shí)候不得不利用各種蛛絲馬跡來揣測(cè)用戶在想什么。舉個(gè)例子,在百度搜索“什么歌好聽”,返回了625萬條結(jié)果(在啟用安全搜索的google中有493萬條結(jié)果),在相關(guān)搜索里還有“有什么歌好聽”、“現(xiàn)在什么歌好聽”、“什么歌比較好聽”、“2010什么歌好聽”以及各種“某某某什么歌好聽”,即使是在百度知道中也可以搜索到18802條相關(guān)問題,看起來在很多情況下,用戶并不知道自己想聽什么音樂,我們的信息架構(gòu)能讓這些需求不明確的用戶找到滿意的歌曲嗎?
打開google的搜索解析工具,輸入“音樂”作為關(guān)鍵詞,能知道與“音樂”這個(gè)詞相關(guān)的搜索關(guān)鍵詞還有那些:
“下載音樂”、“音樂下載”、“音樂網(wǎng)”、“mp3 音樂”、“聽音樂”、“在線音樂”、“免費(fèi)音樂”
與“專輯”相關(guān)的關(guān)鍵詞有:
“新專輯”、“專輯下載”、“最新專輯”、“歌曲”、“專輯歌曲”
與“歌手”相關(guān)的關(guān)鍵詞有:
“女歌手”、“男歌手”、“日本歌手”、“女性歌手”、“網(wǎng)絡(luò)歌手”、“韓國(guó)歌手”、“中國(guó)歌手”、“臺(tái)灣歌手”
通過這些關(guān)鍵詞,用戶需求的復(fù)雜性和多樣性可見一斑,抽象成一個(gè)需求的分析圖如下:
用站內(nèi)搜索和信息豐富的首頁來覆蓋需求明確或是不明確的用戶,快速引導(dǎo)用戶實(shí)現(xiàn)“對(duì)歌曲的占有”,根據(jù)“占有”程度的不同,劃分為“了解”、“試聽”、“收藏”、“下載”四種不同層次的需求,以及一些衍生需求。圍繞“歌曲”這個(gè)核心,通過提供不同的信息及功能,來滿足用戶,尤其是強(qiáng)化“下載”這個(gè)功能,來滿足“占有”程度最高、用戶意愿最強(qiáng)的需求。
這是一個(gè)不夠直觀的理想化模型,所描繪的是整個(gè)用戶群體,還需要?jiǎng)?chuàng)建若干虛擬角色,以細(xì)分群體的角來形成若干用例,來驗(yàn)證信息架構(gòu)的完整性和有效性。需要用到的工具是google adplanner,通過統(tǒng)計(jì)排名靠前的音樂網(wǎng)站數(shù)據(jù),并參考中國(guó)互聯(lián)網(wǎng)人群的分布,得到其用戶群體的人口學(xué)特征:
男性用戶略多于女性用戶;
年齡在34歲以下的青少年用戶占大多數(shù);
受過一定程度的教育;
某網(wǎng)站的alexa用戶數(shù)據(jù)顯示,35歲以上人群對(duì)該網(wǎng)站的興趣下降,也側(cè)面驗(yàn)證了以上用戶特征的正確性:
由此,可以創(chuàng)建如下幾個(gè)虛擬人物:
代表用戶群為白領(lǐng)、學(xué)生、打工者、音樂從業(yè)者,假如音樂試聽網(wǎng)站的信息架構(gòu)能滿足這幾個(gè)用戶的需求,能讓他們迅速找到自己想要的東西,那么這個(gè)信息架構(gòu)就是合格的。
三、設(shè)計(jì)
有了信息架構(gòu)的諸多元件和驗(yàn)證信息架構(gòu)的方法,就可以用內(nèi)容清單的形式來表現(xiàn)出一個(gè)相對(duì)完整的音樂試聽網(wǎng)站了。
1、全局導(dǎo)航,實(shí)質(zhì)是信息的分類,位于網(wǎng)頁的頭部,是用戶最常見到的架構(gòu)組件,因?yàn)橐呀?jīng)有歌手作為上游節(jié)點(diǎn)的網(wǎng)站樹狀信息骨架,所以很多大流量的網(wǎng)站都采用歌手的相關(guān)分類作為全局導(dǎo)航,如:
搜索,常見的搜索細(xì)分方式有按歌曲、按專輯、按歌手、按歌詞。在高級(jí)搜索中還可以增加按年代、按唱片公司、按曲風(fēng)等等。為保證搜索結(jié)果的高質(zhì)量,需要?jiǎng)?chuàng)建一個(gè)同義詞受控詞表,用于處理歌手的不同稱呼、繁簡(jiǎn)體的轉(zhuǎn)化、可能出現(xiàn)的拼寫錯(cuò)誤等等。
2、首頁,作為網(wǎng)站的樞紐,需要展現(xiàn)足夠多的重心內(nèi)容,因此在首頁要放置熱門歌曲、熱門專輯、熱門歌手、各種歌曲榜單。
3、歌手索引頁,配合全局導(dǎo)航提供按字母查找歌手的功能(現(xiàn)實(shí)中可以找到KTV的點(diǎn)唱系統(tǒng)作為參考),并在第一屏展現(xiàn)熱門歌手。
4、歌手頁,展現(xiàn)歌手元信息,包括:歌手圖片、歌手生日等相關(guān)、歌手所有專輯、歌手熱門專輯或內(nèi)容、用戶對(duì)歌手的評(píng)價(jià)等等。
5、專輯索引頁,通常是以曲風(fēng)類別或發(fā)行時(shí)間歸檔。
6、專輯頁,展現(xiàn)專輯元信息,包括:專輯圖、發(fā)行日期、歌手、發(fā)行方、版權(quán)方、語言、曲風(fēng)流派、曲目、用戶對(duì)專輯的評(píng)價(jià)等等。
7、曲風(fēng)頁,展現(xiàn)曲風(fēng)元信息,包括:曲風(fēng)介紹、所有該曲風(fēng)專輯、熱門專輯、用戶對(duì)該曲風(fēng)的評(píng)價(jià)等等。
8、歌曲播放頁,展現(xiàn)歌曲元信息,包括:時(shí)長(zhǎng)、歌詞、所屬專輯、所屬歌手、用戶對(duì)歌曲的評(píng)價(jià)等等。
根據(jù)不同的信息分類,還可以創(chuàng)建年代、唱片公司、節(jié)奏、音色、聲調(diào)等等信息結(jié)構(gòu)來關(guān)聯(lián)“歌曲”這個(gè)信息單元。
原文:http://www.luweiqing.com/gossip/about-music-website-IA.html
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2009-11-13 14:22:00] 《web信息架構(gòu)》-信息架構(gòu)分四類及分類的方式
- [2010-06-17 08:20:00] 優(yōu)化網(wǎng)站信息架構(gòu)
- [2010-05-12 08:20:00] 信息架構(gòu)中的常見模型
- [2010-09-25 14:48:00] 信息架構(gòu)之Web導(dǎo)航設(shè)計(jì)分類
- [2010-06-01 08:36:00] 信息架構(gòu)中的常見模型-2
- [2009-11-13 14:22:00] 《web信息架構(gòu)》-組織系統(tǒng)
- [2009-11-13 14:19:00] 《Web信息架構(gòu)》-標(biāo)簽系統(tǒng)
- [2007-07-30 18:06:00] 初步了解信息架構(gòu)
- [2007-12-17 13:41:00] 信息架構(gòu)的流程引入
- [2008-01-15 13:47:00] 導(dǎo)航設(shè)計(jì)與信息架構(gòu)
- [2009-11-16 08:24:00] 《Web信息架構(gòu)》-導(dǎo)航系統(tǒng)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
營(yíng)銷型網(wǎng)站 網(wǎng)站規(guī)劃 青島輪胎網(wǎng)站設(shè)計(jì) 網(wǎng)站動(dòng)畫 青島做網(wǎng)站多少錢 手機(jī)端的網(wǎng)站 微網(wǎng)站 網(wǎng)站品牌 網(wǎng)站設(shè)計(jì)趨勢(shì) 外貿(mào)網(wǎng)站設(shè)計(jì) 視覺靈感 交互設(shè)計(jì) 青島網(wǎng)站制作 青島IT資訊 網(wǎng)頁設(shè)計(jì) 企業(yè)網(wǎng)站設(shè)計(jì) 網(wǎng)站的速度 青島網(wǎng)站營(yíng)銷 輪胎網(wǎng)站設(shè)計(jì) SEO優(yōu)化 robots 響應(yīng)式設(shè)計(jì) 力圖數(shù)字科技 H5專題頁面 網(wǎng)站優(yōu)化 微信小程序 膠南網(wǎng)站建設(shè)公司 海信網(wǎng)絡(luò)科技 青島網(wǎng)頁制作 青島網(wǎng)頁設(shè)計(jì)