web-dev-qa-db-ja.com

iOS / iPadのマルチレベルメニューのベストプラクティス

私はiPadで標準の横向き/分割ビューのナビゲーションを設計しています。アイデアは、左側のメニューをマルチレベルにして、ユーザーが異なるレベル間で右側のデータ値を比較できるようにすることです。そのようなマルチレベルのメニューを表示するための賢明な方法はありますか、それともピッカーやドリルダウンに運命づけられていますか?また、すでにオンラインで利用できるそのようなコンポーネントを知っている場合は、開発チームの作業もスピードアップできるので、リンクを非常に高く評価します。

1
Martyna

マルチレベルアコーディオンメニューのマテリアルデザインの実行は、Polymerプロジェクトサイト(モバイルビュー))にあります。

https://www.polymer-project.org/

それよりも複雑な場合は、おそらくアプリの構造を確認する必要があります。サンプルページとコンテンツの例は何ですか?

enter image description here

2
Rhys

メニューにカスタムコントロールを使用する例がいくつかあります。これらの1つはFeedlyです。今回はコンテンツに関連していますが、サブレベルはドロップダウンとして表示され、メニューはすべてのコンテンツに合わせてスクロール可能です。

enter image description here

ユーザーが現在いる場所へのパスを示すこともできます。これは、Amazonアプリが達成しようとしていることです(ただし、表示されているものが選択したカテゴリの親レベルであることをユーザーに明確に伝えるわけではありません)。

enter image description here

もう1つのアイデアは、この種のメニューを採用することです。

enter image description here

あなたはそれを見つけることができます ここ 。なぜそれが逆転するのかはわかりません(親レベルの左側に深いレベルが表示されます)が、一度逆転すると、それがあなたの進む方向の1つになる可能性があります。 Spotifyが少し前に行ったナビゲーションを少し思い出させます(まだ完全にコンテンツベースでした)。

enter image description here

1
Dominik Oslizlo