初心者必見！リッチメニュー基本の設計と4つの目的別パターン

1. リッチメニューの基本的な考え方

2. アクションを促すための「デザインポイント」と「仕掛け」

3. 目的別のおすすめ設計パターン

1. 優先して押してほしいボタンを目立たせる

2. 他のボタンよりも大きく見せるなど、メリハリをつける

1. 「1ボタンにつき1メッセージ」を心がける

2. テキストだけでなく、アイコンを使って直感的に伝わりやすくする

1. 文字は視認しやすい十分なサイズを確保する

2. 色数を絞り、文字と背景のコントラストを強めて読みやすくする

1. 具体的な文言で「どんな行動ができるか」を明確にする

2. 「今」「限定」などの言葉でタップを後押しする

例えば、ただ「クーポン」と書くよりも、「クーポンを使う」としたほうが、次に何をすればいいかが分かりやすくなります。

1. 上段：最優先で起こしてほしい行動

2. 下段：常に用意しておきたいリンク

1. 右側：特に訴求したいコンテンツ、継続的に誘導したい導線

2. 左側：利用シーンが限定されるコンテンツ

ここからは、これらの基本を踏まえた「目的別の設計パターン」を具体的に見ていきましょう。

リッチメニューは、達成したいゴールに合わせてレイアウト（画面の分割数や配置）を選ぶことが大切です。ここでは、よく使われる4つのパターンをご紹介します。

強く促したい特定の行動がある場合におすすめの設計です。メインとなるボタンを他のタイルよりも大きく見せることで、ユーザーの視線を自然に集めることができます。

案内したい情報が複数あり、ユーザーの利便性を高めたいときに向いています。情報をカテゴリーごとにすっきりと整理し、デザインに統一感を持たせるのがポイントです。

限定クーポンやイベント案内を、メッセージ配信だけに頼らず定着させたいときのレイアウトです。トーク画面に常に置いておくことで、過去のメッセージに流されることなく、いつでも簡単にアクセスしてもらえます。

ユーザーの定期的な利用や、サービスの習慣化を助ける環境を作りたいときの構成です。閲覧頻度の高い情報を押しやすい位置に配置することで、ユーザーの手間を減らします。

今回ご紹介した「見せ方の基本」や「目的別のパターン」を参考に、ぜひ自社にぴったりのリッチメニューを作ってみてください。