web-dev-qa-db-ja.com

ツリータブ構造の使用

タブ構造があり、各メインタブの下に他のオプションがあるので、プライマリタブとセカンダリタブを視覚的に異なるように表示するツリータブ構造を選択しました。

ユーザーがトップレベルのメインタブを下にスクロールすると、以前のデザインがドロップダウンに変換され、混乱を招くと思います。新しいデザインとして、2つのタブの見た目を変えましたが、下にスクロールすると、2つのタブが表示されないように感じます。ユーザーが下にスクロールしているときにタブのコンテキストを表示できる他の解決策はありますか

Old Design two tabs

old design after scroll it changes to drop down

primary tabs converted into drop down

new design

3
Harshith

最初に、このスレッドを閲覧することを強くお勧めします ここ 、特にNaoise Goldenによる回答。探索できるオプションと、ネストされたタブが扱いにくいパターンである理由を理解する上で非常に役立ちます。

そうは言っても、私はあなたのスクリーンショットを見て、どういうわけか、複数のタブにまたがってコンテンツをグループ化する方法について、もう少し考えることができたようです。より思慮深い情報アーキテクチャ/分類に要約されます。たとえば、ポートフォリオを[全体]カテゴリ内の子として表示しますが、[ステージ/セクター/場所ごとのポートフォリオ]の形式で親として表示します。それと私の仮定だけを考えると、インテリジェントなフィルタリングとより良い分類を使用して同じ結果を得ることができます。すぐに参照できるように、それをモックアップに入れます。

enter image description here

1
Amit Jain

標準のドロップダウンナビゲーションスタイルを使用しないのはなぜですか?

enter image description here

1
Miroslav Jonas