私のサイトのマイアカウントページ http://www.yousendit.com を再設計するために、この優先度の低いペットプロジェクトがありました。ここから実行する適切なアクションを決定できません。
水平または垂直ナビゲーション。この場合、どちらを使用するのが良いですか?サイト独自の水平ナビゲーションの下に水平ナビゲーションがあるのは悪いことですか?
画像:
古いアカウントのデザイン:
横型デザイン:
縦型デザイン:
左側のナビゲーションを使用します。しかし、少し変更します。ナビゲーションは1つのように見えるはずです。アイコンを削除するか、アイコンをはるかに小さくします。また、ラベルの間にあるべきではありません-ナビゲーションの処理を困難にします(text-icon-text-iconなど)。これにより、ナビゲーションがはるかにコンパクトになり、小さい画面ですべてが見えなくなる危険はありません。次のようになります。
私はトップナビゲーションを使用しないを2つの主な理由で:
十分に柔軟ではありません。あと1アイテム分のスペースしかない。
視覚的にトップトップナビゲーションは通常困難であり、これも例外ではありませんIMO:
お役に立てば幸いです。
水平
水平方向のナビゲーションデザインは、私にはもう少し自然に見えます。メインナビゲーションとセカンダリナビゲーションを明確に区別しているので、これは悪いことではありません。また、コンテンツがここにある4つのブロックに分割される方法は、関連する領域への出入りが非常に簡単です。
ダイジェストしやすい形式で情報をレイアウトすると、混乱や情報の過負荷を減らすのに役立ちます(これはここで行いました)。
更新:フィルの演出を見た後、これが最良の解決策になると思います。
もちろん、どちらでも機能しますが、垂直ナビゲーションは、水平がそれほど大きくない場所で成長する余地があります。
個人的には、垂直ナビゲーションの方が視覚的に魅力があり、ページ要素をより明確に結び付けていると思います。
積み重ねられた複数の水平ナビゲーションバーがすぐに混乱する可能性があるといつも感じていましたが、それを裏付ける経験的データはありません。
オリジナルの何が問題になっていますか?私にとって、それは最高です。各セクションの内容を気にする必要はありません。重要なものはすべて明確にマーク/リンクされています。新しいバージョンでは、訪問者はいつマイプランと請求情報を選択するかを直感的に知っていますか?
これはUX.stackexchangeであり、Gd.stackexchangeではないので、現在のアプローチではなく、このタイプの情報のネストされた表示の使用にUXの影響(特にアクセシビリティ)はありますか?
それがGd.stackexchangeであり、2つのバリエーションがオリジナルのサブページであるかのようにプロジェクトにアプローチする場合、垂直オプションはより良いでしょう-すでに述べたように、それは成長する余地があります。