一石能激千層浪,況且是一巨石?做爲亞洲電商巨頭,淘寶的一舉一動老是牽動着廣大網民的心。上至宏觀戰略的轉向,下至一個頻道的換裝,都會引來大大小小的淘寶買賣家和競爭對手的密切關注,分析、評論文章連篇累牘,各類應對措施更是層出不窮。畢竟,在硝煙瀰漫的電商大戰中,咱們都不是看客。網絡
從汽車、電腦到彩票、點卡,從機票酒店到外賣服務,從租房、買房到水電煤繳費,從C2C到B2C,淘寶的商品、服務和業務範圍一直在不斷擴展。關於淘寶的一招一式,網上的分析文章不可勝數,從公司戰略到頁面設計都有涉及,本文將拋開過於宏觀和過於微觀的方面,嘗試着從信息架構角度去觀察淘寶網首頁,分析其組織海量信息、提升信息的可用性和可尋性的方式,歡迎你們批評。架構
1信息架構的概念、重要性及其組件(已有概念的同窗可略過)
概念學習
「架構」能引發人的最天然的聯想,可能就是與咱們朝夕相處的建築物了。咱們既在有形的建築物中穿梭,也在無形的信息羣裏徜徉。信息架構的概念源自建築結構,但由於信息空間的維度更多、更復雜,它的研究範圍也延伸得更爲廣闊。根據Peter Morville 和Louis Rosenfeld的定義,信息架構(information architecture,簡稱IA),是共享信息環境的結構化設計,是網站和企業網絡的組織系統、標籤系統、搜索系統,以及導航系統的組合。它是一種實踐性的學科羣體,探索設計和建築學原理在數字領域中的應用,提供信息的可用性和可尋性。優化
重要性網站
不是每一個人都會在迷宮似的機場裏迷路,但網民們必定都遇到過讓人迷惑甚至抓狂的網頁——不良的架構阻礙着人們達到目的地。正如建築物的結構會對身處其中的人的行爲和感覺形成影響同樣,信息架構也會影響瀏覽者的行爲和體驗。在這樣一個信息浩如煙海的時代,只要思考一下:人們在網上尋找信息所花費的時間和精力、徒勞無功的搜索行爲形成的損失(包括用戶和網站雙方)、培養用戶行爲的成本、網站維護和重建的成本、品牌建設的成本……,信息架構的重要性也就不言而喻了。ui
四大組件spa
圖 1 信息架構的四大組件.net
組織系統——信息的組織方式設計
也稱分類法和等級體系,是信息分類或分組的主要方式(例如,按主題、按任務、按用戶,或按年代),包括組織體系和組織結構。組織系統是導航系統和標籤系統的基礎。
導航系統——信息的瀏覽方式
協助用戶瞭解其在網站的位置,以及可到達的位置,在網站的不一樣內容之間移動。
搜索系統——信息的搜索方式
用於讓用戶搜索內容。
標籤系統——信息的表示方式
用對用戶來講有意義的語言描述的分類目錄、選項及連接。
2從淘寶網站首頁的改版觀察其信息架構的變遷
從2003年至今,淘寶首頁已進行了數次改版,限於篇幅,我僅選取了幾回,並從組織系統角度分析。
2008年4月10日
圖 2 淘寶網首頁(2008年4月10日)
組織體系
從組織體系上看,淘寶新版首頁綜合採用了幾種模糊性組織體系,包括:主題導向、任務導向、用戶導向、隱喻。
按主題
即以主旨或主題組織信息的方式,這種組織體系要求對涵蓋面的廣度進行定義。用戶從淘寶首頁主導航條(圖 3中序號「1」的紅框部分)上的項目能夠看出,他們能在淘寶買到的商品有「促銷」、「手機數碼」、「女人」、「服飾」、「尚品」、「男人」、「居家」、「母嬰」等;從頁面中部的「寶貝類目」中能夠查找具體的商品類目。
圖 3 淘寶網首頁的主導航和頂部導航(2008年4月10日)
按任務
淘寶新首頁中,用戶最經常使用的交易任務集合在「我要買」、「我要賣」中,用按鈕的形式放在頂部導航的第1、二位,比較醒目(圖 3中序號「2」的紅框部分)。
按用戶
適用於有兩組以上能夠清楚界定出來的用戶的網站。對淘寶來講,賣家和買家就是能夠清楚界定的兩類用戶,淘寶首頁頂部的「我要買」、「我要賣」即爲這兩類用戶提供了不一樣的入口。
按隱喻
隱喻能夠幫助用戶已熟悉的東西瞭解新的東西。「淘寶」的名稱自己就是一個隱喻,在淘寶成立之初,網站知名度不高的狀況下,「淘寶」是一個很通俗、生動的比喻,即便第一次看到淘寶網的用戶,也能夠很快理解網站是作什麼的,以及他能夠在網站上獲得什麼。「商城」、「寶貝」等把人們平常購物生活中接觸的詞彙運用到網站中,大大下降了用戶的學習成本。
幾種組織體系的混用
對於純粹的組織體系,用戶很容易理解,但多種體系混合使用時,系統的擴展性將會下降。淘寶首頁的導航條就採用了主題、任務、用戶、隱喻的混合體系,在主題、任務較少的狀況下,是能夠接受的。但淘寶業務大量擴展的狀況下,這種辦法就顯得捉襟見肘了。在後面的改版中,咱們能夠看到淘寶設計團隊的解決方案。
組織結構
分析完組織體系,緊接着看組織結構。淘寶網首頁運用的三種主要的組織結構包括等級式、超文本式。
等級式
這是一種自上而下的作法,也是經常使用的分類法。
從「寶貝類目」(圖 4中序號「3」的紅框部分)中,咱們能夠看到等級式組織結構(圖 2)。
圖 4 淘寶網首頁的寶貝類目(2008年4月10日)
圖 5 淘寶網首頁寶貝類目等級(2008年4月10日)
作好等級式系統的關鍵是把握寬度和深度之間的平衡。寬度即等級式系統中每一層的選項數目,深度即等級式系統的層數。很顯然,窄而深的系統或寬而淺的系統都會增長用戶的查找難度。要把握平衡,經常使用的方法有7±2法則,但對於商品類目繁多的淘寶來講,這種方法顯然是不適用的。淘寶首頁的類目級數爲二級,屬於寬而淺式,雖然淘寶採起了彌補性的方案,即將寬而淺的類目系統在一屏內展現徹底,但用戶仍需對類目進行地毯式掃描,才能找到須要的商品類目。
超文本
超文本數據能夠按等級、非等級或二者並用的方式鏈接,能夠彌補等級式結構的不足。淘寶網首頁中,按等級、非等級方式連接的超文本隨處可見。
小結
採用模糊性組織體系是符合淘寶網內容和用戶特色的,由於模糊性體系很是適合瀏覽和聯想,對購物目標不明確的用戶,能夠最大限度地挖掘用戶的購買需求。
2008年8月~2011年8月
這三年間,淘寶也進行了屢次首頁改版,從尺寸到版式,從logo到類目,都作了漸進式的改革。
2010年1月1日
隨着淘寶業務的擴展,網站信息的主題和任務已經大大增長,原有的「主題+任務」混合體系已經不能知足需求,左側和中部的類目導航顯得較混亂(圖 3)。
圖 6 淘寶網首頁頭部(2010年1月1日)
2010年5月5日
爲了解決混亂問題,淘寶開始將各類體系放置在不一樣的位置:橫向導航和縱向導航、類目導航,保持了靈活性,避免了用戶的迷惑(圖 4)。但橫向、縱向的導航分類標準仍然有些交叉。
圖 7 淘寶網首頁頭部(2010年5月5日)
2011年9月27日
淘寶新首頁在國慶節前閃亮登場,下圖 5是新首頁截圖。
圖 8 淘寶網首頁(2011年12月31日)
組織體系
從組織體系上看,目前新版首頁將原來幾種模糊性組織體系分佈在了不一樣的位置,混合體系也採起1種主體系+1種輔體系的形式,基本上保持了每一種體系的完整性;除此之外,增長了按地理位置的精確性組織體系。
按主題
橫向導航即爲按主題組織的體系,上面的內容涵蓋了淘寶的主要業務範圍:「淘寶商城」、「聚划算」、「電器城」、「吃喝玩樂」、「HiTao妝扮」、「影視書城」;左側縱向導航也是按主題組織的淘寶主要服務項目;按主題組織的區塊還有「主題市場」、「特點購物」、「全部類目」、「個人本地生活」、「淘寶帶你逛」,以及底部的導航等。
按任務
淘寶新首頁的頂部導航增長了「賣家中心」,與「我要買」、「個人淘寶」、「服務中心」、「購物車」、「收藏夾」並列,這樣,頂部導航成爲集合了買賣家管理我的帳戶和交易任務的入口,另外,保留了焦點圖廣告旁邊的「免費註冊」、「登陸」、「免費開店」入口。
按用戶
頂部導航中的「我要買」、「賣家中心」即爲按用戶組織的體系。
按地理位置
「個人本地生活」根據地理位置的選擇顯示不一樣內容,能夠視爲按地理位置組織的體系。
組織結構
新版首頁運用的主要的組織結構除了等級式、超文本式外,還增長了大衆分類式。
等級式
新版首頁的「寶貝類目」仍然沿用了等級式組織結構,只是類目級數由二級變爲三級,這樣,原來寬而淺的類目結構收窄加深,便於用戶查找;並根據季節、銷售狀況動態調整顯示的2、三級類目(圖 2),如在冬季,「服裝」的二級類目調整爲「秋冬新款」,「生活服務」的三級類目增長「年貨」。
圖 9 淘寶網首頁全部類目等級(2011年12月31日)
超文本
新版首頁中,充分利用了按等級、非等級方式連接的超文本。如「全部類目」中,對全部一級類目的折扣活動都用了超文本連接。
大衆分類
也稱標籤法,依靠用戶參與內容建立和分類,用戶能夠經過標籤來導航,Flickr,Delicious 都是大衆分類組織的典型網站。「淘寶帶你逛」即應用了大衆分類式的組織結構。
小結
新版淘寶在原有組織結構的基礎上作了優化,網站的業務、商品類目更爲清晰,信息的可尋性更強。
圖 10淘寶網首頁信息架構變遷
3小結
以上是信息架構的簡介,以及對淘寶網站首頁改版過程當中信息組織系統變遷的粗淺分析。組織系統也是信息架構的兩大組件——標籤系統和搜索系統的基礎,限於篇幅,本文在這裏對信息架構的其餘三大組件沒有作分析。
4 參考文獻
Peter Morville / Louis Rosenfeld , Web信息架構:設計大型網站(第3版)