UIでのダッシュボードおよびサブカテゴリタブの配置
このUIを確認しているところです。
上部のナビゲーションバーのすべてのタブは、ダッシュボードビューのメイン領域にあるリンクをクリックして直接開くこともできます。 UIでは、ダッシュボード内からアクセスできるタブは、上部ナビゲーションバーのダッシュボードと同じレベルに配置されます。
UIに複数のタブがあります。
- ダッシュボード
- タブA
- タブB
- タブC
- タブD
ダッシュボードはUIの全体的なビューを提供するため、すべてのタブA、B、C、Dへのリンクが含まれています。つまり、ダッシュボードはUIのすべてのタブのビューです。ダッシュボードビューのタブリンクをクリックすると、そのタブが表示され、上部のナビゲーションバーでそのタブが自動的に選択されます。
UIの上部にあるすべてのタブを[ダッシュボード]タブと同じレベルに配置する必要がありますか？私の理解では、これらのタブはダッシュボードの下にあります。ダッシュボードは、他のすべてのタブを含む親です。ダッシュボードやその他のサブタブの最適なナビゲーションは何ですか？
このUIには、他にどのような改善が必要だと思いますか？配置、配置、UI原則に関連するものはすべて、ユーザーエクスペリエンスを改善できるものであれば何でも歓迎します。
前もって感謝します。
ここで混乱を引き起こしている言葉は「タブ」だと思います。それをメニュー項目と呼びましょう。
では、ダッシュボードについて話しましょう。このページの目的は、ユーザーにWebサイト上の最も重要な/関連するリンクまたはアイテムの概要を提供することです。これは、ダッシュボードではないが他のメニュー項目（タブ）をカプセル化しているのではなく、要約を保持していることを意味します。したがって、他のメニュー項目と同じ階層レベルにある必要があります。
タブA、タブBタブCなども、ユーザーがWebサイトをナビゲートするのに役立つメニュー項目であり、サブカテゴリではありません。 Iは問題ありません。
PS：個人的には、ダッシュボードが表示されているときに、メニュー項目を左の上に置くのではなく、上に置くことを好みます。これにより、上部のヘッダーにユーザープロファイル、アラート、検索バーを実装できます。
私にとって、ダッシュボードはタブのようには聞こえません。私の理解はメインページとして考えるべきです。次に、他のリンクはタブになります。前述のように、これらのページはダッシュボードの下にデザインされる場合があります。これを見てください ダッシュボードのデザイン。
これがあなたがいくつかのアイデアを得るために役立つことを願っています。
私の理解では、ダッシュボードは、たとえばユーザーが検索結果からアイテムを選択した後のランディングページであり、ダッシュボードを構成するすべてのタイルは、個々の要素のスナップショット/概要です。したがって、ナビゲーションでパターンを視覚化する方法は、ダッシュボードを左上から1番目（ダッシュボードの下）、右下から最後にダッシュボードを上に配置し、その下に配置することです。そして、はい、私はまた、上部ナビゲーションよりも左サイズのナビゲーションを好みます。また、左側のナビゲーションでは、より多くのタイルを配置できるスペースが少ないため、スペースの制約を克服できます。