“組織系統(tǒng)定義了信息是如何被分組、標(biāo)記和結(jié)構(gòu)化的，是信息架構(gòu)的核心。” ——《信息架構(gòu)：超越Web設(shè)計(jì)》
一個(gè)網(wǎng)站找不找得到東西，往往不是頁(yè)面不夠漂亮，而是它的“骨架”出了問(wèn)題。
5分鐘教你讀懂一個(gè)網(wǎng)站的組織系統(tǒng) 別急著吐槽“這個(gè)網(wǎng)站太亂了”，我們可以先快速看清它的底層組織邏輯。 看懂之后，你不僅能找信息更快，還能像信息架構(gòu)師一樣，判斷它為什么難用。
第一步：識(shí)別組織系統(tǒng)的類(lèi)型 書(shū)中提到，常見(jiàn)的有 3 種組織系統(tǒng)
層級(jí)式（Hierarchical）：像樹(shù)狀結(jié)構(gòu)，從大類(lèi)一路往下找小類(lèi)。
舉例：淘寶、京東，首頁(yè) > 分類(lèi) > 品類(lèi) > 商品詳情頁(yè)
標(biāo)簽式（Tag-based）：通過(guò)關(guān)鍵詞給內(nèi)容打上標(biāo)簽，便于橫向查找。
舉例：豆瓣、小紅書(shū)的“標(biāo)簽頁(yè)”或搜索推薦
數(shù)據(jù)庫(kù)式（Database/Faceted）：通過(guò)多種維度篩選內(nèi)容。
舉例：招聘網(wǎng)站，按職位、地點(diǎn)、薪資、公司規(guī)模多維度組合篩選
第二步：判斷它靠什么組織內(nèi)容？
是按照主題組織？（如內(nèi)容型網(wǎng)站）
按照功能任務(wù)組織？（如工具型系統(tǒng)）
還是按照部門(mén)/組織結(jié)構(gòu)？（很多B端網(wǎng)站喜歡這樣，用戶(hù)卻常常迷路）
書(shū)中提醒我們：“你用什么標(biāo)準(zhǔn)組織內(nèi)容，決定了用戶(hù)能不能第一眼看懂結(jié)構(gòu)。”
第三步：嘗試“逆向走訪” 挑一個(gè)你想找的內(nèi)容，看你是怎么點(diǎn)進(jìn)去的 → 你靠的是主導(dǎo)航？搜索？標(biāo)簽？推薦？ → 點(diǎn)進(jìn)后路徑清晰嗎？有沒(méi)有繞圈？
這個(gè)路徑，就是它的“組織策略是否有效”的實(shí)戰(zhàn)測(cè)試。
小貼士：在信息架構(gòu)里，結(jié)構(gòu)不是設(shè)計(jì)出來(lái)的，是選出來(lái)的。 你要先了解網(wǎng)站內(nèi)容的本質(zhì)、用戶(hù)的需求，然后再選擇適合的組織方式，而不是反過(guò)來(lái)。
溫柔總結(jié) 讀懂一個(gè)網(wǎng)站的組織系統(tǒng)，就像看清了一座城市的交通圖。 結(jié)構(gòu)清晰，信息才不會(huì)堵車(chē)；邏輯順暢，用戶(hù)才不會(huì)繞路。
你印象最深的是哪個(gè)“特別難找東西”的網(wǎng)站？
歡迎來(lái)評(píng)論區(qū)吐槽/分享，也許我們可以一起改出一個(gè)好用的結(jié)構(gòu)圖
蘭亭妙微(m.ocunn.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
