スプリットビュー
Split view画面を左右2ペインに分割し、一覧（マスター）と選択項目の詳細（ディテール）を常時並べて表示するレイアウト。
○ 使う場面
- メールクライアントのように、一覧と詳細を行き来する頻度が高い作業を効率化したいとき
- PC幅など画面が広く、2ペインを同時に表示する余白があるとき
× 避ける場面
- モバイル幅で2ペインを並べる余白が確保できないとき（一覧⇄詳細の画面遷移に切り替える）
- 一覧の文脈を保ったまま一時的に詳細だけ覗きたいとき（→サイドピーク）
別名
スプリットビュー、2ペイン、マスター・ディテール
近縁種との比較
画面幅が確保できないモバイル環境では、スプリットビューは一覧⇄詳細の画面遷移に置き換わることが多い。
| 近縁種 | 違い・使い分け |
|---|---|
| サイドバー | サイドバーがナビゲーション専用の帯であるのに対し、スプリットビューは一覧（マスター）と詳細（ディテール）という2種類のデータペインを並べ、選択操作に応じて詳細側の内容が切り替わる点で役割が異なる。 |
| サイドピーク | サイドピークが必要なときだけ右側にオーバーレイとしてせり出す一時的な表示であるのに対し、スプリットビューは2ペインを常時固定表示するレイアウトである。 |
分類
機能・役割
- ナビゲーション
- 入力・操作
- 表示・整理
- フィードバック・状態
表示レイヤー
- インライン
- 固定・追従
- オーバーレイ
- 全画面・遷移
複雑さ
- 単体パーツ
- 複合パーツ
- セクション