TOPへ戻る

コレクションとシングル

シングルとコレクションは、アプリケーションにおける「ビュー」のパターンを指す。
これらはOOUIデザインの文脈で使われる。

「ビュー」は、ユーザーが実際に画面上で目にするひとまとまりの情報表示領域のことである。
オブジェクトはビューを通して画面上に表現され、ユーザーに知覚される。

そして、ビューは大きく「コレクション」と「シングル」に分類できる。

コレクション

コレクションは、ひとつのビューの中に同種のオブジェクトを複数並べて表示するもの。
代表的なUIとしては、リストやカードを用いたグリッドレイアウトなどが挙げられる。

例えば、メールアプリにおける「受信ボックス」はビューの中に、複数の「メール」オブジェクトが並んでいる。

シングル

シングルは、ひとつのビューでオブジェクトひとつ分を表示するもの。
通常はコレクションよりも多くの属性を表示する。

例えば、メールアプリにおける「メール詳細」では、本文や宛先などが、受信ボックスよりも詳細に表示される。

ビューとレイアウトの設計

ビューの設計時には、オブジェクトに対してコレクションとシングルのふたつのビューを設けることが一般的である。
多くのアプリケーションでは、各オブジェクトの一覧画面がコレクション、詳細画面がシングルにあたる。

コレクションとシングルをレイアウトする際には、それぞれを別の画面に分割する方法もあり、また、デスクトップアプリケーションなど広い面積が使用できる場合には、領域を分割して1つの画面内に配置することも可能である。

メールアプリの例

コレクションとシングルを別の画面に分割する場合
メールの一覧と詳細をそれぞれ別の画面に配置する。

コレクションとシングルを1つの画面内に配置する場合
横長の画面を左右に分割している。左側にメールの一覧、右側に本文などの詳細が配置されている。

参考