概要
スマートウォークスルーは、プロセスの全体について画面上でバルーンを使用したステップバイステップのガイダンスを行い、ユーザーをサポートします。 この記事では、Smart Walk Thruを構築する基本を案内します。 スマートウォークスルーの紹介については、こちらの記事を参照してください：
Smart Walk-Thrus
デジタル採用研究所のこの短い動画をご覧ください。
🎓 Digital Adoption Institute
スマートウォークスルーを作成します
- Smart Walk-Thruを作成するウェブページを開きます
- WalkMeエディタで、+ 追加をクリックし、Smart Walk-Thruを選択します
- スマートウォークスルーに名前を付け、続行をクリックしてください
- + 追加にカーソルを合わせ、ステップを選択します
- ステップの画面上の要素を選択：青いボックスで強調表示された要素をクリックします
- ステップバルーンを設定します：
- タイトルと本文テキスト（オプション）：バルーン内に表示され、ユーザーに指導を提供します
- 追加メモ：エディタに表示され、他のWalkMeビルダーにのみ表示されます
- トリガー：トリガーは、次へステップをアクティブにするアクションです。詳細はこちら
- ステップ位置: 吹き出しの位置を移動します
- ステップを追加を続行：最初のステップが設定されたら、「次へステップ」をクリックしてキャプチャモードに戻り、さらにステップを追加します
- ［Done（完了）］をクリックします。
- WalkMeエディタが再開し、今作成したすべてのステップが表示されます。(WalkMeエディタは、WalkMeの編集ツールの名称です)
- ステップリストには青いバルーンアイコンとしてステップが表示されます。 バルーンにカーソルを合わせると、そのステップからSmart Walk-Thruを再生、スクリーンショットを表示、ステップを複製、削除、開始ポイントまたはピアステップを追加できます。
ヒント
スマートウォークスルーステップをすばやく構築するには、Ctrl/CMDを押して選択要素とナビゲーションを切り替えます。 これにより、ページと対話して、スマートウォークスルーに追加する次のエレメントに移動できます。
イニシエーターとエンドエクスペリエンス
イニシエーターは、ランチャーまたは他のスマートウォークスルーを介してユーザーがSmart Walk-Thruにアクセスする方法です。 エンドエクスペリエンスを使用すると、サーベイを追加して、ユーザーがその体験についてどのように考えているかを伝えることができます。
Initiators and End Experience Panel
スタートポイントの追加
ユーザーがSmart Walk-Thruを開始すると、プロセス途中である可能性があります。 開始ポイントを使用して、フローが最初ではなく正しいステップから開始されるようにします。
- どのステップも開始ポイントにできます
- 開始ポイントは、下から上に評価されます
- 可能であれば、URLルールを画面上の要素と組み合わせて、パフォーマンスと正確性を向上させます
WalkMeはルールエンジンを自動的に事前に設定して、開始ポイントを効率的に定義できるようにします。
Start Points
ゴールの追加
ゴールは、スマートウォークスルーが成功したかどうかを追跡するのに役立ちます。
2つのタイプがあります：
- メインゴール — ユーザーがプロセス全体を完了したかどうかを追跡します
- マイルストーン — フローの主要瞬間の進捗状況を追跡します
URLと要素ルールを組み合わせて使用し、正確なゴールとマイルストーン条件を定義します。
Goals
スマートウォークスルーのステップをカスタマイズする
ステップまたはポップアップを作成した後に変更するには、そのステップをクリックして、設定画面を開きます。
ステップ設定
行動タブでは、ステップトリガーを選択し、画面上のバルーンの位置を設定できます（オーバーレイコントロール）。
ページ上で編集を使用して、ページ上で直接編集できます。
デザイン
デザインタブでは、バルーンの外観やコンテンツを簡単に変更し、その結果をすぐに確認できます。
- フォントサイズ
- 太字/斜体/下線
- フォントの色
- テキストの配置
- リンクの追加：URL ハイパーリンクを追加します
- 箇条書きリストを追加：バルーンのテキスト内のアイテムのリストに箇条書きを追加します
- 「スマートウォークスルーリンクを追加」：別のスマートウォークスルーを起動するリンクを作成します
- このリンクは現在のスマートウォークスルーを停止すると共にリンクされたものを起動します。 スマートウォークスルーにリンクするには、リンク先のスマートウォークスルーが既に作成されていると共にウォークスルーIDが必要になります。
- 画像を追加します
- 新しい画像を追加するにはコンピューターから画像をアップロードするか、そのURLを挿入します （この場合、画像を挿入する前にオンラインでホストする必要があります） 。
-
- サポートしているファイルの種類には JPG、JPEG、PNG、GIF が含まれます。
- ファイルサイズは最大で500KBです。
- アップロードされた画像はAmazon S3の専用バケットでホストされます。
- URLからの画像幅と高さは、バルーンまたはシャウトアウトサイズに自動的に調整され、元の画像アスペクト比を維持しながら自動的に調整されます
- 必要に応じて編集する画像をダブルクリックすることで画像の幅と高さを調整できます。
- リサイズしてもアスペクト比が変わらないように、[Lock Aspect Ratio（アスペクト比のロック）]を使ってアスペクト比を固定できます。
- 画像を削除するには画像URLの横にあるごみ箱アイコンをクリックするか、テキストエディターでテキストを編集中にBackspaceまたはDeleteを使用して削除します。
- BBCode 形式 : [img]img_URL[/img]、
- 幅と高さのある BBCode 形式 : [img=widthxheight]img_URL[/] (例 : [img=40x24]img_URL[/img]
- ビデオの追加 : 対応するビデオプラットフォームにビデオURLを入力します
- ビデオはiFrameを使用するMP4形式である限り、どのプラットフォームからでも再生できます（下の表のBBCodeを参照） 。 必要に応じて幅と高さを入力してください
- iFrame を追加 : フレームにウェブページをロードします
- ダイナミック・テキストの追加 : ユーザーの実際の名前などのダイナミック・テキストをバルーンに追加します
- BBCode：BBcode を使用してテキストをフォーマットします。
- プレビューバルーンから以下のものを編集することができます :
- タイトル : ユーザーに対するメインの指示を編集します
- テキスト : 必要に応じて追加の指示またはステップの詳細を含みます
詳細設定
このタブの設定は、キャプチャした要素が現在のページに存在するかどうかを確認するのに役立ちます。また、WalkMeの識別方法をカスタマイズするために使用できる設定も含まれます。
Advanced Settings
プレビューと公開
ステップフローの再生ボタンをクリックすると、スマートウォークスルーをプレビューできます。 また、ステップの上を移動して「プレイ」をクリックすることで、個々のステップをプレビューすることもできます。
Previewing WalkMe Content
注
スマートウォークスルーは、同時に再生できません。 （スマートウォークスルーを除く）同じタイプの2つのアイテムが同じ自動再生条件を持っている場合、エディターの順序に従って（上から下）表示されます。
コンテンツの公開は、メインエディターリストビューで行われます。 個別または複数のスマートウォークスルーを公開できます。
Publishing
