メインコンテンツへ移動
飲食店

飲食店の「メニューがPDFで読みづらいをWebサイトで解決する方法

メニューの欄を押すとPDFが開く。スマートフォンでは開くまでに間があり、文字を大きくすると端が切れて読めません。この課題は、ホームページの設計で塞げます。制作費は10万円(税込)から、構成によって決まります。写真と原稿がそろっていれば2週間ほどで公開できます。

なぜ「メニューがPDFで読みづらい」が飲食店の課題になるのか

メニューの置き方でよく見るのが、紙を撮った画像と、PDFへの直リンクです。どちらも作るときの手数はいちばん少なく済みますが、読む側の手数はいちばん増えます。画像は、大きくすると文字がぼやけます。斜めから撮った紙は台形にゆがみ、照明の影が端にかかったまま載っていることもあります。値段の桁を読み違える人も出ます。

VOLTの解決アプローチ

紙を撮った画像とPDFへの直リンクを、文字として持つ形へ移します。文字なら、地図の欄にも検索にも中身が伝わります。

メニューがPDFで読みづらい」解決のステップ

1

読みづらい二択

メニューの置き方でよく見るのが、紙を撮った画像と、PDFへの直リンクです。どちらも作るときの手数はいちばん少なく済みますが、読む側の手数はいちばん増えます。

2

機械が中身を読めない

画像とPDFの中の文字は、検索する側から見ると中身がありません。料理名で探している人の画面には、その品を出している店であっても出てこないままになります。

3

移す手順は三つ

一つめは、載せる品を選ぶことです。紙の全品を移すのではなく、料理名で探されている品と、これから出したい品から入れます。残りは、席で紙を見てもらう形で足ります。

読みづらい二択

メニューの置き方でよく見るのが、紙を撮った画像と、PDFへの直リンクです。どちらも作るときの手数はいちばん少なく済みますが、読む側の手数はいちばん増えます。

画像は、大きくすると文字がぼやけます。斜めから撮った紙は台形にゆがみ、照明の影が端にかかったまま載っていることもあります。値段の桁を読み違える人も出ます。

PDFは、開くまでに間があります。紙の大きさで組まれているので、スマートフォンの画面では文字が小さく、拡大すると端が切れ、指で送る量が増えていきます。

電波の弱い場所では、開き終わる前に閉じられます。店の前で今日の品を確かめようとした人が、いちばん読めない状態に置かれ、そのまま隣の店に入ります。

機械が中身を読めない

画像とPDFの中の文字は、検索する側から見ると中身がありません。料理名で探している人の画面には、その品を出している店であっても出てこないままになります。

地図の店舗情報も同じです。文字として入っていないと、料理名と店が結び付きません。順位はお約束できませんが、結び付けるための材料そのものが無い状態になります。

読み上げの機能を使う人にも届きません。画像は画像としか読まれないので、そこに何が書いてあるかは伝わらないままです。文字にしておけば、そのまま読み上げられます。

文字として持つと、この三つが同時に変わります。書き換える場所も一つにまとまるので、値段を改めた日に直し忘れる面が残りません。紙だけ刷り直して画面が古いままになる食い違いも起きません。

移す手順は三つ

一つめは、載せる品を選ぶことです。紙の全品を移すのではなく、料理名で探されている品と、これから出したい品から入れます。残りは、席で紙を見てもらう形で足ります。

二つめは、区分けを決めることです。ランチ、ディナー、コース、飲み物。紙の並び順をそのまま持ち込まなくて構いません。画面では上から順に読まれるので、並びを組み直します。

三つめは、値段を改める手順を決めることです。品書きの動く店ほど、PDFを組み直して差し替える手間が毎回かかります。文字なら、その品の数字だけを直して終わります。

移したあとも紙のメニューは残ります。店で配る紙と、来る前に画面で読む形は役目が違うので、どちらかへ寄せる必要はありません。並ぶ品と値段だけをそろえておきます。

品数の多い店をどう置くか

居酒屋のように品数の多い店では、全部を一つの面へ文字で並べると縦に長くなりすぎて、目当ての料理までたどり着く前に指が止まります。数が多いほど分け方が要ります。

そこで、区分けごとに畳んでおきます。刺身、焼き物、揚げ物、飯物、飲み物。見出しを押したところだけが開く形にすると、見ない区分けを飛ばして先へ進めます。畳んだ中身も文字のまま残ります。

飲み物のように品数が多く、値段の動きにくい区分けは、別の面へ分けます。料理の面が短くなるうえに、飲み物だけを見たい人が最初からそこへ行けるようになります。

それでも長くなる店では、面の上に区分けの一覧を置きます。押すとその場所まで飛ぶ形にしておくと、下のほうにある飯物や甘味まで、指で送り続けずにたどり着けます。

値段を変えたときに直す場所

文字へ移したあとも、直す場所が一つとはかぎりません。料理の面、コースの説明、宴会の案内。気づかないうちに、同じ値段が三か所に書いてあることがあります。

だから、移すときに書く場所を決めておきます。値段はメニューの面にだけ書き、他の面からはそこへ送る。この形にしておくと、直す場所が一つに定まります。宴会の案内には品数だけを書きます。

コースの値段は、税や席料の扱いで面ごとに食い違いが起きます。どの書き方でそろえるかを移すときに決めて、すべての面を同じ形にしておくと、後から迷いません。

値段を変えた日は、地図の欄と、店で配る紙も見ます。文字へ移したことで画面の側は速く直せますが、紙と地図はそれぞれ別に手を入れることになります。

紙の見た目を残したい場合

紙の品書きに長く手を入れてきた店ほど、あの見た目のまま載せたいという話になります。文字へ移すと、あの形が崩れてしまうと思われがちです。崩さずに移せる範囲を先に確かめます。

実際には、書体、罫線、紙の色、縦書きの並び。この四つは文字のままでも作れます。崩れるのは見た目ではなく、拡大したときに端が切れてしまう作りのほうです。

手書きの字を残したい場合は、見出しと屋号だけを画像にして、品名と値段は文字で持ちます。目に入る雰囲気は残したまま、中身は読める形にしておけます。看板の字を写した見出しでも同じです。

紙をそのまま画像で置きたいときは、席で配る紙のほうへ寄せます。来る前に読む面は文字で持ち、席では紙を渡す。同じ品書きでも役目が違うので、分けて考えます。

端末によって開き方が違う

PDFの開き方は、読む方の機械で変わります。画面の中でそのまま開いて指で拡げられる機械もあれば、押した時点で本体への保存が始まり、別のアプリへ移ってから開く機械もあります。

保存の側に回ると、読み終えたあとに元の面へ戻れません。営業時間や地図へ進もうとした方の道がそこで切れます。押した先で何が起きるかを、店の側から選べません。

設定によっては開かないこともあります。持ち主が機能を制限していると、押しても何も起きないまま止まります。開けなかった方には、なぜ開かなかったのかが分かりません。

刷るために作ったデータは、画面で読ませるには重すぎます。紙の色の作りと細かさで組んであるうえ、書体まで抱えているためです。画面用に軽く書き出し直すだけでも、開くまでの間は縮みます。

移したあとに残る古いファイル

文字へ移しても、前のPDFは置き場所に残っています。そのURLが検索の結果や、以前に流した投稿、よその紹介の中に残っていて、そこから古い値段の面が開かれます。

だから、移した日に古いファイルの扱いを決めます。消すだけにすると、押した方は何も出ない画面に着きます。同じURLを押した方が新しいメニューの面へ届くように、行き先を移し替えます。

宴会の品書きのように、紙で渡す前提のものはPDFのまま残すことがあります。その場合は、料理と飲み物の面を文字で持ち、PDFはその面からの添え物として置きます。入口をPDFにしません。

残すPDFは、画面で読む前提に組み直します。紙の大きさで縦一枚に収め、文字を大きくし、ファイル名は英数字で付けます。日本語のファイル名は、機械によって文字が崩れて表示されます。

飲食店の他の課題

飲食店のWeb制作

この話の続き

メニューがPDFで読みづらい」に関するよくある質問

読みづらい二択、とはどういうことですか?+
電波の弱い場所では、開き終わる前に閉じられます。店の前で今日の品を確かめようとした人が、いちばん読めない状態に置かれ、そのまま隣の店に入ります。
機械が中身を読めない、とはどういうことですか?+
文字として持つと、この三つが同時に変わります。書き換える場所も一つにまとまるので、値段を改めた日に直し忘れる面が残りません。紙だけ刷り直して画面が古いままになる食い違いも起きません。
移す手順は三つ、とはどういうことですか?+
移したあとも紙のメニューは残ります。店で配る紙と、来る前に画面で読む形は役目が違うので、どちらかへ寄せる必要はありません。並ぶ品と値段だけをそろえておきます。

メニューがPDFで読みづらい」を解決しませんか?

飲食店に最適なWebサイトを10万円から制作。30秒で目安の金額がわかる無料見積をお試しください。

無料で見積を始める

30秒で完了・メールアドレスだけでOK

あなたのサイト、一軒ずつ設計します

飲食店だけを作っています。その業態に強い担当が、そのまま設計します。着手前のキャンセルであれば全額返金します。

30分・無料で相談する

オンラインで30分・費用はかかりません・その場で契約は求めません

いまサイトが無くても、他社で作ったものがあっても大丈夫です。

30

ひと続きです。

  1. お店のことをうかがう

  2. 必要なページと機能を決める

  3. 費用と公開日の目安をお伝えする

帯が30分ひと続き、丸が進む順番です。三つを何分ずつに割るかは、お店によって変わるので決めていません。オンラインで、その場で契約は求めません。

月額の管理費なし 送客手数料なし 修正3回無料 オンライン完結