スマートフォンのメニューで文字の大きさと読みやすさを確かめる
料理名、価格、説明の見分けやすさをスマートフォンで確認します。長い見出し、行間、文字を拡大したときの表示も点検します。
大きなパソコン画面では整って見えても、お客様は片手のスマートフォンで素早くメニューを読むことが多いものです。文字の大きさは、画面に収まるかだけでは判断できません。料理名、価格、説明を見分けられるか、長い言葉で表示が崩れないか、拡大しても情報を読めるかを合わせて確認する必要があります。
文字の見せ方で読む順序を作る
来店客がまず商品名、次に価格、必要なら説明を見つけられるようにします。すべてを同じ強さで見せると、一覧を見渡しにくくなります。商品名は少し太くして目立たせ、説明は控えめにできますが、読めないほど薄くするのは適切な解決ではありません。
カテゴリ見出しは商品名と区別しつつ、画面の大半を占めないようにします。ある見出しのスタイルは、ほかのカテゴリでも同じ意味を持たせます。書体や装飾を次々変えると、各セクションのつながりが弱く見えます。少数の一貫した文字の役割を基に作ると、管理も容易になります。
表示が難しい内容をデザイン見本に含める
短い商品名だけで作った見本は、完璧に見えることがあります。実際の最長タイトル、数行の説明、桁数の異なる価格を同じ画面で試します。トルコ語の文字が正しく表示されるか、ほかの言語がはみ出さないかも確認します。
1つの長い見出しを収めるために全体の文字を小さくせず、改行とスペースの配分を見直します。商品名が価格に重ならず、どの商品の価格か分からない位置へ押し出されないようにします。不要な繰り返しがあれば見出しを簡潔にできますが、量など選択に必要な情報は残します。
行と商品の間に適切な余白を取る
読みやすさは文字サイズだけでは決まりません。行が詰まっていると長い説明を追いにくくなります。商品の区切りが狭ければ、価格が上の商品か下の商品か分からなくなることもあります。一方、余白が大きすぎると、簡単なカテゴリでも不必要に長くなります。
自然な距離でスマートフォンを持ち、同じカテゴリの商品を続けて読みます。読む場所を何度も見失うなら説明の行間を、商品群が混ざって見えるならカード間の配置を見直します。この観察だけで基準への適合を判定することはできませんが、具体的な使いにくさを見つけるのに役立ちます。
- 商品名と価格が同じカードに属すると分かりますか。
- 説明の2行目を自然に追えますか。
- カテゴリの切り替わりを小さな余白だけで示していませんか。
- 似た商品のサイズや提供方法の違いを明確に読めますか。
端末の文字サイズや拡大設定を試す
来店客によって画面や文字のサイズは異なります。端末やブラウザで文字を拡大し、もう一度メニューを確認します。商品名が隠れる、ボタンを覆う、価格が画面外へ押し出されるなら、レイアウトの見直しが必要です。
テーマのカスタマイズでは、極端に小さい文字サイズを選ばないようにします。OrvunAIのテーマを評価するときは最初のカテゴリだけでなく、長い説明や別言語の商品も開きます。ロゴに装飾的な書体を使っているからといって、メニュー全体を同じ書体にする必要はありません。
最後は実際の課題で確かめる
利用者に特定の飲み物の大サイズの価格を探してもらい、次に別の商品に何が付くかを確認してもらいます。何度も拡大しないと分からない、違う価格を読むといった場合は、特定の文字の位置や表示方法に問題があるかもしれません。
「文字が小さい」という感想だけで終えず、どの欄が、どの端末で、どの条件で読みにくいかを記録します。その後、該当する文字のスタイルや配置を変え、同じ課題を繰り返します。全体をむやみに大きくするより、狙いを定めた改善につながります。
