ユーザーフローを記録、再生、測定する

Jecelyn Yeen

Sofia Emelianova

新しい [Recorder] パネル（プレビュー機能）の概要は、こちらの動画でご覧いただけます。

このチュートリアルでは、[Recorder]（レコーダー）パネルを使用してユーザーフローを記録、再生、測定する方法について説明します。

記録したユーザーフローを共有する方法、フローとそのステップを編集する方法については、レコーダー機能のリファレンスをご覧ください。

Recorder（レコーダー）パネルを開く

1. DevTools を開きます。

2. その他アイコン   > [その他のツール] > [Recorder] をクリックします。

   

   または、コマンド メニューを使用して [Recorder] パネルを開きます。

   

はじめに

こちらのコーヒー注文のデモページを使用します。購入手続きは、ショッピングのウェブサイトで一般的なユーザーフローです。

以降のセクションでは、[Recorder] パネルで以下の購入手続きフローを記録、再生、監査する方法について説明します。

1. カートにコーヒーを追加する。
2. カートに別のコーヒーを追加する。
3. カートページに移動します。
4. カートからコーヒーを 1 つ削除する。
5. 購入手続きを開始する。
6. 支払い情報を入力する。
7. チェックアウトします。

ユーザーフローを記録する

1. こちらのデモページを開きます。[Start new recording]（新しい記録を開始）をクリックして開始します。
2. [Recording name]（記録名）テキスト ボックスに「coffee checkout」と入力します。
3. [Start a new recording] をクリックします。記録が開始されます。パネルに [Recording...]（記録しています）と表示され、記録が進行中であることが示されます。