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