モバイルアプリでカテゴリツリーを表示する最良の方法

Question

私は少しハイブリッドモバイルアプリケーションを開発しています、それはe-commerceアプリ、すべてゼロから設計しました。管理者がいつでもカテゴリやサブカテゴリなどを追加できるように設計しています。次のようなケースが発生する可能性があります（少しまれなケースかもしれません）。

Category 1 Category 1.1 Category 1.2 Category 1.3 Category 1.3.1 Category 1.3.1.1 Category 1.3.2 Category 1.3.3 Category 2 Category 3

これを行う最善の方法は何ですか？ CSSフレームワークとして、私は Materialize を使用しています。

このセクションを閲覧する際、どのようにアドバイスしますか？

最初は、それらが単なるカテゴリである場合（子なし）。アコーディオンを作るか、マテリアライズで Collapsible と呼びます。そして、ユーザーがアイテムをクリックすると、すべての製品のリストが下に開かれます。

このタイプのアプリケーションのベストプラクティスは何ですか？製品の小さなリストを表示し、ユーザーがクリックしたときにその製品の特定のページに移動する必要がありますか？

Rob H. Yamin · Accepted Answer

このタイプのモバイルメニューはあなたのケースに役立つと思いますか？ https://tympanus.net/Development/ResponsiveMultiLevelMenu/

ナビゲーションメニューのスクロールや長いセクションを防ぎ、アプリを使用してユーザーエクスペリエンスを確実に強化します。多くの子メニューがある場合のデフォルトのドロップダウンに関する私の懸念は、ユーザーがメニューをタップするための適切なパディングを持っている必要がありますが、このタイプのインタラクションを使用している場合は、長いメニューセクションを気にすることなく、メニューパディングを最大化できます。

Alvaro · Answer

マテリアルデザインをガイドとして使用しているので、ナビゲーションパターンを確認することをお勧めします。それによるとネストされたナビゲーションはデスクトップでのみ使用する必要があります。

私が知る限り、このガイドラインの中でモバイルでそのようなナビゲーションを使用する方法はなく、その理由はおそらくレイアウトの複雑さを回避するためです。 PlayなどのGoogle Appsで見た方法では、タブ、下部ナビゲーションなどのさまざまな方法を組み合わせています。