Master-Detailパターン

一覧(Master)から項目を選択すると詳細(Detail)が表示される、UIの構造化パターン。情報の階層構造を自然に表現できる。

特徴

実装パターン

分割ビュー型

左右または上下に分割し、一覧と詳細を同時表示(メールアプリなど)

遷移型

一覧画面から詳細画面へ画面遷移(モバイルアプリで多い)

ドロワー型

詳細をサイドパネルやモーダルで表示

関連概念