web-dev-qa-db-ja.com

どのような場合に下部ナビゲーションを非表示にする必要がありますか(モバイルアプリ)?

多くのモバイルアプリには下部ナビゲーションがあります(Instagram、Twitterなど)。ただし、一部のページ/プロセスでは、下部のナビゲーションが表示されなくなります。

例えば。 Instagramでは、写真をアップロードするプロセスを実行すると、下部のナビゲーションが消え、最初から最後までのプロセス全体が表示されます。アップロードが完了すると、下部のナビゲーションが再び表示されます。

それで、アプリの主な目標/アクションを実行するときに、下部のナビゲーションを非表示にして、ユーザーが気を散らすことなくプロセスを完了することができると仮定しても問題ありませんか?また、他のどのような場合にナビゲーションを非表示にする必要がありますか?

6
catandmouse

これは、オペレーティングシステムパターンと同様にUXパターンに関連しています。

Swiftについて少し学ぶと、それは「下部のナビゲーションを隠す」ことではなく、実際に表示しようとしているコンテンツに異なる形式のプレゼンテーションを使用することだとわかります

IOS向けに設計している場合は、Appleが iOSヒューマンインターフェイスガイドライン)で最もよく説明されています

理想的には、人々はノンリニアな方法でiOSアプリを操作できるため、アプリ内のモーダルエクスペリエンスの数を最小限に抑えることができる場合に最適です。一般に、モーダルコンテキストの作成は、次の場合にのみ検討してください。

•ユーザーの注意を引くことが重要です

•ユーザーのデータがあいまいな状態にならないように、自己完結型のタスクを完了するか、明示的に中止する必要があります。

以下は 別の良い参考資料 です。これもガイドラインから引用されており、Instagramがモーダルビューを使用することに決めた理由がわかります。

アプリの主要機能に関連する自己完結型のタスクを実行する機能を提供する必要がある場合は、モーダルビューを使用します。モーダルビューは、常にメインアプリのUIに属していないUI要素を必要とするマルチステップサブタスクに特に適しています。

ただし、注意してください。異なるプログラミング言語(Androidなど)は、パターンとプレゼンテーションを異なる方法で実装する場合があります。

IOSがプラットフォームの選択である場合、私はhighly時間をかけて 完全なiOSヒューマンインターフェイスガイドライン を読むことをお勧めします。 Swiftを自分で学ぶこともできます。システムの仕組みとその制限を理解することは、特定のユースケースに最適な決定を理解するのに大いに役立ちます。

1
Lucas Cerro

だからあなたの質問にまっすぐ答える:

それで、アプリの主な目標/アクションを実行するときに、下部のナビゲーションを非表示にして、ユーザーが気を散らすことなくプロセスを完了することができると仮定しても問題ありませんか?

はい。あなたが言及した重要なフレーズは、「ユーザーが気を散らすことなくプロセスを完了するため」です。ナビゲーションバーを非表示にすることで、アクションを実行するためのスペースをユーザーに与えるだけでなく、邪魔なもの(検索、プロフィール、Instagramの場合は画像フィードタブに移動するなど)も取り除くことができます。

他のどのような場合にナビゲーションを非表示にする必要がありますか?

ユーザーにアクション/タスクの実行について焦点を当てたい場合。写真をアップロードしたり、画像を拡大して確認したり、重要なファイルやドキュメントを読んだりします。邪魔なもの(ナビゲーションバーなど)を削除することは、スペースのためではなく、アクションの実行などの何かにユーザーの注意を集中させるために、優れたuxプラクティスです。

数ヶ月前に私は同じ問題を抱えています。だから私はいくつかの研究をしました。アプリがinstagram(私が言っていることを知っている)やaliexpressなどのスクロール可能なものである場合、下にスクロールすると非表示になるはずです。このトリックはコンテンツにより多くのスペースを与えます。横にスクロールするアプリの場合、非表示にする必要はありません。

ボトムナビゲーションに関する詳細については、この記事もご覧ください。 https://uxplanet.org/perfect-bottom-navigation-for-mobile-app-effabbb98c0f#.it8ge1ce6

0
Yalindre Nuwan