Collections

hr.icon

コレクションは、写真などのコンテンツを順番に管理し、カスタマイズ可能で視覚的に優れたレイアウトで表示します。

コレクションは、厳密に直線的な形式を強制しないため、サイズが異なるアイテムの表示に特に適しています。

一般的に、コレクションは画像ベースのコンテンツを見せるのに最適です。

オプションで背景やその他の装飾を実装し、アイテムのサブセットを視覚的に区別することができます。

https://gyazo.com/cdeb9880c435e6e8b68bf78a9326c5c2

コレクションは、インタラクティビティとアニメーションの両方をサポートしています。

デフォルトでは、タップによる選択、タッチアンドホールドによる編集、スワイプによるスクロールが可能です。

必要であれば、カスタムアクションを実行するために、さらに多くのジェスチャーを追加することができます。

コレクション内では、アイテムの挿入、削除、並べ替えのたびにアニメーションを有効にでき、カスタムアニメーションもサポートされています。

標準的な行やグリッドのレイアウトで十分な場合は、過激な新しいデザインを作成しないようにしましょう。

コレクションは、ユーザーエクスペリエンスを高めるものであって、注目の的となるべきものではありません。

項目を選択しやすいようにする。

コレクション内のアイテムをタップするのが困難な場合、ユーザーは目的のコンテンツに到達する前にイライラして興味を失ってしまいます。

コンテンツの周りには適度な余白を設け、レイアウトをすっきりさせ、コンテンツが重ならないようにしましょう。

テキストにはコレクションではなく、テーブルを使用することを検討してください。

一般に、テキスト情報はスクロール可能なリストで表示した方がシンプルかつ効率的に閲覧・消化できます。

レイアウトを動的に変更する場合は注意が必要です。

コレクションのレイアウトは、いつでも変更することができます。

ユーザーが閲覧し、操作している間にレイアウトを動的に変更する場合は、その変更が意味を持ち、追跡が容易であることを確認します。

意味のないレイアウト変更は、アプリを予測不可能で使いにくいものにします。

レイアウトの変更によって文脈が失われると、ユーザーは自分がコントロールできなくなったように感じる可能性が高くなります。