彼の article では、Zoltan Kollinがハンバーガーメニューのいくつかの代替案を提供しています。残っているアプリソリューションの削除:
主なオプションを表示し、[その他]で他のオプションを非表示にします。
小さい画面では、できる限り何でも表示し、「その他」の下にあるものはすべて非表示にします。画面が大きいほど、表示される項目が多くなります。
右にスワイプしてその他のオプションを表示します。
今問題は、これらのうちどれがウェブサイトで最もうまくいくかについての調査(A/Bテストなど)がありますか?これらがハンバーガーと比較してどれほど優れているか(あるいはさらに悪いか)についての調査はありますか?.
Nielsen/Norman Groupはこれについていくつかの調査を行いました。
https://www.nngroup.com/articles/hamburger-menus/
概要:ウェブサイトのメインナビゲーションを非表示にすることで、見つけやすさがほぼ半分になります。また、タスク時間が長くなり、知覚されるタスクの難易度が増加します。
非表示のメニュー(ハンバーガーアイコンなど)と可視のメニュー(ページ上部のリンクなど)の定量的なユーザビリティテストでは、次のことがわかります。
非表示のナビゲーションは、表示または部分的に表示されるナビゲーションよりも発見されません。
- ナビゲーションが非表示の場合、ユーザーはナビゲーションを使用する可能性が低くなります。
- ユーザーが非表示のナビゲーションを使用する場合、表示されている場合よりも、タスクの後半で使用します。
非表示のナビゲーションは、携帯電話とデスクトップユーザーインターフェイスの両方で、表示または部分的に表示されるナビゲーションよりもユーザーエクスペリエンスが低下します。この発見は、ユーザーによるタスクの難易度の評価、タスクに費やされた時間、タスクの成功など、複数のUX指標に当てはまります。
デスクトップでは、ナビゲーションを非表示にすると、電話よりもエクスペリエンスとナビゲーションの検出可能性が低下します。
ナビゲーションを非表示にすると、ほとんどの場合、ページはめ込みリンクから直接アクセスできないコンテンツに影響します。