web-dev-qa-db-ja.com

ダッシュボードで不明な数のタブを処理するための代替手段は何ですか？

別のセクションに移動するダッシュボードに複数のタブがあります。行のタブの最大数に達すると、別の行に移動します。タブの数は定義されていません。ユーザーはダッシュボードに任意の数のタブを作成します。

これは非常に雑然としていて魅力的ではなく、現在この問題のUXソリューションを探しています。

enter image description here

gui-designtabsdashboard
1
Mark

ログにユーザーが新しいタブを追加できるようにする方法や、タブを1つのグループにまとめることができるかどうかはわかりません。

- Group 1 -> Tab1 , Tab2, Tab3
 - Group 2 -> Tab4
 - Group 3 -> Tab7, Tab8 and so on

次に、メニュー階層のように、ユーザーが各セクションにアクセスするのがより簡単になるUIを提供できます。

そうでなければ、私が考えることができる他の2つのオプションがあります、

1）水平にスクロールするすべてのタブを1行にレイアウトします

enter image description here

2）左側のサイドバーにタブをレイアウトします。ここでは、すべてのタブを垂直にスクロールできます。

enter image description here

実行時のように機能を詳細に理解するのを助けると、ユーザーはチップのようなオプションを追加でき、それらはタブとして追加されるか、または私がこのczについてさらに詳しく探ることができます。そのスムーズなUX。

1
Niki

ダッシュボードの通常の基準は、表示可能な高さを維持することですが、Googleアナリティクスや他の多くのアナリティクスページで発生するように、垂直方向にスクロールさせることができます。複数のタブを作成する代わりに、1つの長いスクロールページで複数のタブを並べ替えることをお勧めします。同じフィルターが適用可能で、ユーザーがフィルターを簡単に変更でき、キャッシュの問題が発生しないため、個々のタブのフィルター選択。

1
Ren

enter image description here

最初の解決策は、モバイルでよく使用される垂直スクロールです。矢印を右に配置し、必要に応じて左に配置します。
2番目の解決策は、最後に「toogle more」ボタンを配置することです。ここでは、適合しなかった他のすべてのタブを切り替えます。

3分の1の解決策は「メガドロップダウン」です。これは、アイテムが多すぎる場合、タブは最善の解決策ではないと考えることができるためです。

1
xul