私はデザイン会社でアプリやWEBサイトをつくっているのですが、会社の同僚とご飯に行くとよく始まる会話があります。

｢この書き方だとAランチとBランチの違いがパッと入ってこないね。｣
｢ここの文書構造を整理しないと、日替わりランチの話がどこまで続いてるのか分かりにくいなぁ。｣

黙ってさっさと選べよ！と自分でも思うのですが、ついつい「どうしたらもう少し情報が伝わりやすくなるか」を考え始めてしまいます。

小さい飲食店だとメニューはお店の方がを手作りされてることが多いですよね。
デザイナーでもないのに、メニューまでいちいち凝って作ってられないよ......というのが本音なんじゃないかなと思います。

たしかに、メニューが分かりやすくて人気店になることも、分かりづらすぎてお客さんが来なくなることもないと思います。

だけど私は、デザインはデザイナーだけのものじゃないと思っています。
「素敵な見た目」という意味のデザインはできなくても、私たちデザイナーが日々おこなっている情報整理のしかたを頭の片隅にでも置いてもらえたらお客さんの｢？｣を少しは減らせるかもしれません。

そこで、「ランチメニューの再構築」をテーマに情報設計についての記事を書いていきたいと思います。

0.お店紹介

記念すべき第一回は根津のパスタ屋さんです。
まずはメニューをご覧ください。

まず、お店の名誉のためにお伝えしたいのですが、とっても美味しいパスタ屋さんです。お値段お手頃。麺もっちもち。
......だけどちょっと分かりづらいですよね？

メニュー全体を取り上げると一回では書き終わらなそうなので、今回はスコープを以下の部分に絞ります。

1.観察

では、実際にランチに来たお客さんの気持ちでメニューを見ていきましょう。

・Three Stars LunchとFive Stars Lunchっていう2つのセットがあるんだな。
・価格差が300円あるからFive Starsのほうが豪華なんだろうけど、具体的には何が違うのかな？

〜Three Stars Lunchをよく見てみる〜

・「FIVE STAR 変更 +¥200」って書いてあるけど「FIVE STAR 変更」ってなんだろう？
・「よくばりコース」と「ぜいたくコース」っていうのがあるのか。これは何が違うんだろう？「よくばり」と「ぜいたく」って言葉からじゃわからないなぁ。

〜疑問はあるけどざっくり読み進める〜

・パスタの中に「FIVESTAR」っていうカテゴリーがある。どうやらFive Stars Lunchは★５つのパスタを選択できるようだ。
・つまり、Three Stars Lunchは★３つのパスタが選べるんだな。
・あれ？Three Stars Lunchのところに「FIVE STAR 変更 +¥200」って書いてあったけど、200円足したら★５つのパスタを選べるんなら、なんでFive Stars Lunchとの差額が300円？

〜もう一度目線をメニュー上部へ〜

・よくばりコースとぜいたくコースの違いは「前菜＆サラダプレート」or「デザート」の違いだな。
・Five Stars Lunchは「前菜＆サラダプレート」と「デザート」のどちらも付いているんだな。スープをバケットに変更することもできるのかぁ。
・つまり「前菜＆サラダプレート」と「デザート」はどちらかで良いけど、★５つのパスタが食べたかったらThree Stars Lunchに+200円したら良いのか！

、、やっとメニューの仕組みを理解することができました。
これは、私と友人が実際の来店時にメニューを理解していった道筋です。

そして、ここからやっと本題である「どのパスタを食べようかな？」「どのドリンクにしようかな？」という検討を始めることになります。

2.分析

メニューを読み解いていくと以下のようになります。

・Three Stars LunchとFive Stars Lunchという２つのセットがある。
・どちらのセットもメインのパスタに加えて、食前・食後のドリンクとスープが付いてくる。
・Three Stars Lunchは★３つのグループから、Five Stars Lunchは★５つを含む全種類からパスタを選ぶことができる。
・Three Stars Lunchにはよくばりコースとぜいたくコースがあり、その違いは「前菜＆サラダプレート」と「デザート」のどちらが付いてくるかである。
・Five Stars Lunchはスープをバゲットに変更することができる。
・Three Stars Lunchに+200円したら★５つのパスタを頼むことができる。

なんだかメニューというよりボードゲームのルールみたいです笑
ひと目で理解できて、「どのパスタを食べようか」「副菜はどうしようか」という本質的な選択にすぐに移れるメニューを目指しましょう。

ということで、セットの内容を表形式で整理してみました。

こうしてみるとThree Stars Lunchでも+200円支払えば、★５つのパスタが選べるので、各セットの決定的な違いは選べるパスタの種類ではなく、「前菜＆サラダ」「デザート」の部分にあることがわかります。

3.改善

ということで、選べるパスタの種類ではなく、付いてくる副菜の違いを各セットの違いとして構成し直しました。

A set＝よくばりコース、B set＝ぜいたくコース、C set＝Five Stars Lunchを一部変更したもの、となります。
どのセットに何が付いてくるかがパッとわかるようになったと思います。

4.まとめ

何かを選ぶ時にはまず違いがわからないと検討することすらできませんので、違いをわかりやすくするはとても大事です。
今回は各セットで共通する部分をまとめて、違う部分を際立たせるという整理をおこないました。

実際にはパスタのランクを★であらわす表現にこだわりがあるのかもしれませんし、その他の制約もあると思いますので、これがメニューとして正解であるとは言えませんが、情報のまとめ方を変えることでこんなに見やすくなるんだなと実感していただけたらうれしいです🐧