スマホの予約ボタンが見つからないとき

予約ボタンへ、迷わず進めるか見る

パソコンで見つかるボタンが、スマホでも同じ場所に出るとは限りません。店の公開ページをスマホで開き、予約先へ進んでみます。店主は場所を知っているため、「初めて来る人なら、どこを押すか分かるか」を画面の文言から確かめます。

予約と相談を、ボタンの文言で分ける

日時と人数を選んで席が確保されるページなら、「席を予約する」のように予約の操作だと伝えます。店へ希望を送り、返信を待つフォームなら、「貸切を相談する」など問い合わせだと分かる文言にします。その近くに「送信後、店からの返信で予約が決まります」と添える方法もあります。

ボタンの行き先がLINEなら、「LINEで予約を相談する」と書くと、押した後にLINEが開くことも伝わります。単に「予約する」と表示するかは、その窓口で本当に予約が確定するのかで判断してください。

W3Cのリンクの目的に関する解説では、リンクの文言や周囲の説明から行き先の目的が分かることを扱っています。店名や料金を大きく見せることに加え、予約したい人が次に何を押すか分かる表示にします。

押しやすさと、読める範囲を両立する

W3Cのタップ対象のサイズに関する解説では、押す範囲の大きさと、隣の操作との間隔が扱われています。店主がピクセル数を測るより、制作担当へ「スマホで文字を読めて、隣を押し間違えないサイズに」と依頼し、実際の画面で確かめます。文字の見た目だけでなく、押せる範囲も広がっているかを確認してもらいます。

画面下に予約ボタンを固定する方法もありますが、すべてのサイトで必要とは限りません。先にページ上部やコース説明の近くの配置で足りるかを見ます。固定する場合は、メニュー・入力欄・送信ボタンが隠れないかを、スマホでページの最後まで確認してください。

制作担当への依頼と、修正後の確認

依頼文の例：「スマホのトップページで予約先を探しにくいので、ページ上部に『LINEで予約を相談する』ボタンを置いてください。店では、LINEで内容を確認してから予約を決めます。案内先のURLと今の画面を送ります。メニューやフォームを隠さず、指で押しやすい表示にしたいです。」文言と予約方法は、自店の運用に置き換えます。

公開後は、スマホでボタンを見つけて押し、自店の正しい予約先が開くかを確かめます。フォームやメッセージを実際に送るテストは、担当者と方法を合わせてから行います。ボタンを押した数が増えても、予約や問い合わせが増えたとは限らないため、店の受付でも結果を確認します。

最後に確認すること

• スマホで主な予約方法が分かり、ボタンを見つけられる
• 即時予約か、店の返信を待つ相談かが文言から分かる
• 押し間違えにくく、固定ボタンが本文や入力欄を隠していない