eCommerce ユーザーエクスペリエンス ?モバイルでのメガドロップダウンはどうなるのでしょうか?
メガドロップダウンメニューは、お客様にナビゲーションオプションを提示し、eコマースのユーザーエクスペリエンスを向上させる素晴らしい方法です。
メガドロップダウンで
- サブメニューやスクロール、ユーザーの短期的な記憶に頼ることなく、包括的な選択肢を提示できる(通常のドロップダウンの場合)。
- 選択肢を相対的な小頭のセットに整理することで、ユーザーが必要な場所をよりよく理解することができます。
- メニュー内にアイコン、画像、ツールチップ、タイポグラフィを使用し、よりスキャンしやすくする
メインのウェブサイトでは、メガドロップダウンはユーザビリティの点で理想的ですが、モバイルのユーザーエクスペリエンスに関しては、ナビゲーションとして推奨されるものではありません。
メガドロップダウンがモバイルに向かない理由
お客様に素晴らしいeコマースのユーザー体験を提供するには、すべてのプラットフォームでシンプルで一貫性のある使い勝手を実現することが必要です。残念ながら、メガドロップダウンはこの条件に当てはまりません。
主な問題点は以下の通りです。
- 相互作用の方法 ?メガドロップダウンは、ホバーオーバーでメニューが表示されます。マウスを使えば、必要なオプションを選択する間、メニューを開いたままにするのは簡単です。しかし、モバイルのタッチスクリーンでは、そうもいきません。
- 画面サイズ ?画面サイズが小さくなればなるほど、ナビゲーションの主要な選択肢が提示されることが、お客様にとってより重要になります。また、RWDではメガドロップダウンメニューが簡素化されますが、これは小見出しや階層的な配置、スペースを犠牲にする可能性があります。すべての選択肢を長いリストで表示すると、ワンクリックのメニュー体験が壊れ、重いスクロールを必要とし、うまく操作するには短期記憶に頼らねばなりません。
- ズーム ?スマートフォンには、eコマースのユーザーエクスペリエンスを向上させるために、ズーム機能が搭載されています。しかし、ページを拡大した状態でメガドロップダウンメニューを起動すると、拡大表示によってメニューの一部しか表示されず、選択肢を逃してしまう可能性があります。
そのため、最高のeコマースユーザーエクスペリエンスを提供するとなると 何れも モバイルのユーザビリティにとって、巨大なドロップダウンメニューは悪夢となる可能性があります。
お客様に、より良いeコマース・ユーザー体験を提供します。 お問い合わせ をご覧ください。
[メガドロップダウンメニューの問題については、以前のブログ記事ですでに見ているので、この記事では、メガドロップダウンメニューの課題をもっと扱いたいと思います。