アプリ内ガイダンス - 無料AIウォークスルービルダー

Trupeerの無料AIウォークスルービルダーは、画面録画をナレーション付きのウォークスルーと、書面のステップバイステップガイドに変換します。リンクで公開することも、製品の横に埋め込むことも可能です。これは、アプリにスクリプトを展開せずにユーザーへ案内するためのガイダンスです。つまり、エンジニアリングチケット不要で、次回リリースで壊れる心配もありません。​

インアプリガイダンスとは？

インアプリガイダンス（インアプリでのガイダンスとも呼ばれます）とは、ユーザーが必要とするタイミングで、ユーザーがすでに使っているプロダクトの中に届けるサポートのことです。ユーザーがわざわざ探しに行くマニュアルではありません。代表的な実装はオーバーレイです。ツールチップ、ホットスポット、バナー、チェックリストを、ユーザーの現在地やこれまでの操作に応じて、ライブインターフェース上に重ねて表示します。​

目的はシンプルです。ユーザーは「分からない」と感じた時点でタスクを離脱します。そして「分からない」と「利用可能なヘルプ」の間にあるギャップが、アクティベーションと導入の漏れを生みます。そのギャップを埋めることが仕事のすべてであり、埋め方はいくつもあります。​

インアプリガイドの種類は？

インアプリガイドは、いくつかの見覚えのある形式に分類され、それぞれ別の用途に適しています。​

• ツールチップ:
  1つの要素に紐づく短いラベルで、その機能を説明します。ものの名前を付けるのには最適ですが、手順の流れを教えるのには向きません

• ホットスポット:
  クリックを促す、常に表示される目印です。見落とされがちな機能を見せるのに向いていますが、ユーザーが気にしなくなるまで使いすぎると効果が薄れます

• モーダル:
  中断を伴うダイアログです。告知には適していますが、指示のために使うと反感を招きます

• チェックリスト:
  進捗付きの、セットアップタスクの順序です。初回起動のアクティベーションで高い成果を出す形式の1つです

• バナー:
  画面上部に常に表示される通知です。メンテナンス告知や締切に適しています

• プロダクトツアー:
  どこに何があるかを紹介する、直線的な一連の流れです。通常は初回ログイン時に行います

• ウォークスルー:
  ユーザーが実行する順番どおりに、完了までを案内するガイドです。これは「方向づける」だけでなく「教える」形式です

• 埋め込み動画と書面ガイド:
  ユーザーが詰まっている場所に配置される、ペースを自分で決められるコンテンツです。ユーザーが操作でき、必要なら戻って確認できます。これがTrupeerの提供内容です

よくある失敗は、ユーザーにウォークスルーが必要なのにツールチップを選んでしまうことです。ボタンに名前を付けるだけではワークフローは教えられず、ツールチップを磨いてもそれは解決しません。​

インアプリガイダンスはなぜ機能の導入を改善するのか？

インアプリガイダンスの効果は、通常4〜5のアウトカムとして挙げられますが、実際には1つのメカニズムにたどり着きます。「分からない」と「分かる」の距離を縮めることです。​

• サポートコストの削減:
  発生した場所で解決される質問は、チケットとして開かれることがありません。ファイナンスが最もすぐに理解できる効果です

• 機能の導入率の向上:
  見つけられない機能は、どれだけ上手に作られていても導入されません

• 定着率の強化:
  習慣的に使うところまで到達したアカウントは更新されます。セットアップ中に止まったアカウントは更新されず、セットアップこそが最もガイダンスが重要な場面です

• 価値を得るまでの時間の短縮:
  道筋が示されることで、登録から最初の実際の成果までの期間が短くなります。発見に任せるよりも早くなります

• オンボーディングの問い合わせ回数の削減:
  セルフサーブのガイダンスにより、成功チームは「本当に人が必要なアカウント」に集中できます

アプリ内に出す？それとも横に添える？

結論から言うと、これは要件に合うかどうかを左右するため、はっきりさせる価値があります。Trupeerは、プロダクトにオーバーレイを注入しません。ライブインターフェースの上にツールチップやホットスポットを表示することもなく、コードベースにスクリプトを追加することもありません。Trupeerが作るのは、アプリの「横に存在する」ガイダンスです。ナレーション付きのウォークスルーと、書面のガイド。リンクで共有できるほか、ヘルプセンター、オンボーディングメール、またはプロダクトの横のページに埋め込めます。​

次の場合は、オーバーレイツールが適しています：

• 正確なタイミングで中断する必要がある:
  ユーザーが特定のフィールドで迷った瞬間にプロンプトを出すことは、オーバーレイにしかできません

• 行動に基づくターゲティングが重要:
  セッション内で、プラン、ロール、または過去の操作に応じて異なるガイダンスを表示する

• 導入・保守のためのエンジニアリング体制がある:
  多くの評価で軽視されがちな、しかし正直な前提条件です

次の場合は、アプリに添えるガイダンスが適しています：

• エンジニアリング時間が制約:
  アプリ内のスニペットがロードマップの会話につながるなら、オーバーレイのプロジェクトは無期限に止まります。ここにあるものは、コードに触れません

• インターフェースが頻繁に変わる:
  手作りのオーバーレイフローは、リデザインで静かに壊れます。録画は「録り直し」で置き換えます

• ガイダンスは「ラベル」ではなく「教える」必要がある:
  ナレーションは、なぜその一連の流れが重要なのかを説明します。ツールチップでは12語ではできません

• 対象はログイン済みユーザーだけではない:
  見込み客、パートナー、メールを読んでいる人はすべて、プロダクトの外にいて、オーバーレイでは到達できません

• ドキュメントも必要:
  書面ガイドは同じ録画から生成されます。オーバーレイツールでは生成できません

多くのチームは最終的に両方を運用します。セッション内のちょっとした後押しにはオーバーレイを使い、実際に説明が必要なものには共有可能なウォークスルーを使います。特にオーバーレイのカテゴリと比較している場合は、プロダクト導入ソフトウェアのページで、デジタルアダプションプラットフォームの仕組みをより詳しく説明しています。​

AIウォークスルービルダーはどのように動作する？

Trupeerの無料AIウォークスルービルダーは、1つの録画をどこでも公開できるガイダンスに変える、合理化された5ステップのプロセスに従います。​

ステップ1：ユーザーが詰まるタスクを録画する

Start Recordingをクリックし、Chromeタブ、1つのウィンドウ、または画面全体を選びます。ナレーションを入れたい場合はマイクのアクセスを許可してください。ユーザーとしてワークフローを実行し、その後Stop Sharingをクリックします。フローを設定するビルダーはなく、要素セレクタを選ぶ必要もなく、アプリに何もインストールしません。そのため、作成を決めてから数分で最初のウォークスルーが完成します。​

ステップ2：AIコンテンツを生成し、出力を選ぶ

Generate AI Contentをクリックし、Configure Output Optionsを開いて動画、ドキュメント、または両方を選択し、入力言語を設定します。Trupeerは画面で観察したアクションからスクリプトを書き起こし、あわせてトランスクリプトも生成します。ここが、AIウォークスルージェネレーターがフロービルダーと異なる点です。説明は空のツールチップボックスに手入力するのではなく、あなたのために書かれます。​

ステップ3：スクリプト、音声、音楽を編集する

Editを開き、変更したい箇所を選んでKeep Changesをクリックするか、独自の指示でAI rewriteを使用します。編集後にナレーションを再生成するにはRefresh Voiceoverをクリックし、AI Voiceの下で声とアクセントを選択して、BGMを追加します。修正はテキスト編集であり撮り直しではないため、1ステップの修正にかかる時間は1分です。​

ステップ4：ズームとラベルで注意を誘導する

Zoomを使ってズームレベル、位置、速度を設定し、視聴者が注目しているコントロールに引き込まれるようにします。さらに、各ステップでAdd Textを使って、正確なボタンまたはフィールドにラベルを付けます。これはツールチップが果たす役割と同じですが、ユーザーがホバーするのを待つのではなく、ナレーション付きのシーケンスの適切なタイミングで表示されます。​

ステップ5：公開、埋め込み、翻訳、計測

Share Pageから、ロゴと行動喚起（CTA）付きで公開します。表示範囲は、指定した人物、またはリンクを持つ誰にでも設定できます。セットをナレッジベースに公開します。自社のサブドメイン上でユーザーがAsk AIをクリックし、平易な言葉で質問できるようになります。さらに、65+の対応言語から最大5つのターゲット言語に同時翻訳し、ビュー、ユニーク視聴者、検索、未解決率を分析して、コンテンツでは答えられなかった質問を把握できます。​

エンジニアリング時間なしでユーザーガイダンスを展開する方法

ほとんどのガイダンスプロジェクトは同じ地点で止まります。ツールを選んだ後に、開発者が必要になるのです。ここでは、開発を必要としない形で、インアプリガイダンスをシーケンスとして実装する方法を紹介します。​

• コンテンツ計画から始めるのではなく、サポートキューから始める:
  上位5つの繰り返し質問は、ユーザーが書いた「どこでガイダンスが不足しているか」のランキングリストです

• 今週、1つのウォークスルーを録画して公開する:
  動く実例は、提案書よりも社内の会話を早く前に進めます

• 混乱が起きる場所に置く:
  サポートのマクロ、空の状態、オンボーディングメール、または人々がすでに辿り着いているヘルプセンターの記事からリンクします

• 質問に答える人にコンテンツを作らせる:
  サポートと成功は、失敗ポイントを知っています。ブラウザ録画なら、作成は専門家ではなく彼らと一緒に進められます

• 拡張する前に計測する:
  次の10個を作る前に、その特定トピックでのチケット量を確認します

• まだ必要なら、後からオーバーレイを追加する:
  セッション内で本当に中断が必要なタイミングが分かった時点で、オーバーレイのプロジェクトははるかに説得力のあるビジネスケースになります

ガイダンスの有効性はどう測る？

インアプリガイダンスの有効性を測る際、チームが「ツールが数えるもの」を報告してしまうと失敗します。ビューは活動であって、成果ではありません。​

• 対象トピックに関するチケット量:
  公開前後で比較します。利用可能な因果のシグナルとして最もきれいで、上層部に報告する価値があるものです

• 対象ワークフローの完了:
  ガイダンスがカバーするタスクを完了したユーザーの割合です

• 未解決の検索:
  コンテンツが自信を持って答えられなかった質問です。ユーザーが自分の言葉で書く「コンテンツのバックログ」になります

• 価値を得るまでの時間:
  新規アカウントが「本当の成果」に到達するまでにかかる時間です

• コンテンツの鮮度:
  古くなってしまったガイダンスの割合です。古いヘルプは、欠けているヘルプよりも早く信頼を損ないます

インアプリガイダンスソフトウェアの選び方

最適なインアプリガイダンスツールの候補を並べると、異なる課題を解決するプロダクト同士を比較しがちです。まずカテゴリの問いを整理し、そのうえで次を確認してください。​

• 何かを自社プロダクトにデプロイする必要がありますか？:
  答えによって、自分たちのタイムラインをコントロールできるのか、それともエンジニアリングのロードマップと共有するのかが決まります

• 最初のガイダンスが公開されるまで、どれくらいかかりますか？:
  見積もりではなく、空の画面から公開までのライブデモを依頼してください

• トレーニングなしで作成できるのは誰ですか？:
  専門家が必要なら、アウトプットは1人のカレンダーに上限がかかります

• UIが変わったらどうなりますか？:
  手作りのフローには、価格設定にほとんど現れない反復的な保守コストがかかります

• ガイダンスはプロダクト外の人にも届きますか？:
  見込み客やパートナーは導入に影響しますが、オーバーレイでは見えず、届きません

• 規模に応じた実際のコストはいくらですか？:
  インアプリガイダンスソフトウェアの費用は、席課金、MAU課金、または定額などの方式によって大きく変わり、規模が大きくなるほど差も大きくなります

• ドキュメントは付いてきますか？:
  付いてこない場合、その後に誰かが手作業でヘルプ記事を書いています

オンボーディングにガイド付きウォークスルーを使うのは誰？

ガイダンスのコンテンツは通常、まずはプレッシャーのかかっている1つのチームから始まり、録画が再利用できると分かった時点で広がっていきます。​

• プロダクトマネージャー:
  アクティベーションの責任を持ち、測定するだけでなく離脱ポイントの説明が必要な人

• カスタマーサクセス:
  繰り返し行うセットアップの電話を、セルフサーブの導線に置き換えます。多くの場合、クライアントオンボーディングツールで順序付けします

• サポートチーム:
  繰り返し出てくる回答を一度公開し、マクロからリンクする

• プロダクトマーケティング:
  リリースごとにガイダンスを提供し、新機能が確実に使われるようにする

• カスタマーエデュケーション:
  ライブラリの管理を担います。多くの場合、カスタマーエデュケーションプラットフォームの中で運用します

• 創業者や少人数チーム:
  オーバーレイ実装のために割けるエンジニアリング体制がなく、今月中にライブのガイダンスが必要な人

TrupeerのAIウォークスルービルダーの主な機能

• ブラウザベースの画面録画:
  タブ、ウィンドウ、またはフルスクリーンを、何もインストールせず、プロダクトにコードを追加せずにキャプチャできます​

• AIスクリプトとトランスクリプト:
  画面で観察したアクションからナレーションを書き起こし、すべての行を編集可能​

• 音声とアクセントを選べるAIボイスオーバー:
  ボイス人材の手配なしで、ライブラリ全体に一貫したナレーションを提供​

• ズームコントロール:
  ズームレベル、位置、速度を設定して、密集したインターフェースのテキストを読みやすく保ちます​

• テキストアノテーション:
  各ステップで実際に操作している正確なコントロールにラベルを付け、ナレーション付きシーケンス内でツールチップの役割を果たします​

• AIアバター:
  顔があることで、対顧客向けガイダンスへの信頼感を高めるプレゼンターを追加できます​

• 同じ録画から生成される書面ガイド:
  ステップバイステップガイドが動画と並行して生成されるため、読者と視聴者は同じ答えを得られます

• ブランディングとCTA付きの共有ページ:
  ロゴと次のステップを添えて、リンクで公開できます。生のファイルを送る必要はありません​

• Ask AI検索付きのナレッジベース:
  ユーザーが平易な言葉で質問できるように、自社のサブドメイン上でセットを公開します​

• 65+言語への翻訳:
  動画と書面の形式それぞれで、最大5つのターゲット言語に同時対応

• 可視性コントロール:
  指定した人物に限定するか、リンクを持つ誰にでも公開するかを選べます​

• 利用状況と検索分析:
  ビュー、ユニーク視聴者、検索、そして自信を持って答えられなかった質問の未解決率を確認できます​

関連ツールを探す

• インタラクティブ・ウォークスルーソフトウェア

• プロダクト・ウォークスルーソフトウェア

• プロダクト導入ソフトウェア

• カスタマーエデュケーションプラットフォーム

• オンボーディングガイドメーカー

• クライアントオンボーディングツール

• ステップバイステップガイドジェネレーター

• ハウツーガイドジェネレーター

• デモメーカー

• ビデオチュートリアルを作成

• ナレッジベースジェネレーター

• 分析付きインタラクティブ動画プラットフォーム