---
title: 紹介が広がり続ける「紹介人数モーダル表示」機能とは？｜ユーザーのモチベーションを最大化し紹介数を伸ばすコツ
description: リファラルキャンペーンの紹介数を伸ばすには、ユーザーが「また紹介したい」と思えるUI/UX設計が不可欠です。本記事では、紹介実績を可視化してモチベーションを高める「紹介人数モーダル」機能のメリットや、ユーザー体験を最適化する活用の実践例を徹底解説します。
image: https://www.creativehope.co.jp/hubfs/%E2%98%85%E3%80%90invy%E6%A9%9F%E8%83%BD%E3%80%91UIUX_%E3%80%8C%E7%B4%B9%E4%BB%8B%E4%BA%BA%E6%95%B0%E3%83%A2%E3%83%BC%E3%83%80%E3%83%AB%E3%80%8D.png
---
[](https://s.creativehope.co.jp/invy)
- [サービス](https://s.creativehope.co.jp/invy)
- [リファラルアワード](https://www.creativehope.co.jp/invy/referralaward)
- [運営会社](https://www.creativehope.co.jp/)
- [事例](https://s.creativehope.co.jp/invy/blog/tag/invy%E4%BA%8B%E4%BE%8B%E7%B4%B9%E4%BB%8B)
- [EC・サブスクでの紹介事例](https://s.creativehope.co.jp/invy/ec)
- [フィットネス業界での紹介事例](https://s.creativehope.co.jp/invy/fitness)
- [美容・脱毛サロンでの紹介事例](https://s.creativehope.co.jp/invy/salon)
- [スクールでの紹介事例](https://s.creativehope.co.jp/invy/school)
- [金融業界での紹介事例](https://s.creativehope.co.jp/invy/finance)
- [「住宅・不動産業界」での紹介事例](https://s.creativehope.co.jp/invy/real-estate)
- お役立ち情報
- [お友達紹介研究所](https://www.creativehope.co.jp/invy/blog)
- [お役立ち資料](https://www.creativehope.co.jp/invy/ebook_index)
- [メールマガジン](https://www.creativehope.co.jp/invy/newsletter)
- [リファラルマーケティング大全](https://www.creativehope.co.jp/invy/rmtaizen)
- お知らせ
- [おしらせ](https://s.creativehope.co.jp/invy/blog/tag/%E3%81%8A%E7%9F%A5%E3%82%89%E3%81%9B)
- [セミナー情報](https://www.creativehope.co.jp/invy/seminar_index/)
- [お問い合わせ](https://www.creativehope.co.jp/invy/apply)
- [オンライン相談](https://www.creativehope.co.jp/invy/apply)
- [パートナープログラム](https://s.creativehope.co.jp/invy/partner)
- [資料ダウンロード](https://s.creativehope.co.jp/invy/form_data1)
- [紹介の基本](https://s.creativehope.co.jp/invy/blog/tag/%E7%B4%B9%E4%BB%8B%E3%81%AE%E5%9F%BA%E6%9C%AC)
- [紹介ノウハウ](https://s.creativehope.co.jp/invy/blog/tag/%E7%B4%B9%E4%BB%8B%E3%83%8E%E3%82%A6%E3%83%8F%E3%82%A6)
- [紹介研究レポート](https://s.creativehope.co.jp/invy/blog/tag/%E7%B4%B9%E4%BB%8B%E7%A0%94%E7%A9%B6%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88)
- [invy導入事例](https://s.creativehope.co.jp/invy/blog/tag/invy%E4%BA%8B%E4%BE%8B%E7%B4%B9%E4%BB%8B)
- [紹介キャンペーン事例](https://s.creativehope.co.jp/invy/blog/tag/%E7%B4%B9%E4%BB%8B%E3%82%AD%E3%83%A3%E3%83%B3%E3%83%9A%E3%83%BC%E3%83%B3%E4%BA%8B%E4%BE%8B)
- [セミナー情報](https://s.creativehope.co.jp/invy/blog/tag/%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC%E6%83%85%E5%A0%B1)
- 業態別の情報を探す
- [EC・オンラインサービス](https://s.creativehope.co.jp/invy/blog/tag/ec-%E3%82%AA%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3)
- [店舗](https://s.creativehope.co.jp/invy/blog/tag/%E5%BA%97%E8%88%97)
- [マーケティングノウハウ](https://www.creativehope.co.jp/invy/blog)
# 紹介が広がり続ける「紹介人数モーダル表示」機能とは？｜ユーザーのモチベーションを最大化し紹介数を伸ばすコツ
2026.07.21 [紹介促進](https://www.creativehope.co.jp/invy/blog/tag/紹介促進) [invy機能](https://www.creativehope.co.jp/invy/blog/tag/invy機能)
[正村絢佳](https://www.creativehope.co.jp/invy/blog/author/正村絢佳)
「紹介キャンペーンを実施しているものの、1人が1回紹介して終わってしまい、継続的な紹介につながらない」とお悩みではありませんか？
実は、成果を伸ばすカギはインセンティブの金額ではなく、「また紹介したい」と思える体験（UI/UX）の設計にあります。紹介の手間や心理的なハードルを下げ、楽しみながら参加できる仕組みを作ることで、紹介は自然と広がります。
本記事では、**紹介実績をリアルタイムで可視化し、紹介意欲を高める「紹介人数モーダル表示」機能**をご紹介。 活用事例を交えながら、**紹介が継続的に生まれる仕組みづくり**を解説します。
目次
1. [紹介キャンペーンの成否を分けるUI/UX設計の重要性](https://www.creativehope.co.jp/invy/blog/active-prospects/function/referral-count#a1)
1. [**UI/UXが紹介行動に与える影響**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/referral-count#a11)
2. [**紹介数を増やすには、紹介のハードルを下げることが重要**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/referral-count#a12)
2. [紹介機能「紹介人数モーダル」とは？](https://www.creativehope.co.jp/invy/blog/active-prospects/function/referral-count#a2)
1. [**「紹介人数モーダル」機能とは**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/referral-count#a21)
2. [**「紹介人数モーダル」機能で何ができるのか**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/referral-count#a22)
3. [**どのような商材・ビジネスモデル・ユーザーに適しているか**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/referral-count#a23)
3. [**活用例｜紹介人数モーダルを活かすポイント**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/referral-count#a3)
1. [**具体的な活用イメージ**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/referral-count#a31)
4. [**まとめ：UI/UXの改善こそが紹介数を継続的に伸ばすカギ**](https://www.creativehope.co.jp/invy/blog/active-prospects/function/referral-count#a4)
⧵ **紹介機能のデモページを公開中！** /
[](https://www.creativehope.co.jp/hs/cta/wi/redirect?encryptedPayload=AVxigLKTl1ooCsxCQ4ew4nt7AvFqvv5%2BLhzF%2B5fXnO30wQlcZPedzec9C6Q4lOyo1RhyUTwEEeKNoNWRCog89U1hsVj6gbowSMVNt%2FyC4bB7kB9W9QfTBamtU9rxqZPqPjzmO1drGQhReMhvduKJjnCFkUyDYp7dliRNM%2FPpeFOeYSD1OCuDTQxrmXJBdEkTtdoC23PQb6UhcCE4%2BH0%3D&webInteractiveContentId=207946859874&portalId=598786)
## 1. 紹介キャンペーンの成否を分けるUI/UX設計の重要性
紹介キャンペーンでは、特典の豪華さよりも「紹介しやすさ」「紹介したくなるか」が成果を左右します。どれだけ魅力的な特典でも、紹介フローが分かりにくかったり手間が多かったりすると、ユーザーは途中で離脱してしまいます。
紹介したくなるUI/UXについては別記事でも詳しく解説していますが、ここでは重要なポイントを紹介します。
■関連記事
[紹介キャンペーンの成果を左右するUI/UXとは？~LP設計で「紹介される体験」を作る方法~](https://www.creativehope.co.jp/invy/blog/active-prospects/function/uiux)
### 1.1 UI/UXが紹介行動に与える影響
ユーザーが自発的に「このブランドを友人に紹介しよう」と行動を起こすプロセスの裏には、迷わず操作できるUIとストレスのないUXの存在があります。
紹介キャンペーンはユーザーが「紹介する」という心理的・実務的ステップを経由するため、ページの直感的な操作性や分かりやすさは紹介行動に直接的な影響を与えます。
### 1.2 紹介数を増やすには、紹介のハードルを下げることが重要
紹介が広がらない理由の多くは、紹介までのハードルにあります。
例えば、
> - **ログインや入力項目が多く、手間がかかる**
> - **「特典目当てだと思われたくない」という心理的な抵抗がある**
> - **商品をおすすめする理由を考えるのが面倒**
といった負担があると、紹介は1回で終わってしまいがちです。
だからこそ重要なのが、紹介しやすく、紹介したくなるUI/UX設計です。
LINEからワンタップで紹介できるなど紹介の手間を減らすだけでなく、紹介人数の可視化や達成感を感じられる演出など、「もっと紹介したい」と思える体験を提供することで、継続的な紹介や複数人への紹介につながります。
⧵ **紹介機能のデモページを公開中！** /
[](https://www.creativehope.co.jp/hs/cta/wi/redirect?encryptedPayload=AVxigLKTl1ooCsxCQ4ew4nt7AvFqvv5%2BLhzF%2B5fXnO30wQlcZPedzec9C6Q4lOyo1RhyUTwEEeKNoNWRCog89U1hsVj6gbowSMVNt%2FyC4bB7kB9W9QfTBamtU9rxqZPqPjzmO1drGQhReMhvduKJjnCFkUyDYp7dliRNM%2FPpeFOeYSD1OCuDTQxrmXJBdEkTtdoC23PQb6UhcCE4%2BH0%3D&webInteractiveContentId=207946859874&portalId=598786)
## **2. invyの紹介機能「紹介人数モーダル表示」とは？**
ユーザーの熱量を高め、リファラルキャンペーンを「使いこなしてもらう」ための施策として、invy（インビー）が提供している機能の一つが「紹介人数モーダル表示」機能です。
### **2.1 「紹介人数モーダル表示」機能とは**
****
「紹介人数モーダル表示」機能とは、紹介者が自身の紹介URLを発行した際などに、「これまでに自分が何人の友人を招待したか」「何人がコンバージョン（CV）に至ったか」を、画面上にポップアップ（モーダル形式）やメーター形式でリアルタイムに視覚化して表示する機能です。
この機能を使用することで、自分の紹介実績がひと目で分かるため、「もっと紹介したい」というモチベーションや達成感を高めることができます。
このような、ゲーム感覚で楽しみながら紹介を続けられる体験を提供することで、継続的な紹介や複数人への紹介を促進します。
### **2.2 「紹介人数モーダル表示」機能で何ができるのか**
紹介人数モーダルを活用することで、紹介数に応じて特典が変化する「ステップアップ型キャンペーン」や、紹介実績の可視化介、達成状況の表示など、ユーザーの紹介意欲を高めるさまざまな施策を実施できます。
例えば、「あと1人紹介で次の特典を獲得！」や「累計3人達成で限定ノベルティをプレゼント」といった表示をリアルタイムで行うことで、ゲーム感覚で楽しみながら紹介を続けられる仕組みを作ることができます。
また、**誰が・いつ・何人紹介したのか**といった紹介データを蓄積・可視化できるため、購入金額だけでは把握できない**紹介に積極的な優良顧客**を見つけることも可能です。こうしたユーザーに限定特典を提供したり、アンバサダー施策へ展開したりするなど、CRM施策にも活用できます。
参考記事：[【2025年最新】アンバサダーマーケティングとは？実践ポイントと事例をわかりやすく解説！](https://www.creativehope.co.jp/invy/blog/ambassador-marketing)
### **2.3 どのような商材・ビジネスモデル・ユーザーに適しているか**
紹介人数モーダルは、継続利用が前提となるサービスや、紹介を繰り返すメリットを感じやすい商材で特に効果を発揮します。
#### ・適したビジネスモデル・商材
以下のような、ユーザー同士のつながりが生まれやすく、継続利用されるサービスとの相性が良い機能です。
> - **サブスクリプションサービス**
> - **フィットネスジム**
> - **美容クリニック・エステ**
> - **スクール・習い事**
また、**紹介数に応じた特典やランクアップ制度**との相性も良く、証券口座や投資サービスなど、**仕組みを活用してメリットを得たいユーザーが多い金融系サービス**でも効果が期待できます。
#### **・適したユーザー属性**
新しいサービスやキャンペーンを積極的に活用する「イノベーター」「アーリーアダプター」といった、情報感度の高い若年層〜中間層との相性が高い傾向があります。
また、紹介実績の可視化やランクアップ、達成状況の表示など、成果が見える仕組みは、実利や達成感を重視するユーザーのモチベーション向上にも効果的です。特に、紹介を繰り返して多くの友人へシェアする「パワーインバイター」の育成にもつながります。
参考記事：[【独自調査公開！】イノベータ理論とは？5つのタイプと紹介との関係性を解説！](https://www.creativehope.co.jp/invy/blog/innovator)
## **3. 活用例｜「紹介人数モーダル表示」機能を活かすポイント**
「紹介人数モーダル表示」機能は、紹介人数を表示するだけの機能ではありません。
紹介実績の可視化や達成状況の演出、インセンティブ設計と組み合わせることで、「もっと紹介したい」という気持ちを引き出し、継続的な紹介を促進できます。
### **3.1 具体的な活用イメージ**
例えば、紹介URLを送信した直後に、
> 「ご紹介ありがとうございます！現在○名が紹介経由で登録しています。」
といったモーダルを表示することで、自分の紹介実績をリアルタイムで確認できます。
さらに、下記のように紹介人数やキャンペーン内容に応じた表示を組み合わせることで、ゲーム感覚で紹介を楽しめる体験を提供できます。
> - 「あと1人で次の特典を獲得！」
> - 「累計3人達成で限定ノベルティをプレゼント」
> - 「期間限定で紹介人数2倍キャンペーン実施中」
また、紹介人数の上限設定や期間限定キャンペーンのカウントダウン表示なども設定できるため、クリスマスや新生活シーズンなど、イベントに合わせた訴求も有効です。
⧵ **紹介機能のデモページを公開中！** /
[](https://www.creativehope.co.jp/hs/cta/wi/redirect?encryptedPayload=AVxigLKTl1ooCsxCQ4ew4nt7AvFqvv5%2BLhzF%2B5fXnO30wQlcZPedzec9C6Q4lOyo1RhyUTwEEeKNoNWRCog89U1hsVj6gbowSMVNt%2FyC4bB7kB9W9QfTBamtU9rxqZPqPjzmO1drGQhReMhvduKJjnCFkUyDYp7dliRNM%2FPpeFOeYSD1OCuDTQxrmXJBdEkTtdoC23PQb6UhcCE4%2BH0%3D&webInteractiveContentId=207946859874&portalId=598786)
## **4. まとめ：UI/UXの改善こそが紹介数を継続的に伸ばすカギ**
紹介キャンペーンを一過性の施策で終わらせず、継続的に成果を生み出す仕組みにするためには、特典だけでなく、ユーザーが「また紹介したい」と思えるUI/UXを設計することが重要です。
「紹介人数モーダル表示」機能は、自分の紹介実績や達成状況をリアルタイムで可視化することで、達成感や楽しさを演出し、継続的な紹介を後押しします。さらに、紹介人数に応じた特典や期間限定キャンペーンなどと組み合わせることで、単発の紹介に終わらず、複数人への紹介やリピーターの育成にもつなげることができます。
invyでは、紹介キャンペーンの設計から運用、効果測定までをトータルでサポートしています。紹介を継続的な集客チャネルへ育てたい方や、紹介データをCRMに活用したい方は、ぜひお気軽にお問い合わせください。
[](https://www.creativehope.co.jp/hs/cta/wi/redirect?encryptedPayload=AVxigLLH5uyQUVK7FMSFfedmU13B5y%2BT5E5IiGGKhdZvgj3M8BDGUHIy6Rj61x67FjIqmhR8ujnwXIx8DkM1jSj4ia9%2BwWNJdgs%2BaW%2Fa%2FMBZqc23Dm9IppI5AkvCU488R7fPHEONNvJqtask%2BZtpIms7NZMmoBZW5ao4ulwbt6O%2FPIlWIeT4dhEapEFGhmgBob4shdD%2B%2Fo%2BqXR7KFGOfgbk91puRkcehfA%3D%3D&webInteractiveContentId=207972140574&portalId=598786)
トピック: [紹介促進](https://www.creativehope.co.jp/invy/blog/tag/紹介促進), [invy機能](https://www.creativehope.co.jp/invy/blog/tag/invy機能)
[](https://cta-redirect.hubspot.com/cta/redirect/598786/5b44cecf-43d7-4462-98f5-28a6c5b93a7b)
**もっとも読まれている記事**
[](https://s.creativehope.co.jp/invy/blog/otomodachishokaichampaign)
2020.05.27 [Hiroo Fujii](https://s.creativehope.co.jp/invy/blog/author/hiroo-fujii)
[お友達紹介ノウハウ](https://s.creativehope.co.jp/invy/blog/tag/お友達紹介ノウハウ) [お友達紹介研究レポート](https://s.creativehope.co.jp/invy/blog/tag/お友達紹介研究レポート)
### [お友達紹介キャンペーンをしっかり強化すべき理由](https://s.creativehope.co.jp/invy/blog/otomodachishokaichampaign)
情報過多の時代は「何を言うか？」より「誰が言うか？」が重要です。紹介がされる時には「誰が」「どんな情報」を友人・家族に伝えているのでしょうか？ [詳しくはこちら\>\>](https://s.creativehope.co.jp/invy/blog/otomodachishokaichampaign)
[.webp?width=1000&height=667&name=image%20(21).webp)](https://s.creativehope.co.jp/invy/blog/influencer-marketing)
2020.07.08 [Mio Tomiyori](https://s.creativehope.co.jp/invy/blog/author/mio-tomiyori)
[お友達紹介ノウハウ](https://s.creativehope.co.jp/invy/blog/tag/お友達紹介ノウハウ)
### [「とりあえずインフルエンサーマーケティング」はNG！成功への重要ポイント](https://s.creativehope.co.jp/invy/blog/influencer-marketing)
インフルエンサーマーケティングは適切に行えば高い効果を発揮しますが、方法を誤ると一過性のもので終わってしまう危険性も。失敗を防ぐためには何に気を付ければいいのでしょうか？ [詳しくはこちら\>\>](https://s.creativehope.co.jp/invy/blog/influencer-marketing)
[.webp?width=863&height=512&name=invybanner%20(2).webp)](https://s.creativehope.co.jp/invy/blog/referralcampaignpoint)
2019.04.01 [Hiroo Fujii](https://s.creativehope.co.jp/invy/blog/author/hiroo-fujii)
[お友達紹介ノウハウ](https://s.creativehope.co.jp/invy/blog/tag/お友達紹介ノウハウ)
### [累計750,000の紹介を誘発するリファラルマーケツールとは？](https://s.creativehope.co.jp/invy)
`大事なポイントはリファラルコミュニケーションのデザイン。オンラインだけでなくオフラインも最適化することで紹介経由の顧客獲得が4倍に。 ` [詳しくはこちら\>\>](https://s.creativehope.co.jp/invy/)
[](https://s.creativehope.co.jp/invy/blog/aftercoronavirus_tenposhuukyaku)
2020.05.29 [Mio Tomiyori](https://s.creativehope.co.jp/invy/blog/author/Mio-Tomiyori)
[お友達紹介ノウハウ](https://s.creativehope.co.jp/invy/blog/tag/お友達紹介ノウハウ)
### [ウィズコロナの店舗集客「新常識」](https://s.creativehope.co.jp/invy/blog/aftercoronavirus_tenposhuukyaku)
コロナウイルスに伴う外出自粛によって、人の消費行動や生活様式は大きく変化しました。ウィズコロナの店舗集客のあり方がどのように変わるのか、考えるためのポイントを解説します。 [詳しくはこちら\>\>](https://s.creativehope.co.jp/invy/blog/aftercoronavirus_tenposhuukyaku)
[](https://cta-redirect.hubspot.com/cta/redirect/598786/1d6b8e26-f0fd-41b1-8aad-2ae9cc91ab51)
**[お役立ちコンテンツ](https://www.creativehope.co.jp/invy/ebook_index)| [オンラインデモ](https://www.creativehope.co.jp/invy/apply) |** **[サービス資料](https://www.creativehope.co.jp/invy/form_data1) |**
**[利用規約](https://www.creativehope.co.jp/invy/ad/terms/?hsLang=ja) | [会社情報](https://www.creativehope.co.jp/company/?hsLang=ja) | [個人情報保護方針](https://www.creativehope.co.jp/privacypolicy/?hsLang=ja) | [お問い合わせ](https://www.creativehope.co.jp/invy/inquiry?hsLang=ja)
お友達紹介ソリューション invy
リファラルマーケティング/バイラルマーケティング/バズマーケティング/口コミマーケティング/インフルエンサーマーケティング
〒160-0023 東京都新宿区西新宿7-22-45 KDX西新宿ビル4F
©Creativehope,inc**
```json
{
"@context" : "https://schema.org",
"@type" : "BlogPosting",
"author" : {
"@type" : "Person",
"name" : "正村絢佳",
"url" : "https://www.creativehope.co.jp/invy/blog/author/正村絢佳"
},
"dateModified" : "2026-07-21T01:26:16.309Z",
"datePublished" : "2026-07-21T01:22:22.000Z",
"headline" : "紹介が広がり続ける「紹介人数モーダル表示」機能とは？｜ユーザーのモチベーションを最大化し紹介数を伸ばすコツ",
"image" : [ "https://www.creativehope.co.jp/hubfs/%E2%98%85%E3%80%90invy%E6%A9%9F%E8%83%BD%E3%80%91UIUX_%E3%80%8C%E7%B4%B9%E4%BB%8B%E4%BA%BA%E6%95%B0%E3%83%A2%E3%83%BC%E3%83%80%E3%83%AB%E3%80%8D.png" ],
"mainEntityOfPage" : {
"@id" : "https://www.creativehope.co.jp/invy/blog/active-prospects/function/referral-count",
"@type" : "WebPage"
},
"publisher" : {
"@type" : "Organization",
"logo" : {
"@type" : "ImageObject",
"url" : "https://www.creativehope.co.jp/hubfs/logo_top.png"
},
"name" : "株式会社クリエイティブホープ"
}
}
```
```json
{
"@context" : "https://schema.org",
"@type" : "VideoObject",
"contentUrl" : "https://stream.mux.com/rnhY5PPGclAKifj3fpIbw00xxHShxtr3diVnLT5sy1HI/capped-1080p.mp4",
"dateModified" : "2025-04-30T08:11:42.947Z",
"duration" : "PT30S",
"height" : 750,
"name" : "紹介研究所KV",
"thumbnailUrl" : "https://www.creativehope.co.jp/hubfs/invy/LP/2025LP/img/%E7%B4%B9%E4%BB%8B%E7%A0%94%E7%A9%B6%E6%89%80KV.mp4/medium.jpg",
"uploadDate" : "2025-04-30T08:09:20.984Z",
"width" : 2758
}
```