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