質問: ブレッドクラム:モバイルサイトで使用してもよろしいですか? (コンテンツサイトの)モバイルwebサイトでのナビゲーションの方法としてパンくずを使用することについて誰かが考えているかどうか疑問に思います。ブレッドクラムは、サイトの階層構造を次のように示します。 サイト>カテゴリ>サブカテゴリ>グループ>アイテム ブレッドクラム(適切に設計されている場合)は、ユーザーがサイト構造をすばやく理解するのに役立つと思います。同時に、モバイルユーザーはリンクよりも大きなボタンやバーを好みます。最高のブレッドクラムとボタン/バー/標準のモバイルuiコンポーネントを組み合わせたブレッドクラムのデザインはありますか?
回答: モバイルを使用していて、従来のスタイルのパンくずリストをナビゲートする必要があると思われる場合は、モバイル用にサイトを設計する際に何か問題があった可能性があります。 jared spoolが書いた ixdaで同様の質問に答えて 特にモバイルと話すことはできませんが、パンくずリストの観点から考えないことをお勧めします。代わりに、ローカルの「次に何に行きたいか」というナビゲーションを考える必要があります。 私はパンくずリストがより大きな問題の症状を修正するだけだと思います(ユーザーが最初から間違った場所にいました)。修正を思い付くのではなく、ユーザーを適切な場所に誘導することにエネルギーを集中する方が良いと思います。 これについて design copout#2:breadcrumbs という記事で書いた。 (デザインcopout#1はサイトマップです。) luke wrobleskiが彼の本 mobile first で説明しているように、モバイルユーザーからの注意は半分しかありません。状況については「片目と親指」しかありません。モバイルユーザーはウェブサイトでentangledを取得したくないので、ユーザーが十分に複雑なサイトを使用するようにしようとすると、状況を「修正」します。最初に複雑さを軽減して、パンくずリストがカードにさえないようにする方法について、もう一度考えてください。モバイルux:モバイルユーザーエクスペリエンスの考慮事項の詳細については、特にコンテンツをデスクトップからモバイルに移行する場合は、モバイルコンテンツとナビゲーションの設計を簡素化する必要性を強調している モバイルuxのメモとスライド を参照してください。 。私が引用する主な例は rei.com です。これはデスクトップ上に豊富なコンテンツ階層がありますが、それでも表示しながらモバイル( m.rei.com )の脂肪を削減しますフル機能のエクスペリエンス-そして私は追加するかもしれません-モバイルでパンくずリストを必要とせず。