Sidebars

hr.icon

サイドバーは、アプリレベルのナビゲーションと、アプリ内のトップレベルのコンテンツのコレクションに素早くアクセスできるようにします。

サイドバーで項目を選択すると、特定のコンテンツに移動することができます。

たとえば、Mailのサイドバーには、すべてのメールボックスのリストが表示されます。

メールボックスを選択してそのメッセージのリストにアクセスしたり、特定のメッセージを選択してコンテンツペインに表示したりすることができます。

https://gyazo.com/bcae6f32aecfbdd33fa6d6bafc02da4d

サイドバー形式のリストを使用し、スプリットビューのメインカラムに配置することで、サイドバーを作成します。

サイドバーに正しい外観を適用する。

サイドバーを作成するには、コレクションビューのリストレイアウトのサイドバー外観を使用します。

サイドバーを使用して、アプリレベルで情報を整理する。

サイドバーは、情報階層を平坦化し、複数の同様なカテゴリやモードにすぐにアクセスできるようにする良い方法です。

サイドバーは、アプリの重要な箇所や、フォルダーやプレイリストなどのコンテンツのトップレベルのコレクションにすばやく移動するために使用します。

可能な限り、サイドバーのコンテンツをカスタマイズできるようにする。

サイドバーはアプリのナビゲーションになるため、ユーザーが気になるコンテンツにすばやくアクセスするためのショートカットを提供するために使用できます。

どの項目が最も重要かをユーザーが決められるようにするのがベストです。

サイドバーを非表示にできるようにします。

サイドバーを隠してコンテンツ用のスペースを確保したり、エッジスワイプジェスチャーを使って再びサイドバーを表示したりできるようにしましょう。

デフォルトでサイドバーを非表示にすることは避けてください。

サイドバーのタイトルは簡潔かつ明瞭にします。

不要な言葉や冗長な言葉は省く。

例えば、メールでは、各メールボックスのタイトルからメッセージという言葉を省き、フラグ付きや下書きなど、より簡潔な言葉を使用します。

一般に、サイドバーでは2レベル以上の階層を表示しないようにします。

データの階層が2レベルより深い場合は、スプリットビューのサブカラムにリストビューを使用します。