お店の紹介ページとメニューページ、それぞれの役割
お店の紹介ページとデジタルメニューを、訪問者の目的に合わせて設計します。具体的な閲覧の流れから内容とリンクの順序を決めます。
初めてお店を知った人は場所や雰囲気を確かめたい一方、席に着いたお客様はすぐに料理を見たいかもしれません。両方の目的を一つの長いページに詰め込む必要はありません。紹介ページとメニューページの役割を分けておくと、それぞれの内容を整理し、用途に合ったリンクを共有しやすくなります。
各ページが答える問いを書き出す
紹介ページは「この店は自分に合うか、どう行けばよいか」を出発点にできます。住所、実際に提供するサービス、店を表す数枚の写真が判断を助けます。メニューページは「何があり、いくらで、どれを詳しく見ようか」に答えます。そこではカテゴリ名、商品説明、現行価格を優先します。目的を言葉にすると、デザインの話を個人の好みから使いやすさへ移せます。
1ページに複数の役割があっても構いませんが、主な役割は具体的にします。メニューから店名や住所へアクセスでき、紹介ページに商品例が載っていてもよいでしょう。内容の共有自体が問題なのではなく、利用者の主な用事を別セクションの奥へ何度も隠すことが問題です。
訪問者の出発点に合うリンクを選ぶ
テーブルのQRを読んだ人に、まず長いブランドの物語を見せると、余計な手順になります。メニューを求めていると分かる場面では直接開きます。新店の告知なら、住所、開店日、提供条件を説明するページが適切かもしれません。「メニューを見る」と書いた投稿なら、利用者は行き先にメニューそのものを期待します。
架空のホテルレストランなら、夕食サービスを紹介する独立ページを作り、商品はデジタルメニューに置けます。紹介ページの主ボタンから該当メニューを開きます。到着先で別の店名が見えないよう、支店名、ロゴ、表示文章をまとめて確認します。
| 訪問のきっかけ | 最初の行き先 | 主に見せる情報 |
|---|---|---|
| テーブルのQR | メニュー | カテゴリと商品 |
| 新店の告知 | 店舗紹介 | 住所と提供サービス |
| 商品の投稿 | 該当メニュー | 紹介商品を見つける方法 |
往復の移動を試す
紹介ページからメニューへの移動を確認したら、メニューから店舗情報へ戻ってみます。商品を見つけた後、住所を見るために最上部や履歴へ戻る必要があるか、それとも簡単に開けるでしょうか。スマートフォンで新しいタブを開くなら、どのタブに何があるか理解できることも体験の一部です。動作を一貫させます。
「この店の夕食メニューを探す」「メニューを見た後、店舗の場所を探す」という2つの短い課題を使います。迷いを記録し、不要な中間ページや曖昧なボタンがあれば導線を簡潔にします。よい配置では、利用者が店の内部的なページ構成を学ばなくても用事を終えられます。