web-dev-qa-db-ja.com

そのパターンに名前を付ける:サイド「パネル」

誰かがこのパターンに名前を付けてください-テーブルで何かを編集し、モーダルダイアログでコンテンツを編集できるようにする代わりに、ドッキングされた側の「パネル」で編集しますか?以下のスクリーンショットの通り。

私はこれが非常に好きで、モーダルダイアログパターンよりも好むと思います。ウィンドウの中央にあるのではなく、横にあるので、コンテンツの多くをカバーするのではなく、ユーザーがページのコンテキストから取り除かれているように感じます。

このパターンの使いやすさについていくつかの意見が欲しいです。

enter image description here

5
Amy

Appleはこれを Slide Over と呼びますが、iOS 9では Page Slide と呼ばれることもあります。

その2番目のリンクは、Bill Scott( Designing Web Interfaces の作成者の1人)からのもので、長所と短所の概要を少し示しています。

使用法

  • 追加のナビゲーションコントロールを表示するには
  • コントロールやスペースが限られているため、テレビやモバイルスペース
  • 構成パネルを公開するには( Module Configure Pattern と同様)
  • ヘルプまたはコンテキスト情報を明らかにする程度が低い(関連するコンテンツが部分的に非表示になっていると、これには適さない場合があります)

挑戦

  • 発見可能性
  • ページの残りの部分とのコンテキストを失う
  • あなたのために破壊の仕事をする

推奨事項

  • 主要なコンテキストスイッチにのみ使用してください。
  • アニメーションを高速化します。スクロールする能力でユーザーを驚かせる理由はありません
  • アクティブ化/非アクティブ化を完全にシンプルにする
4
Kit Grose

サードパーティ Angular librariesthese は、一般に「サイド」と呼ばれるようになりました。

1
Will

これは通常、サイドパネルまたはスライドサイドパネルと呼ばれます。ユーザーがオーバーレイによって隠されたコンテンツと対話することをブロックする場合、それは効果的にモーダルとして機能しています。ただし、サイドパネルは常にこのように動作するとは限らず、コンテンツをプッシュするだけでなく、オーバーレイすることもできます。

1
Ben Northern

これは ハンバーガーボタン またはハンバーガーメニューと呼ばれます。

聞いたことがあるNavigation Drawer Android用語に関しては、.

ほとんどの場合、ペインは左側にありますが、同じです。

0
meda