web-dev-qa-db-ja.com

一部のページにのみサイドバーを表示する

このアプリケーションでは、デュアルサイドバーのデザインを採用しています。左端はメインナビゲーションサイドバーで、すべてのトップレベルページがあります。これの隣にはコンテキストサイドバーがあり、あなたのページに関連するリンクがあります。一部のページでは、これらはタブリンクであり、表示しているコンテンツを変更します。他のページでは、これらをフィルターにできます。

ただし、一部のページでは、ここに入力するコンテンツがないため、いくつか質問があります。

  1. UXの観点から、このナビゲーションシステムは一般的に意味がありますか?

  2. 一部の画面にセカンダリサイドバーのみを表示するのは悪い考えですか?現在、一貫性を保つために常に表示されていますが、何も表示されないページ上の無駄なスペースです。

編集

ここに私たちが現在持っているもののスクリーンショットをいくつか示します。空のサイドバーは、本当にスペースの無駄です。

Sidebar with content

Sidebar without content

3
PaReeOhNos
  1. UXの観点からそれが理にかなっているかどうかを判断することは困難です。なぜなら、多くはユーザー、そのプロファイル、背景、および習慣に依存するからです。ただし、左側にグローバルビュー、右側にコンテキストビュー。このパターンは、Figmaのような多くの「スタジオ」アプリケーションで見ることができます。 enter image description here

    1. ユーザーは、自分に価値を提供するものだけを持っている方がよいでしょう。したがって、セカンダリサイドバーに役立つものがない場合は、それを取り除く必要があります。
1
asiegf

私は本当にそれの外観、素晴らしい仕事が本当に好きです!これは非常に簡単な修正です。矢印はデモ用に少し大きくなっています。

ユーザーが2番目のサイドバーを折りたたむことを許可する矢印

Collapsed second sidebar with icons

もう1つの方法はホバーを延長することですが、それは偶発的なクリックやアクションにつながる可能性があります

1
Conso

サイドナビゲーションバーを再構築する必要があります。要素のネストは単一のナビゲーションバー内にある必要があり、アクションはナビゲーションバーに保持するのではなく、メインビューに表示する必要があります。このように構成することで、その空のセカンダリナビゲーションバーを回避できます。

上記で説明した概念については、以下のワイヤーフレームを確認してください。

enter image description here

1
Sheraz

コメントの1つに返信したいのですが、スコアがまだ十分ではありません。ごめんなさい!

あなたの質問に行く:

  1. はい、一般的な行です。 -2-で展開

  2. 結論に飛び込んで、サイドナビゲーションの要素の定義が完了していないと思います。どうして?選択されたカテゴリはプロジェクトと呼ばれ、KPI /ファイナンス/ドキュメント/ etcがそれらすべての共通のサブカテゴリである複数の異なるプロジェクトを包含します(例:プロジェクト> X会社> Yサブカテゴリ)。現在、ユーザーがそれらの1つを選択できる方法はありません。 @Sherazがワイヤーフレームに表示するソリューションは、この最初のマイクロ問題を解決することができます(trueのままである場合)。セカンダリナビゲーションやコンテキストナビゲーションについては、これまで何度も見ましたが、ほとんどはメールプロバイダー(Gmail/Outlookなど)であり、ダッシュボードではあまり一般的ではありませんでした。内容がまったくない空の灰色の列を見たことがありません。通常、コンテンツがnullの場合、何らかの情報が付随します。さらに情報が見つかる hereenter image description here

補足として:

私はそれがどのように見えるかを嫌うではないが、その純粋な意見であり、関連する才能ではない。それをテストして、それがどのように機能するかを確認できますか?

私の経験からすると、タブは良い解決策になると思います。あなたはスペースを節約し、ここで議論されているすべてのものを避けます。

以下の「チームワーク」から例を見つけてください

enter image description here

以下に示すように、これらのコンテキストナビゲーションにタブを使用することについて

enter image description here

ベスト、

フェデ

1
Federico Kotek
  1. はい、セカンダリナビゲーションは非常に正常で、ページのどこにでも表示できます。ただし、上部にあるバーでは、たとえばブレッドクラムとスペースを共有できます(@Sherazの回答も参照)。
  2. いいえ、正確に表示されているためです。サイト構造についてユーザーに伝えるために、これより明確にすることはできません。
0
gerstemout