在設計中后臺產品時，我們會碰到各種需要多層目錄（或級聯選擇）的場景。
最近在應對多層目錄的需求時踩了小坑蔼紧，好在后來意識到問題，及時修正了方案躺枕。不聊問題服猪，先來看看常見形式：
形式一：多層目錄
常用于文件或報表索引供填，層級深度為3-4，模塊位于側邊導航處罢猪，每層可點擊+展開/收起近她。
confluence.jpg
bdp 個人版
利
- 信息層級清晰直觀
- 左右映射，索引與內容一致性
- 直接了當膳帕，隨時在不同內容間切換
弊
- 界面冗余
- 分散用戶注意力
- 索引易被遮擋粘捎，需Hover或橫向滾動
形式二：產品服務List
常用于控制臺/產品官網，特點是深度為1-2層危彩，Hover即出現攒磨，平鋪展示所有項目。
aliyun
baiduyun
利
- 平鋪全集汤徽，便于發(fā)現和尋找服務
- 內容區(qū)足夠大娩缰，極少存在遮擋
- 默認收起，不占頁面空間
弊
- 僅適用于1-2層深度
形式三：級聯選擇
常見于控制臺導航欄選擇服務或表單級聯選擇框谒府，深度較自由拼坎，一般為2-3層。
aliyun 級聯選擇
antdesign 級聯選擇框
利
- 便于一次性選擇
- 可承載較多選擇項完疫，兼容性佳
弊
- 不利于頻繁切換
形式四：分步選擇
常用于較謹慎表單操作泰鸡，將3-4甚至更多層級打散，頁面每次平鋪顯示本層內容壳鹤，逐層確定盛龄。
應用
最近一次應對這個問題時，首先嘗試的是多級目錄這一最原始的手法芳誓，考慮到于內容易被遮擋余舶，便努力嘗試了其他方式，包括級聯選擇兆沙、平鋪展示全集欧芽、打散分步選擇等能想到的各種方法。想了一圈葛圃，有找到「看起來」更好的方式千扔，但中后臺產品最重要的還是業(yè)務邏輯憎妙，于是最后又回到了原點，選擇了多級目錄曲楚。
控制臺類產品設計往往建立在已有的設計規(guī)范/原則的基礎上厘唾，然而即使是同一控制臺的不同模塊，在形式上也未必完全一致龙誊，即實際解決方案沒有那么「漂亮」抚垃。十全十美的規(guī)范不存在，如果強行套用趟大，就要以犧牲部分用戶體驗為代價了鹤树。
