web-dev-qa-db-ja.com

素材:ハンバーガーメニューとナビゲーション

現在、ハンバーガーメニューとアプリのナビゲーションについて検討しています。ドライブアプリの使用例は次のとおりです。

これは、ランチャーから開いたときのドライブアプリです。

これがメニューです。タップしますスター付き

これはスター付き画面です。左上のハンバーガーメニューアイコンに注意してください。 Androidハードウェアの戻るボタンを押すと、最初の画像に示すように、ドライブアプリがマイドライブページに戻ります。 マイドライブページはルートビューではなく、スター付き画面には戻るボタンがないため、アプリが閉じると主張することもできます。

これを処理する好ましい方法は何でしょうか?チェックしたほとんどのアプリは、このトピックに関してかなり一貫性がないようです。

1
moritzg

@Shreyasのポイントを繰り返します。「ニーズに応じたパターンとアクションを定義するための別のアプリケーション」を採用しないでください。

次の理由により、私は間違いなくユーザーを「マイドライブ」ページに戻します

1-​​=これは、ユーザーがであったの前のページであり(たとえそれがルートビューページではないと主張する場合でも)、戻るボタン、ユーザーが期待する戻る

2-スター付きページにいて、アプリを終了したい場合は、Homeボタンをタップするだけで、アプリが終了し、それが動作ですユーザーは期待しています。

-スター付きページにいて、bothホームボタンと戻るボタン同じように動作するの場合取りません利点 [戻る]ボタンを使用できること。ボタンごとに異なるタスクを実行できます。

3
Mo'ath

必要に応じてパターンとアクションを定義するために別のアプリケーションを使用しないでください

ここのスクリーンショットは、(おそらく)「スター付き」がスタンドアロンページではないGoogleドライブアプリのものです。ここで、「私と共有」、「最近」、「スター付き」などは、「マイドライブ」画面の下位区分です。したがって、ユーザーがアプリケーションの「マイドライブ」画面(ホームページ)に移動するのは理にかなっています。

いくつかのアドバイス

  • ユーザーの要件とアプリケーション画面の階層に基づいて、独自のナビゲーションフローを作成します。

  • また、これは非常に重要ですGoogle/Apple/Microsoftアプリケーションをベースラインとして使用しないでください。多くの場合、これらのアプリケーションはUXが低く、ナビゲーションフローパターンを誤解させます。

  • アプリケーションにも同様のパターンがある場合、またはすべてのメニュー項目を基本画面と見なすことができる場合は、「2回タップして終了する」アクションを使用します。一部のアプリでこれに気づいたかもしれませんが、戻るボタンをタップすると、もう一度タップしてアプリを終了するように求めるトーストメッセージが表示されます。

4

画面ナビゲーションとハードウェアナビゲーションを混同しないでください。 Googleドライブアプリケーションはハブアンドスポークパターンを使用します。ハンバーガーメニューは、アプリのさまざまな部分を案内するハブです。また、「スポーク」の最初のレベルにいる場合は、ハンバーガーメニューアイコンを使用する必要があります。の

Hardvareの戻るボタンは、ナビゲーションの「元に戻す」のように機能します。前のウィンドウに移動するか、表示されたポップアップを閉じることができます。したがって、あなたのケースIDでは、スター付きの画面にいて、「戻る」ボタンを押します。前の画面に戻ってメニューを開かなくても問題ありません。

0
Sashko Valyus