【今、LPが必要だと思う理由 その10】予約ボタンは「2か所」に。入口は1種類に絞ります

こんにちは。「ラボ流業務自動化」です。

前回は、写真の選び方でした。

今回は、予約ボタンを「いくつ、どこに置くか」です。

■ 先に結論：置き場所は2か所、入口は1種類

1. 最初の画面：すぐ予約したい人のため

2. ページの最後：全部読み終えた人のため

3. 入口は、LINE・フォーム・電話のうち1つに絞る

（2か所という数は、この連載の考え方です。

研究で決まった数字ではありません）

■ 新しい発見：ボタンは「押せるか」の前に、「指で押せる大きさか」

ボタンの数ばかり気にしがちですが、

意外と見落とされるのが大きさと間隔です。

Googleのスマートフォン向けの案内では、押す場所は縦横48dp以上、

隣のボタンとは8dp以上あけるのがよいとされています。

48dpは実際の大きさで約9mm、指先ほどの大きさです。

立場の注意です。

これはアプリを作る人向けのGoogleの案内で、

整体院やサロンのページを調べたものではありません。

予約が増えるかどうかを測った数字でもありません。

それでも、スマホで見る人の指で押せなければ、

ボタンがあっても予約に進めません。

つまり、ボタンは数を増やすより、

「大きく、まわりに余白がある」ことのほうが大切だと考えられます。

■ 押したあとが大事：自分のスマホで押して確かめる

ボタンの数より、押したあとに迷わないかが大切です。

次の3つを、自分のスマホで確かめてください。

・押すと、LINEや予約フォームが、すぐ開くか

・開いたあと、次に何をすればよいか、一目で分かるか

・戻ったとき、元のページに戻れるか

■ だから、今日できること（3つだけ）

1. 自分のページを、スマホで開き、予約ボタンがいくつあるか数える

2. 最初の画面と最後以外にあれば、1つに絞る

3. 自分の指で押して、予約の入力まで進めるか、最後まで試す

■ 次回

LP制作の費用が、会社によって大きく違う理由を書きます。

（ココナラで「ラボ流業務自動化」として、整体院・サロン向けの

「予約表を見やすく整えます」（3,000円・購入前に無料サンプル）を出品しています。 https://coconala.com/services/4487340 ）

【出典】

・Google「Touch target size」（Android向けのアクセシビリティ案内。アプリ全般の推奨で、店舗ページや予約数を調べたものではない）

  https://support.google.com/accessibility/android/answer/7101858

・Material Design「Baseline grids」（Googleの設計案内。48dpは約9mm、ボタン間は8dp以上）

  https://m1.material.io/layout/metrics-keylines.html