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

スマホUiの新常識「アンダーナビ」とは？劇的Cvr改善の設計術とはどんな影響があるのか? 背景や要点を簡潔に解説します。

単にメニューを下に並べるだけでは、かえって誤タップを招き、ユーザビリティを損なう恐れがあります。成果を出すためのUIデザイン設計には明確な鉄則が存在します。

まず、配置するタブの数は3個から5個以内に抑えるのが鉄則です。2個では余白が目立ち、6個以上になるとタップ領域が狭まり誤操作の原因になります。また、アイコン単体ではなく「アイコン＋文字ラベル」の組み合わせにすることで、初見のユーザーでも直感的に機能を認識できます。

さらに、現在滞在しているページを示す「アクティブ状態」の視覚的強調（色変更や下線）を怠らないこと、スクロール領域のコンテンツ最下部がナビゲーションで隠れないようフッターに適切なマージンを設ける設計が欠かせません。