私は携帯電話でより良いUXが何であるかを理解しようとしています。サブナビゲーションをタブとして持つか、ドロップダウンにするか。
次の画像では、サブナビゲーションがデスクトップのタブから携帯電話のドロップダウンに変わります。
デスクトップの上部にサブナビゲーションが白で表示されます。それぞれのオプション(トップストーリー、世界、米国、ビジネスなど)を確認できます
上部のナビゲーションには、アクティブなサブメニューのみが表示されます。ドロップダウンを使用して、他のオプション(世界、米国など)にアクセスします。
次の例では、メインメニューはタブのままです。
すべてをメインナビゲーションに配置すると、通常、メインナビゲーションはクリックできなくなります。通常は拡張可能です。または、次のスクリーンショットのようにヘッダーとして表示されます。サブナビゲーションは直接クリック可能なものです。 (「お気に入り」は「ニュース」であり、その下のすべてが異なるリンクであったと仮定します)。
私の例のほとんどはニュースアプリでした。これらのニュースアプリのサブナビゲーションは、ニュースストーリーの大きなフィルターと見なすことができます。つまり重要なスポーツストーリーを表示するために、必ずしもスポーツリンクをクリックする必要はありません。ただし、メインタブで見つけることができるものを正確にフィルタリングするのではなく、追加の情報を表示している場合はどうでしょうか。つまり死亡記事セクション。それはメインページには表示されませんが、それでも誰かがナビゲートしたいものです。
ユーザーがクリックするまでユーザーはその質問を知らないと言って、あなた自身の質問に答えたと思います。また、ドロップダウンメニューまたはサイドメニューをクリックした場合も同様です。
ユーザーがそこにあることを知らなければ、そこにもないかもしれません。タブはより多くの可視性を提供し、それらはより多くの不動産を占有しますが、私はそれを大きな問題とは考えていません。また、タブを使用してより深いナビゲーションを実現できると思います。タブを使用するほとんどのiOSアプリを見て、Androidも同様です。
答えはそれほど多くありませんが、これが役に立てば幸いです。
タブはより多くの領域を占める可能性がありますが、多くのアプリは、ページを下にスクロールするときに、タブ(または任意のサブヘッダー/ボタンバー)がメインヘッダーの後ろに上にスライドするパターンを使用しています。ページの上部に向かって単純にスクロールすると、タブが表示されます。これにより、ユーザーはアプリ内のどこにいるかを知ることができますが、下向きにブラウジングしている間、親指の価値がある不動産が得られます。
Yik Yak、Facebook、Instagramなどで見られます。