|
相信大家對街邊林林總總的房產(chǎn)中介并不陌生，那么我們先看看下面這張圖片。
圖1
從右側(cè)這家店的櫥窗里，我們能迅速分清哪些是租房信息哪些是售房信息。因為店家很貼心的將房產(chǎn)信息進行歸類，并且在視覺上做了一些劃分，讓我們對信息能一目了然。借這個小案例引出我們今天要分享的話題：深廣度平衡。
1.什么是深廣度？其實“深廣度”本身并不是一個單一的概念。在網(wǎng)站的信息架構(gòu)中，有一種組織結(jié)構(gòu)叫做樹形結(jié)構(gòu)：網(wǎng)站首頁視為鏈接層級中第一級，與其有從屬關(guān)系的頁面視為鏈接層級中的第二級，一般稱其為二級頁面。通過二級頁面又可以繼續(xù)得到第三級頁面，依此類推可以得到一個完整的樹形鏈接結(jié)構(gòu)。這樣一個完整的鏈接結(jié)構(gòu)，我們稱它為樹形結(jié)構(gòu)。
在整個樹形結(jié)構(gòu)中，鏈接的層數(shù)被稱為網(wǎng)頁鏈接的【深度】（depth）。而在樹形結(jié)構(gòu)里，最底層頁面包含的頁面總數(shù)被稱為網(wǎng)頁鏈接的【廣度】（breadth）。
我們可以通過下面這張圖來理解深度和廣度的概念：
圖2
2.為什么深廣度需要保持平衡？我們回到開篇的小案例。左側(cè)那店鋪采用的是“只有內(nèi)容鏈接的模型”（它們之間沒有層級結(jié)構(gòu)；鏈接沒有模式可循；且沒有某種導(dǎo)航方案將他們分離開）（注1）在這里每一條房產(chǎn)信息都可以看成一個內(nèi)容鏈接，整個櫥窗就像一張錯綜復(fù)雜的大網(wǎng)，讓人頭暈?zāi)垦！?br />
而右側(cè)的店鋪采用的是“結(jié)構(gòu)化瀏覽模型”（只有一組鏈接，作為獲取網(wǎng)站信息的途徑；導(dǎo)航區(qū)域與布局中其他內(nèi)容有視覺上的分隔；要到達另一區(qū)域的某個頁面，必須沿著樹向上導(dǎo)航，再沿著另一個分支向下）（注2）店家將信息進行了規(guī)整，在房產(chǎn)信息上增加了一個分類，并且對不同類型的信息使用了不同的顏色，高效的將租房信息和售房信息區(qū)分開來。
一個網(wǎng)站的鏈接深度和廣度最好有一個合適的均衡關(guān)系，深度過大的網(wǎng)站不利于用戶快速獲取信息，廣度過大的網(wǎng)站則容易讓用戶在無數(shù)并列的超鏈接面前不知所措。
圖3
圖3的上圖說明了又窄又深的層級系統(tǒng)，用戶必須點擊6次才能到達最底層的內(nèi)容。對又寬又淺的層級系統(tǒng)而言（相對而言），用戶必須從6個類別中選擇，才能找到6個條目。就像圖3的下圖所示，用戶會面臨主菜單上太多選項，而當他們選了一個選項，卻沒看到什么內(nèi)容時，就會產(chǎn)生不良的觀感。（注3）
我們再來看一張用戶對于不同層級結(jié)構(gòu)所需反應(yīng)時間的圖表（注4），圖4：
圖4
總共512項內(nèi)容，組成了三種不同的分級方案，X軸是分級，Y軸是反應(yīng)時間（秒）?？梢院芮逦闯?，在過深和過廣的分級方案上，用戶所需要的反應(yīng)時間都比較長。因此我們在組織網(wǎng)站信息的時候，需要仔細平衡深度和廣度之間的關(guān)系。
|