web-dev-qa-db-ja.com

応答性の高い2次および3次ナビゲーション

私はハンバーガーのプライマリナビゲーションがあるeコマースWebサイトのレスポンシブな製品カスタマイズ機能に取り組んでいますが、製品の主要なカスタマイズの側面を選択するためのセカンダリナビゲーションと、セカンダリ内のオプションを選択するためのターシャリナビゲーションも必要です。ナビゲーション。

これは、カスタマイズインターフェイスのデスクトップバージョンです。

enter image description here

そして、これが現在のレスポンシブデザインです

enter image description here

ユーザーはカスタマイズオプションのレイヤーで溢れているため、レイアウトはレスポンシブにうまく変換されません。私はレスポンシブナビゲーションパターンのベストプラクティスを調査しましたが、すぐにはわかりません。

ハンバーガーのプライマリナビゲーションとセカンダリナビゲーション、およびセカンダリナビゲーションに直接関連するオプションを含むターシャリナビゲーションを処理するための理想的な方法は何ですか?

2
Alex Rivera

私は最近これをたくさん共有し続けますが、うまくいくと思います:

https://tympanus.net/Blueprints/MultiLevelMenu/

1
Mike Mark