大きなタップターゲット、少ないイライラ — 指で操作するために作られたモバイルメニュー

問題点

あなたはその感覚を知っています。スマートフォンでメニューリンクをタップしようとして、間違ったものをタップします。もう一度試します。またはメニュー全体を誤ってクローズします。これはあなたのストアで毎日起こります、そしてそれらの訪問者はあなたに言いません — 彼らはただ去ります。摩擦はあなたには見えませんが、彼らには完全にリアルです。

重要な理由

タッチターゲットサイズは、モバイルバウンスレートの最大の推進要因の 1 つです。Google の独自のガイドラインは、最小 48×48px のタッチターゲットを推奨しています — ほとんどのテーマメニューは 32px 以下のリンクをレンダリングし、パディングが不十分です。すべての誤ったタップは、失われた販売に追加される微視的なイライラです。月に数千のモバイル訪問を乗算して、完全に修正可能な設計問題に対して本当の収益を失っています。

Navi+ はどのように解決するか

Navi+ メニューはモバイル優先の間隔で設計されています。タッチターゲットは指用に正しくサイズ調整され、リンクは誤ったタップを防ぐのに十分な垂直パディングを持ち、スライドアウトメニューは混乱を招かない滑らかなアニメーションを持ちます。レイアウトとコンテンツを制御します — Navi+ はテーマのデフォルトメニューが無視するモバイル UX 標準を処理します。

得られるもの

• マウスカーソルではなく、実際の人間の指用にサイズ調整されたタッチターゲット
• 不安定なジャンプやコラプスではなく、スムーズなスライドアウトアニメーション
• 誤ったタップの削減、イライラの削減、モバイルバウンスレートの測定可能な低下