web-dev-qa-db-ja.com

モバイルアプリでハンバーガーメニューを開くにはどうすればよいですか?

私は、ハンバーガーメニューをサイドバーメニューとして使用しているモバイルアプリをたくさん見ました。今、私たちはそれをモバイルアプリのデザインで使用し始めており、ハンバーガーメニューを開く方法が非常に重要です。

Androidモバイルアプリだけでなく、すべてのGoogleアプリでも、現在のページにスライドして表示され、その後ろに自分のいる場所が表示されます。FacebookのAndroidアプリケーションは、コンテンツを左にプッシュします。開いた部分はフラットで、影はありません。

StackExchangeenter image description here

どちらが正しい選択方法であり、これら2つのアプローチの主な違いはどれですか。

5
saakian

主な違いは次のとおりです。

  1. 「ハンバーガー」アイコンは、プッシュメニューから適切なインスタンスに移動します。オーバーレイの場合、アイコンは同じ場所に残ります。

  2. 一部のユーザー、特にハンバーガーの機能にまだ慣れていないユーザー(80年代から存在し、Xeroxによって開発されたものであっても)の場合、画面が右に押されたときのエクスペリエンスが少し不快になる可能性があります。一方、オーバーレイは、「表示、編集、ファイル」などのタブをクリックしたときにユーザーが経験する通常のエクスペリエンスにより近いように見えます。

  3. アプリが応答するかどうかは、別の要因かもしれません(ただし、これについてはよくわかりません)。

最後に、これはあなたにとって良い読み物かもしれません:

http://www.linkedin.com/groups/Should-functionality-hamburger-be-standardized-22206.S.58412259730385961

チーズ!

2
wiredmau5

どちらも、(メニューを開く前に)他のコンテンツに戻る方法を示しています。これは一般に アフォーダンス として知られています。どちらの方法も、オブジェクトが実際の世界でどのように動作するかについてのユーザーの考えを活用しているため、直感的に考えることができます。どちらかが本質的に優れているとは言えませんが、アプリケーションを設計している場合は、両方を使用するのではなく、どちらかにこだわります(一貫性も重要です)。

1
Franchesca