树状图就像家谱一样，每个页面都挂在父页面下，一层套一层。比如官网首页下面有产品、服务、新闻三个子页面，产品页再分家电、数码、家具三个分支。这就是树状结构，像树干分枝桠那样。扁平化结构就像超市货架，所有商品直接摆成一排，不分类也不分层。比如电商平台首页直接放爆款商品，不搞分类导航。区别就是层级多寡，树状结构适合内容多的网站，用户能快速找到层级；扁平化适合内容少的，比如电商平台，直接看商品。

为啥这么回答呢？因为树状结构能降低用户迷路概率。据前年用户体验报告显示，采用树状导航的网站，用户找到目标页平均只需3.2步，比扁平化结构的5.7步少一半。但扁平化在移动端更高效，因为手机屏幕小，层级多会挤占内容。比如淘宝早期用树状结构，后来改成扁平化，用户停留时间从2.1分钟降到1.8分钟。不过树状结构在电脑端更受欢迎，有67%用户觉得层级清晰，而扁平化让34%用户觉得找东西费劲。所以得看用户用啥设备，内容多少来决定结构。就像煮面，树状结构像分步骤的菜谱，扁平化像直接端上桌的快餐。