web-dev-qa-db-ja.com

モバイルWeb向けのフローティングバーガーとボトムナビゲーション

5つのオプションのメニューがあり、モバイルWebアプリでフローティングバーガーを使用するか、下部ナビゲーションメニューを使用するかを決定します。

ロゴ、通知ベル、およびユーザーのアバター(クリックするとプロファイルのオプションが開きます)が表示される上部に既に固定バーがあります。

フローティングバーガーはメニューに移動するためのクイックアクションボタンを提供しますが、それは際立って...それは邪魔になります。

一方、下部のナビゲーションは、手間をかけずにメニューにすばやくアクセスできるため、アプリの優れた標準と見なすことができます。ただし、Safariの下部バーにより、メニュータブを2回クリックする必要があるため、iOSユーザーに悪いユーザーエクスペリエンスを提供します。ブラウザのボトムバーが離れているとき。

2つの間の最良の選択肢は何ですか?他のより良い代替手段はありますか?

4
Dimitris

ここ にリンクされているように、ハンバーガーは この調査 で説明されているように、アプリの一部を非表示にしておく場合があります。この証拠から、他のカテゴリを少なくとも永続的に表示するメニューの方が良いかもしれません。

リンクが機能しなくなった場合の調査の要点:ハンバーガーから下のナビゲーションバーに切り替えた後(エントリが少ない、つまり情報アーキテクチャが異なる)、

  • 「顧客はアプリをより頻繁に使用しました。セッション数は2倍以上になりました!
  • 彼らはアプリでより多くの時間を費やしました:セッション時間は70%増加しました
  • 最終的には、より多くの顧客のリピートが見られ、1日のアクティブユーザーがほぼ一晩で65%増加しました。」
1
virtualnobi

たぶん、もう1つのオプションは、上部のスティッキーバーにメニューを配置することです。従来、メニューは画面の上部にあると想定されていました。フローティングバーガーは主にクイックアクションに使用され、ナビゲーションにはあまり使用されません。

もう1つのオプションは、5つの項目のメニューを画面の下部に貼り付けて、開く必要がないようにすることです。

Home, User profile and notification on the bottom

0
Dimitra Miha

Apple以前はモバイルWebサイトで使用していた)のようなスワイプ可能なタブナビゲーションスタイルを使用することもできます。ここでの利点は、UIが常に存在し、オフスクリーンオプションを無視することです。私の意見では、ハンバーガーは難しい問題の解決策としては不十分です。当然のことながら常に勝利し、より多くのオプションをより多くのユーザーに表示することは、多くの場合、より多くの使用につながります。

0
jefff