深广度平衡

深广度平衡

来源：ChinaUI 作者：ued.taobao 发布时间： 2010-02-02 16:15:46

交互设计实用指南系列(8)—深广度平衡

相信大家对街边林林总总的房产中介并不陌生，那么我们先看看下面这张图片。

图1

从右侧这家店的橱窗里，我们能迅速分清哪些是租房信息哪些是售房信息。因为店家很贴心的将房产信息进行归类，并且在视觉上做了一些划分，让我们对信息能一目了然。借这个小案例引出我们今天要分享的话题：深广度平衡。

1. 什么是深广度？

其实“深广度”本身并不是一个单一的概念。在网站的信息架构中，有一种组织结构叫做树形结构：网站首页视为链接层级中第一级，与其有从属关系的页面视为链接层级中的第二级，一般称其为二级页面。通过二级页面又可以继续得到第三级页面，依此类推可以得到一个完整的树形链接结构。这样一个完整的链接结构，我们称它为树形结构。

在整个树形结构中，链接的层数被称为网页链接的【深度】（depth）。而在树形结构里，最底层页面包含的页面总数被称为网页链接的【广度】（breadth）。

我们可以通过下面这张图来理解深度和广度的概念：

图2