web-dev-qa-db-ja.com

ハンバーガーメニューを下部に表示しませんか?

これを考慮して: http://static.lukew.com/tnav-touch-phones2.png http://www.lukew.com/ff/entry.asp?1649

...ディスプレイが大きくなることを考えると、ハンバーガーメニューがUIの下部に配置されていないのはなぜでしょうか。

これと同じように(私が見つけることができた唯一のデザインパターンは...そしてそれはアプリの最新バージョンで放棄されました):

enter image description here


enter image description here

皆が問題を確実に理解できるように、私は新しいAndroidガイドラインを読みましたが、私の経験から、ユーザーは左/右にスワイプする代わりにボタンをタップする傾向があります。

ちなみに、ユーザーが実際にスワイプすることを証明する調査/テストにご案内いただければ幸いです

編集:Androidデバイスの物理的なボタンの近接性に関する問題も認識していますが、UIアイコン/ボタンを十分に大きくすることで簡単に対処できると確信しています。

12
majimekun

大型ディスプレイの到達可能性に関して、私はあなたの懸念に同意します。また、luke w。のデザインビデオセッションにも感謝しています。しかし、ここであなたが考慮すべきいくつかの事柄:

読み取り方向-ページのスキャン

ここでの研究について言及する必要はないと思いますが、最も魅力的で注目されている点は左上隅であることが証明されました。したがって、このハンバーガーアイコン(このアイコンがナビゲーションに適している場合、多くのディスカッションがあります...)がメインナビゲーションのエントリポイントを表す場合、設計者はそれを非常に目立つ場所に配置して、簡単に認識できるようにします(親指が左下隅にあり、アイコンを非表示にしている左利きのユーザーを考えてください)。

知覚されたアフォーダンス

第2に、 知覚アフォーダンス (D. Norman)の観点から、ほとんどのナビゲーション項目は慣例により上部に配置されます。したがって、ナビゲーションは下部に到達する方が簡単かもしれませんが、慣例により、上部にある方が見つけやすく、認識しやすくなっています。確かに、誰かが主張することができます、下部にツールボックス/タブがあり、これは多くのユースケースに有効だと思います。

したがって、実際には、それが最もよく当てはまる明確な「ガイドライン」はないと思います。最新のfacebook iosアプリケーションが思い浮かびます。ハンバーガーアイコンが右下にプロファイル設定用、右上にチャット連絡先用に表示されます。

これが役に立てば幸いです:)

8

私はあなたの主張を理解し、私はしばらく前から同じことを疑問に思っていると言わざるを得ません。

IOSのヒューマンインターフェイスガイドラインとAndroid(ここに例を示します)です。

IOSの場合、画面の下部にタップバードックを配置し、上部にナビゲーションバー(現在の画面の要素にアクションを適用する)を配置することをお勧めします。 https://developer.Apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/Bars.html#//Apple_ref/doc/uid/TP40006556-CH12-SW1

Androidの場合、常に上部にナビゲーションを配置することを推奨しているため、Androidデバイスには物理的なボタンと下部があり、いくつかの矛盾。

画面の左下にハンバーガーメニューが表示されているアプリをいくつか既に見ましたが、ドックメニューは常にそこにあるので(ユーザーは既に使用しているため)、少なくともiOSでスキャンすることは悪い考えではないと思います。 http://www.google.com/design/spec/components/buttons.html#buttons-floating-action-button

一方、最近のGoogle Material Designでは、到達可能性の問題を解決する新しい要素「フローティングアクションボタン」を導入し、Luke W.も最近それを実験し始めました。 http://www.lukew.com/ff/entry.asp?1927

したがって、個人的には、画面下部のフローティングボタンまたはタップバーの一部としてハンバーガーボタンが表示されるアプリが増えることを期待しています。

お役に立てれば!

2
Rafa Q.

ラファにはいくつか良い点があると思います。

IOSの場合、Appleは、実際にはハンバーガーボタン/サイドメニューを推奨していません。これが、デフォルトの実装を提供しておらず、どのアプリでも使用していない理由ですが、多くのiOSアプリ使用Apple推奨するのはタブバーです。主な利点は、すぐに使用できるものが表示されるため、ユーザーから隠されている機能がないことです。タブバーは画面の下部にあります。

GoogleはマテリアルデザインでFAB(フローティングアクションボタン)を導入しましたが、実際にはその前に、Pathアプリはすでに同様のものを使用しています。しかし、iOSの場合、メニューアイコンが一番上にある理由がいくつかわかります。

  1. Facebookアプリは最初にこのパターンを導入しました(またはそれを普及させました)。これは、iPhoneがまだ3.5インチであるiOS 5時代にさかのぼります。通常、ユーザーは画面上のどこにでも問題なく到達できます。その後、多くのアプリがそれに続き、数年後、人々が左上隅に3行を表示したとき、彼らはknowがサイドメニューであることを認識しました。それは慣習となっています。他の場所に置くと、奇妙に見えるか、人々はそれが何であるかを知りません。
  2. 多くのiOSアプリでは、上部のナビゲーションバーが常に表示されます。これは、アプリに階層がある限り、前のページに戻るにはそのようなものが必要になるためです(Androidのような[戻る]ボタンはありません)。したがって、バーにメニューアイコンを追加しても、余分なスペースを必要としないため、「無料」です。一方、ハンバーガーメニューを使用するアプリは通常タブも使用しないため、FABでない限り、アイコンを配置するためのスペースが画面の下部にありません。それでも、それはページのコンテンツをブロックし、ひどく良いオプションではないかもしれません。

Androidの場合、まずiOSから明らかに「影響」を受けます。その後、多くのAndroid開発者(特に初期のもの))は、Android/iosアプリの外観を同じに保つ傾向があるため、...

ハンバーガーメニューを使用する必要があるかどうかについては激しい議論が繰り広げられているので、「なぜそれを一番下に置かないのか」とは答えず、2cにいくつかの理由を提示します。 ;)

1
danqing