スマホUiの新常識「アンダーナビ」とは？劇的Cvr改善の設計術

スマホUiの新常識「アンダーナビ」とは？劇的Cvr改善の設計術とはどんな影響があるのか? 詳しい意味を整理してお届けします。

Q1：ハンバーガーメニューとアンダーナビはどちらを使うべきですか？
A1：併用が最も効果的です。主要な導線（利用頻度の高い3〜5項目）はアンダーナビに配置し、利用頻度の低い「利用規約」「会社概要」「細かなカテゴリ一覧」などはハンバーガーメニュー内に格納する設計が理想です。

Q2：PC版Webサイトでもアンダーナビを表示すべきでしょうか？
A2：原則としてスマートフォン・小型タブレット限定の表示を推奨します。PC環境ではマウス操作が基本となるため、画面上部のグローバルナビゲーションのほうが自然な視線移動と操作性に合致するためです。

Q3：ページ下部のコンテンツがアンダーナビで隠れてしまう問題の対策は？
A3：サイト全体のラッパー要素やフッターに対して、アンダーナビの高さ＋セーフエリア分のpadding-bottomを設定することで解消できます。