予約ボタンを、最初の画面に。
- 見直す場所
- ページ上部のメイン写真付近
- 気になる点
- 予約したい人が、ページ下部の「お問い合わせ」まで探す必要がある構成を想定。
- 変更例
- メイン写真の近くに「席を予約する」ボタンを置き、実際の予約先につなぎます。電話予約のみなら「電話で席を予約する」と具体的に。
- 次の作業
- スマホで最初の画面を開き、予約の入口と営業情報を一緒に見つけられるか確認します。
← サービスのご案内どこを、どう直すか。
P1 / 先に取り組む01 P1 / 先に取り組む02 P2 / 次に整える03 P2 / 次に整える04 P3 / 仕上げに整える05
SAMPLE REPORT / FICTIONAL SHOP
どこを、どう直すか。
レポートの見本です。
架空の喫茶店「こもれび」／トップページ1枚・スマホ表示を想定
このページとPDFは架空事例です。実在店舗の評価、受注実績、効果測定を示すものではありません。
2ページの見本PDFを保存 ↓対象公開1ページ
改善案5つ
最初に取り組むP1の2項目
営業時間と定休日を、ひとつに。
- 見直す場所
- ページ上部のお店情報と、下部の店舗案内
- 気になる点
- 場所によって表記が異なると、どちらが正しいか迷います。
- 変更例
- 「営業時間 11:00–18:00／定休日 火曜日」のように、同じ情報と表記にそろえます。この日時は架空の見本です。
- 次の作業
- ページ内の営業時間を一覧にし、正しい情報に統一。臨時休業の案内場所も決めます。
メニュー価格を、文字でも伝える。
- 見直す場所
- 写真だけで紹介しているメニュー欄
- 気になる点
- 画像内の小さな価格は、スマホで読み取りにくいことがあります。
- 変更例
- 画像の近くに「季節のランチ 1,200円（税込）」などをテキストで掲載。価格は架空の例です。実際の販売価格と条件に合わせます。
- 次の作業
- 主要な3メニューから、名前・総額・提供条件を文字でも記載します。
アクセスに、駅名と徒歩の目安を。
- 見直す場所
- 店舗の所在地・アクセス案内
- 気になる点
- 住所だけでは、初めての人が行き方を判断しづらい構成を想定。
- 変更例
- 最寄駅、出口、徒歩の目安、地図へのリンクを近くにまとめます。道順は実際に確認した情報を使います。
- 次の作業
- スマホで地図リンクを開き、別の場所に誘導されないか確認します。
写真の下の薄い文字を、読みやすく。
- 見直す場所
- 写真の説明や補足情報
- 気になる点
- 小さく薄い文字は、背景や端末によって読みにくくなります。
- 変更例
- 説明文を背景と見分けやすい濃さにし、スマホで無理なく読める大きさと行間に整えます。
- 次の作業
- 実機で文字を読み、画像上の文字は無地の背景に移す案も検討します。