SCALE — Build Lab

段階的開示(Progressive Disclosure)

情報設計

最初は最重要情報のみ。詳細は「もっと見る」で展開。

Do 良い例

カード(要約3行)→ クリックで詳細ページ

Don't 悪い例

一覧画面に全フィールド表示で1行が画面幅超え

段階的開示(Progressive Disclosure)

:LiTarget: 原則

最初は最重要情報のみ。詳細は「もっと見る」で展開。

:LiCheckCircle: Do(良い例)

カード(要約3行)→ クリックで詳細ページ

:LiXCircle: Don’t(悪い例)

一覧画面に全フィールド表示で1行が画面幅超え