モバイル端末でのメニューとユーザビリティ
このブログの記事に添えられた画像が示すように、モバイル向けに最適化されていないウェブサイトは、ユーザビリティや、特にナビゲーションの機能において、重大な問題を引き起こします。スマートフォンでフルサイズのウェブサイトを表示すると、画面サイズが小さく見えますが、これは多くの意味でデザイナーの課題を示しています。レスポンシブWebデザインを使用していても、フルサイズのWebサイトのナビゲーションで利用可能なすべての選択肢をスマートフォンに表示しようとすると、ユーザビリティの面で悪夢となる可能性があります。
という問題については、すでに見てきました。 メガドロップダウン 今回は、メニューの合理化という課題を取り上げてみたいと思います。例えば、小売店 H&Mタブレット版サイト「tablet.hm.com」では、フルサイズのサイトに表示されているすべてのショッピングカテゴリー（レディース、メンズ、キッズ、ホーム、セール）を1つのカテゴリー「ショップ」にまとめています。そして、「メンズ」のすべてのサブカテゴリーを「すべて見る」ボタンの下にまとめ、商品コンテンツの上にフルメニューを表示させます。大画面のサイトでは、これらのカテゴリは、どの画面幅でも左側のナビゲーションとして表示されます。
エムアンドエスそのため、ホームページにはハンバーガーメニューを採用し、見た目はすっきりしていますが、利用できるメニューが限られているように思います。サブカテゴリーを選択すると、左側のメニューが表示されたり消えたりするので、ユーザーは移動するたびにメインメニューのボタンに戻る必要があります。これでもまだ操作性は良いのですが、ユーザーには少し負担がかかり、ユーザビリティが損なわれていると思います。
M&Sは、モバイルナビゲーションに新しい手法を取り入れた勇気ある企業だと思いますし、この分野では、まだ完璧なソリューションがないため、今後も多くの実験が行われると思います。ユーザーの行動は、ウェブサイトを見るたびに変化しています。 ユーザビリティ・テスト そのため、ペースを維持するのは難しいでしょう。特にユーザーエクスペリエンスデザインが変わらなければ、来年あたりからモバイルメニューの使い勝手が悪くなる可能性があります。
モバイル端末のメニューの操作方法について詳しくお知りになりたい方は、ぜひ弊社にご連絡ください。お電話（0800-0246-247）またはメールにてお問い合わせください。 hello@ux247.com.
