プログレッシブ ウェブアプリは、ウェブサイトをモダナイズしてユーザーの新たな期待に応えるために、多くの企業がロードマップに含まれています。多くの技術と同様に PWA にも疑問があります
デジタル戦略を策定するには、多くの場合、いくつかの関係者が関与します。プロダクト マネージャーと最高マーケティング責任者は各機能のビジネスへの影響の共同オーナーであり、最高技術責任者はテクノロジーの実現可能性と信頼性を評価し、ユーザー エクスペリエンスの研究者は機能が実際の顧客の課題に対する回答になっていることを検証します。
この記事では、この 3 つの疑問に答え、PWA プロジェクトを形作る方法について説明します。まずはお客様のニーズから始めて、それを PWA の機能に落とし込み、それぞれのビジネスへの影響を測定することに重点を置きます。
PWA で顧客のニーズを解決
Google がプロダクトを開発する際に守っているルールの一つは、「ユーザーに焦点を絞れば、他のものはみな後からついてくる」です。ユーザー ファーストを念頭に置いて、顧客のニーズは何か、PWA はどのように役立つか。
ユーザー調査を行うと、次のような興味深いパターンが見つかります。
- ユーザーはモバイルでの遅延や信頼性を嫌がります。モバイルの遅延によるストレスレベルは、ホラー映画を見るのと同じくらいです。
- スマートフォン ユーザーの 50% は、アプリをダウンロードしたくないため、ブラウジングやショッピングの際に会社のモバイルサイトを使用する傾向が強まっています。
- アプリをアンインストールする理由の 1 つに、保存容量の制限があります。（インストール済みの PWA の容量は通常 1 MB 未満です）。
- スマートフォン ユーザーは、関連性の高いおすすめ商品を提供するモバイルサイトから購入する傾向が強く、スマートフォン ユーザーの 85% がモバイル通知は便利であると回答しています。
これらの観察から、お客様は高速でインストール可能で、信頼性が高く、魅力的なエクスペリエンスを好むことがわかりました（F.I.R.E.）。
PWA は最新のウェブ機能を活用
PWA は、サイトの速度、インストール可能性、信頼性、魅力を高めることで、顧客のニーズを満たすことを目的とした、一連のベスト プラクティスと最新のウェブ API を提供します。
たとえば、Service Worker を使用してリソースをキャッシュに保存し、予測プリフェッチを行うと、サイトの速度と信頼性が向上します。サイトをインストール可能にすると、ユーザーがホーム画面やアプリ ランチャーから直接、簡単にサイトにアクセスできるようになります。また、ウェブのプッシュ通知などの API を使用すると、パーソナライズされたコンテンツでユーザーのリピート率を高め、ロイヤリティを簡単に生成できます。
ビジネスへの影響を把握する
ビジネスの成功の定義は、アクティビティに応じてさまざまなものが考えられます。
- ユーザーがサービスに費やす時間が増えた
- 見込み顧客の直帰率の低下
- コンバージョン率の向上
- リピーターの増加
多くの PWA プロジェクトで、モバイル コンバージョン率が向上します。詳しくは、PWA の事例紹介をご覧ください。目標に応じて、ビジネスにとって意味のある PWA の要素を優先することをおすすめします。これはまったく問題ありません。PWA の機能は、選択して個別にリリースできます。
これらの優れた F.I.R.E 機能のそれぞれがビジネスに与える影響を測定してみましょう。
高速ウェブサイトのビジネスへの影響
Deloitte Digital の最近の調査では、ページの読み込み速度がビジネス指標に大きな影響を与えることが示されています。
サイトの速度を最適化して、すべてのユーザーのクリティカル ユーザー ジャーニーを改善するためにできることはたくさんあります。何から始めればよいかわからない場合は、高速セクションを確認し、Lighthouse を使用して、特に重要な修正項目を優先的に使用してください。
速度の最適化に取り組む際は、適切なツールと指標を使用してサイトの速度を頻繁に測定し、進捗状況をモニタリングしましょう。たとえば、Lighthouse を使用して指標を測定し、ウェブに関する主な指標のスコアが「良好」という明確な目標を設定し、ビルドプロセスにパフォーマンス バジェットを組み込みます。毎日の測定値と「速度の価値」手法を使用することで、速度の増分変化による影響を切り分け、作業によって生み出された追加収益を計算できます。
Ebay は 2019 年の企業目標のスピードを達成しました。その際、パフォーマンス バジェット、クリティカル パスの最適化、予測プリフェッチなどの手法が使用されていました。その結果、検索ページの読み込み時間が 100 ミリ秒改善するごとに、カードへの追加数が 0.5% 増加するという結論に至りました。
インストール可能なウェブサイトのビジネスへの影響
PWA のインストールをユーザーに求める理由は何ですか。サイトに再訪しやすくするためにAndroid アプリのインストールに少なくとも 3 つのステップ（Play ストアへのリダイレクト、アプリのダウンロード、アプリの起動）が追加される場合、PWA のインストールはワンクリックでシームレスに行われます。ユーザーが現在のコンバージョン プロセスから離れることはありません。
インストールされたアプリは、ホーム画面のアイコンを使ってワンクリックで起動できます。また、アプリの切り替え時にアプリトレイに表示したり、アプリの検索結果から探したりできます。これは動的な Discover - 起動 - スイッチと呼ばれます。PWA をインストール可能にすることが、アクセスのロックを解除するための鍵となります。
PWA は、デバイス上の使い慣れた検出サーフェスや起動サーフェスからアクセスできるだけでなく、プラットフォーム固有のアプリと同じように、ブラウザとは別のスタンドアロン環境で起動します。さらに、アプリ スイッチャーや設定など、OS レベルのデバイス サービスを利用できます。
PWA をインストールするユーザーは最もエンゲージメントの高いユーザーであり、カジュアル ユーザーよりもエンゲージメント指標が優れています。たとえば、リピーターの増加、サイト滞在時間の長い、コンバージョン率の向上は、モバイル デバイスのプラットフォーム固有のアプリユーザーと同等です。
PWA をインストール可能にするには、基本基準を満たしている必要があります。これらの条件を満たしている場合は、パソコンとモバイル（iOS を含む）のユーザー エクスペリエンス内でインストールを促進できます。
PWA のインストールを促進し始めたら、PWA をインストールしているユーザーの数と、PWA の使用状況を測定する必要があります。
アプリをインストールするユーザーの数を最大限に増やすには、さまざまなプロモーション メッセージ（「1 秒でインストール」や「ショートカットを追加」など）やさまざまなプレースメント（ヘッダーバナー、インフィードなど）をテストし、インストール ファネルのさまざまなステップ（2 番目のページへのアクセス、または予約後）でそのメッセージを提案することをおすすめします。
インストールの目標到達プロセスは次の 4 つの方法で測定できます。
- インストール可能なユーザー数
- インストール プロンプトをクリックしたユーザーの数
- インストール プロンプトに同意し、拒否したユーザーの数
- 正常にインストールされたユーザーの数
PWA のインストールをすべてのユーザーにプロモートするか、少人数のユーザー グループでテストしてより慎重に行うこともできます。
数日から数週間で、ビジネスへの影響を測定するのに十分なデータが得られます。インストールされたショートカットから移動してきたユーザーの動作は？エンゲージメントやコンバージョン率、
PWA をインストールしたユーザーを分類するには、appinstalled イベントをトラッキングし、JavaScript を使用して、インストール済みの PWA を使用していることを示すユーザーがスタンドアロン モードになっているかどうかを確認します。次に、これらを分析トラッキング用の変数またはディメンションとして使用します。
Weekendesk のケーススタディは興味深いものです。ユーザーが PWA をインストールする可能性を高めるために、2 番目にアクセスしたときにインストールを促すようにしています。ホーム画面から PWA を起動したユーザーは、PWA を通じて宿泊を予約する確率が 2 倍以上高くなりました。
インストールは、ユーザーにサイトへの再訪問を促し、顧客のロイヤルティを高めるのに効果的な方法です。プレミアム ユーザーのエクスペリエンスをパーソナライズすることも検討できます。
プラットフォーム固有のアプリがある場合でも、ユーザーはインストールしたくない、またはインストールする必要がないと感じる場合があります。PWA は軽量と思われがちで、スムーズにインストールできるため、こうしたセミエンゲージメントのユーザーは、PWA が自分に合っていると感じるかもしれません。
信頼できるウェブサイトのビジネスへの影響
ユーザーがオフラインのときに提供される Chrome Dino ゲームは、1 か月に 2 億 7,000 万回以上プレイされています。この数字は、特にインド、ブラジル、メキシコ、インドネシアなど、信頼性の低いネットワークや高価なモバイルデータを使用する市場では、ネットワークの信頼性が PWA を使用するための大きな機会であることを示しています。
アプリストアからインストールされたアプリを起動すると、ユーザーはインターネットに接続しているかどうかに関係なく、アプリが開くことを期待します。プログレッシブ ウェブアプリも例外ではありません。
少なくとも、アプリがネットワーク接続なしでは利用できないことをユーザーに知らせるシンプルなオフライン ページを提供する必要があります。そのうえで、オフラインでも有効な機能を提供することで、エクスペリエンスをさらに一歩進めていきましょう。たとえば、チケットや搭乗券、オフラインのあとで買うリスト、コールセンターの連絡先情報、ユーザーが最近閲覧した記事やレシピなどへのアクセスを提供できます。
信頼性の高いユーザー エクスペリエンスを実装したら、オフライン ユーザーの数と地域、ネットワークが復旧してもウェブサイトに留まるかどうかなどを測定できます。アナリティクスでは、ユーザーが一般的にオフラインまたはオンラインにアクセスしているタイミングを知ることができます。これにより、ネットワークが復旧した後も引き続きウェブサイトを閲覧しているユーザーの数がわかります。
Trivago のケーススタディでは、これがビジネス目標にどのように影響するかを示しています。オフライン期間によってセッションが中断されたユーザー（約 3%）では、オンラインに戻ったユーザーの 67% が引き続きサイトを閲覧しています。
魅力的なウェブサイトがビジネスに与える効果
ウェブプッシュ通知を使用すると、ユーザーは必要または関心を持っているサイトからタイムリーな最新情報を受け取ることができ、デベロッパーは関連性の高いカスタマイズされたコンテンツによって効果的にユーザーの再エンゲージメントを図ることができます。
ただし、注意が必要です。初めてアクセスしたときにウェブ通知に登録するようユーザーに要求し、特典を目にしないままにすると、スパム行為として認識され、エクスペリエンスに悪影響を及ぼす可能性があります。通知のプロンプトはベスト プラクティスに沿って行い、列車の遅延、価格トラッキング、在庫切れ商品などの適切な使用方法で承認を促します。
ウェブのプッシュ通知は、Service Worker によりバックグラウンドで実行され、多くの場合、キャンペーン管理のために構築されたシステム（Firebase など）によって送信されます。この機能は、モバイル（Android）とデスクトップ ユーザーに大きなビジネス価値をもたらします。リピート訪問が増加し、結果的に売り上げとコンバージョンが増加します。
プッシュ キャンペーンの効果を測定するには、次のような目標到達プロセス全体を測定する必要があります。
- プッシュ通知の対象となるユーザーの数
- カスタム通知 UI プロンプトをクリックしたユーザーの数
- プッシュ通知の権限を付与したユーザーの数
- プッシュ通知を受け取ったユーザーの数
- 通知に反応したユーザーの数
- 通知から発生したユーザーのコンバージョンとエンゲージメント
ウェブプッシュ通知に関する優れたケーススタディは数多くあります。たとえば、カートを放棄したユーザーに再アプローチすることで、コンバージョン率を 4.5 倍にした Carrefour の事例です。
PWA の段階的なリリース: 機能ごとの段階的なリリース
PWA は、ウェブの幅広いリーチと、Android、iOS、デスクトップ アプリにユーザーが期待するユーザー フレンドリーな機能をすべて組み合わせた最新のウェブサイトです。ビジネスの仕様と優先事項に応じて個別に実装できる一連のベスト プラクティスと最新のウェブ API を使用します。
ウェブサイトのモダナイゼーションを加速し、実際の PWA にするには、アジャイルに（機能ごとに機能をリリースする）ことをおすすめします。まず、最も価値をもたらす機能をユーザーとともに調査し、その機能をデザイナーやデベロッパーに提供します。最後に、PWA が生み出す追加収益を正確に測定することを忘れないでください。