做产品 PMaker
宽而浅 一级五到九项,两三层到底 一眼扫完,选一次就到 第 2 层 第 3 层 第 4 层 · 基本没人到 窄而深 每层选项少,但要点很多次 每多一层,流失一批人

同样多的内容,两种铺法。人扫一眼九个选项,比连点四次要轻松得多。

宽而浅

在同屏扫十个选项,比连续点四次进四层容易得多。前者是一次识别,后者是四次决策。

你会遇到的现象
  • 某个功能确实存在,但用户说从来没发现过
  • 三级以下的页面几乎没有访问量
  • 为了让导航看起来清爽,把东西一层层往里塞

一级菜单五到九项这个范围,来自人的短期记忆一次能有效处理的信息量。少于五项通常说明这一层没必要存在,多于九项就该分组。

但真正的重点是深度。每多一层,就会流失一批人。这不是因为点击麻烦,是因为每一层都要求用户做一次「猜它在哪一类里」的判断,判断错一次就得退回来重来。

超出九个怎么办

做法什么时候用
分组但不加层 在同一屏内用分隔线或小标题把十几项分成三组。用户还是一眼扫完,没有多点一次
砍掉低频的 先看数据。一个月没人点的项,收进设置页比留在导航里好
加搜索 项数确实多且都需要(比如设置项),做一个能搜的入口比精心分类有效
改用矩阵 如果内容有多个属性、用户从不同角度找,用筛选代替分类
再加一层 最后才考虑。它看起来最整齐,代价也最大
第一种被低估了。视觉上分组和结构上分层是两件事——前者不增加用户的操作步骤,后者增加。

已经太深了怎么改

面包屑不能解决深度问题,它只解决「我在哪」。用户在第四层不迷路,不代表他愿意每次都点四下。