web-dev-qa-db-ja.com

モバイルナビゲーション-キャンバス外またはドロップダウン?

私は、モバイルの小さな画面サイズでメインナビゲーションが「メニュー」ボタンに圧縮されるレスポンシブサイトに取り組んでいます。ナビゲーションを処理するには、2つの強力な方法があるように思います。

  1. Off-canvas-メニューはページコンテンツを右に押して、小さな部分だけが表示されるようにします。 Indochino( http://www.indochino.com )と同様に、多くのアプリ(Facebookなど)がこの手法を使用しています。

  2. Dropdown-メニューが垂直方向に下に表示されます(ページコンテンツが下に押し下げられることもあれば、ページコンテンツが覆われることもあります)。これはキャンバス外よりも少し一般的です-例はノキア( http://www.nokia.com )です。

2つのオプションの使い勝手に大きな違いがあるのは、個人的な好みによるもののようです。 この2つを具体的に比較する研究はありますか?一方が他方よりも強い特定のコンテキストはありますか?

5
Michael Histen

私の2セント:

off-canvasのデザインは、モバイルappで非常にうまく機能します。Facebookのようにネイティブのスワイプジェスチャーにフックして、可能な限り最も美しく使いやすいデザインを実現できます。

dropdownは、Bootstrapと同様に、タップするだけでアニメーションが実行されるので、モバイルサイトでうまく機能します。使いやすさ。ドロップダウンはあなたの行く方法になるでしょう。

1
Witch-King