web-dev-qa-db-ja.com

モバイルでカテゴリをカスケードするためのパンくずリストよりも優れたソリューションはありますか?

私はモバイルアプリケーション(Android ICS based)で作業していて、画面に多くの製品を表示する必要があります。製品はXレベルにあるいくつかのカテゴリに分類されています。Xはビジネスで定義されるため、4、10のいずれかになります。

したがって、ユーザーがカテゴリから選択して特定の製品セットに移動できるようにするナビゲーションでは、以下に示すようにカスケードメニューを使用しようとしています。しかし、ユーザーが1つのレベルから親に、または直接家に、または直接2レベル上にジャンプできるようにするにはどうすればよいでしょうか。 enter image description here

私はここでブレッドクラムのような機能を使用していますが、モバイルでの使用に適しており、簡単なナビゲーションに役立つより良いソリューションがあるかどうかを知りたいです。私の意見では、パンくずリストをクリックするのはモバイルデバイスの方が安く見えます。

25
ajayashish

ブレッドクラムをスキップします。

デスクトップアプリを作成していません。モバイルプラットフォームには制約があります。ブレッドクラムなどの一部の機能は、モバイルよりもデスクトップでうまく機能します。多くの場合、モバイルアプリで作業を行う方法の数を減らすことをお勧めします。幸いにも ...

...ユーザーは、標準の[戻る]ボタンを使用すると、情報の階層をたどってステップをたどることができます。 ...複数セグメントの戻るボタンを作成すると、いくつかの問題が発生します/ iOS HCIガイドライン

モバイルでは、デスクトップよりもアプリでのマルチタスクが少なく、どこから来たのかを忘れるリスクが小さくなります。この理由としては、特に、画面に一度に複数のアプリがないこと、Alt + Tabがないこと、短い使用シナリオがあります。代わりに、これはあなたが現在どこにいるかを明確にすることを要求します。コンテンツに焦点を当て、ユーザーが何を見ているか、ここから1レベル上で何を待っているかを明確にするだけで十分です。

enter image description here

あなたはAndroid向けに開発しているようですが、iPhoneを取り上げました。しかし、私はあなたがより簡単なナビゲーションシステムに落ち着くことを検討することを望んでいます。 :) 幸運を!

17
JOG

私はこの問題を解決するいくつかの方法を見てきました:

  1. ブレッドクラムの代わりに、「<すべての在宅ケアを見る」というクリック可能な領域を表示します。ユーザーがそれをクリックすると、「在宅ケア」に戻ります。 「在宅ケア」では「すべてのカテゴリを表示」などが表示されます。レベル7からレベル3に直接移動することはできません。

  2. 長いブレッドクラムを「...」に置き換え、ユーザーがそれを選択すると、展開またはポップアップが表示されます。これにより、レベル7からレベル3に移行できます。

  3. パンくずリストはジェスチャーで水平にスクロールでき、前のレベルに移動できます。ここでも同じようにレベル7から3に移動できます...

10
alincc

あなたの主な問題はあなたの出発点だと思います。10レベルの深い階層は、モバイルデバイスはもちろんのこと、allプラットフォームではナビゲートして理解するのが困難です。階層を使用する代わりに、ユーザーがアイテムを簡単に絞り込むための別の方法を考えてみてください。多くのアイテムでは、とにかくそれらを単一のカテゴリーに独占的に配置することは簡単ではなく、すべてのユーザーにとって意味のあるカテゴリー化の可能性はゼロに近いと想定できることに注意してください。上記の例では、バスルームでCIFを使用する予定があるのに、なぜCIFがKitchen Careにあるのですか?何が栄養下にあり、何が食品の下にあるのでしょうか?

代わりに、何らかの形のファセット検索を提供することを検討してください。

3
André

画面をスワイプ可能にすることができます。右にスワイプすると(つまり、戻るため)、指を離してコミットする前に、前のカテゴリのプレビューが表示されます(指を離すと、気づく前にマウスを離してタイプしていました:))。新しいカテゴリの選択を擬似的に左にスワイプしてアニメーションを強化し、ニーモニックを強化したいと思います(覚えていることに注意して、なぜニーモニックを誤って呼び出したかを確認してください)。

1
Ian