プログレッシブ ウェブアプリは、ウェブサイトをモダナイズし、ユーザーの新しい期待に適応するための多くの企業のロードマップに含まれています。多くのテクノロジーと同様に、PWA には、顧客が望んでいるものかどうか、ビジネスをどの程度成長させるか、技術的に実現可能かどうかなど、さまざまな疑問が寄せられます。

デジタル戦略を策定する際には、多くの関係者が関与します。プロダクト マネージャーと最高マーケティング責任者は、各機能のビジネスへの影響を共同で所有します。最高技術責任者は、技術の実現可能性と信頼性を評価します。ユーザー エクスペリエンス リサーチャーは、機能が実際の顧客の問題に対応していることを確認します。
この記事では、これらの 3 つの質問に答えて PWA プロジェクトを構築する方法について説明します。顧客のニーズから始めて、それを PWA の機能に変換し、それぞれのビジネスへの影響を測定することに重点を置きます。
PWA が顧客のニーズを満たす
Google では、プロダクトを開発する際に「ユーザーに焦点を絞れば、他のものはみな後からついてくる」というルールを重視しています。ユーザー中心で考える: ユーザーのニーズは何で、PWA でどのようにニーズを満たせるか。

ユーザー調査を行うと、興味深いパターンが見つかります。
- モバイルでの遅延や信頼性の低さはユーザーにとって不快です。モバイルの遅延によって生じるストレスのレベルは、ホラー映画を視聴するのに匹敵するレベルです。
- スマートフォン ユーザーの 50% は、アプリをダウンロードしたくないため、閲覧やショッピングの際に企業のモバイルサイトを使用する傾向があります。
- アプリをアンインストールする主な理由の 1 つは、ストレージの容量が不足していることです。(インストールされた PWA は通常 1 MB 未満です)。
- スマートフォン ユーザーは、商品に関する関連性の高いおすすめを提供するモバイルサイトから購入する傾向があります。また、スマートフォン ユーザーの 85% は、モバイル通知が役に立つと回答しています。
これらの調査結果から、ユーザーは高速で、インストール可能で、信頼性が高く、魅力的なエクスペリエンス(F.I.R.E.)を好むことがわかりました。
PWA は最新のウェブ機能を活用する
PWA には、サイトを高速で、インストール可能で、信頼性が高く、魅力的なものにして、ユーザーのニーズを満たすことを目的とした一連のベスト プラクティスと最新のウェブ API が用意されています。
たとえば、サービス ワーカーを使用してリソースをキャッシュし、予測型プリフェッチを行うと、サイトの速度と信頼性が向上します。サイトをインストール可能にすると、ユーザーはホーム画面やアプリ ランチャーから直接サイトに簡単にアクセスできるようになります。また、ウェブ プッシュ通知などの API を使用すると、パーソナライズされたコンテンツでユーザーを再び引き付け、ロイヤルティを高めることができます。

ビジネスへの影響を理解する
ビジネスの成功の定義は、アクティビティによってさまざまです。
- ユーザーがサービスに費やす時間が長くなる
- 見込み顧客の直帰率の低下
- コンバージョン率の向上
- リピーターが増える
ほとんどの PWA プロジェクトでは、モバイル コンバージョン率が向上します。詳しくは、多数の PWA の事例をご覧ください。目標に応じて、ビジネスに適した PWA の要素に優先順位を付けることもできます。PWA の機能は、選択して個別にリリースできます。
これらの優れた F.I.R.E 機能のビジネスへの影響を測定しましょう。
ウェブサイトの高速化によるビジネスへの影響
Deloitte Digital の最近の調査では、ページ速度がビジネス指標に大きな影響を与えることが示されています。
サイトの速度を最適化して、すべてのユーザーにとって重要なユーザー ジャーニーを改善するには、さまざまな方法があります。どこから始めればよいかわからない場合は、高速セクションを参照し、Lighthouse を使用して、修正すべき最も重要な項目の優先順位を設定します。
速度の最適化に取り組む際は、適切なツールと指標を使用してサイト速度を頻繁に測定し、進捗状況をモニタリングします。たとえば、Lighthouse で指標を測定し、Core Web Vitals スコアが「良好」であるなど、明確な目標を設定し、パフォーマンス バジェットをビルドプロセスに組み込むようにします。毎日の測定と「スピードの価値」手法により、速度の増加による影響を分離し、作業によってどれだけの追加収益が得られたかを計算できます。

eBay は 2019 年の企業目標にスピードを掲げました。パフォーマンス バジェット、クリティカル パスの最適化、予測プリフェッチなどの手法が使用されました。検索ページの読み込み時間が 100 ミリ秒短くなるごとに、カートに追加される数は 0.5% 増加すると結論付けています。

インストール可能なウェブサイトがビジネスに与える影響
ユーザーに PWA をインストールしてもらう理由は何ですか?サイトに簡単に戻れるようにするためです。Android アプリのインストールでは少なくとも 3 つのステップ(Google Play ストアへのリダイレクト、アプリのダウンロード、アプリの起動)が必要になりますが、PWA のインストールは、ユーザーを現在のコンバージョン ファネルから離さずに、ワンクリックでシームレスに完了します。

アプリをインストールすると、ユーザーはホーム画面のアイコンを使用してワンクリックでアプリを起動できます。また、アプリを切り替えるときにアプリトレイでアプリを確認したり、アプリ検索結果でアプリを見つけたりすることもできます。Google ではこれを動的 Discover-Launch-Switch と呼んでいます。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 ゲームは、毎月 2 億 7,000 万回以上プレイされています。この驚異的な数字は、ネットワークの信頼性が PWA の使用に大きな機会をもたらすことを示しています。特に、インド、ブラジル、メキシコ、インドネシアなど、ネットワークが不安定な市場やモバイルデータの料金が高い市場では、その傾向が顕著です。
アプリストアからインストールしたアプリを起動すると、ユーザーはインターネットに接続されているかどうかにかかわらず、アプリが開くことを期待します。プログレッシブ ウェブアプリも同様です。
少なくとも、ネットワーク接続なしではアプリを使用できないことをユーザーに伝えるシンプルなオフライン ページを表示する必要があります。次に、オフラインで役立つ機能を追加して、エクスペリエンスをさらに向上させることを検討します。たとえば、チケットや搭乗券、オフラインのウィッシュリスト、コールセンターの連絡先情報、ユーザーが最近閲覧した記事やレシピなどにアクセスできるようにします。

信頼性の高いユーザー エクスペリエンスを実装したら、その効果を測定することをおすすめします。オフラインになるユーザーの数、オフラインになる地域、ネットワークが復旧したときにウェブサイトに留まるかどうかなどを確認できます。アナリティクスでは、ユーザーが通常オフラインとオンラインになるタイミングを確認できます。ネットワークが復旧した後にウェブサイトのブラウジングを継続したユーザーの数を示します。

Trivago のケーススタディでは、これがビジネス目標に与える影響について説明しています。オフライン期間によってセッションが中断されたユーザー(ユーザーの約 3%)のうち、オンラインに戻ったユーザーの 67% がサイトのブラウジングを続けました。
魅力的なウェブサイトがビジネスにもたらす影響
ウェブプッシュ通知を使用すると、ユーザーは必要とするサイトや関心のあるサイトからの最新情報をタイムリーに受け取ることができます。また、カスタマイズされた関連性の高いコンテンツでユーザーの再エンゲージメントを効果的に促進できます。
ただし、ユーザーが初めてアクセスしたときに、メリットを説明せずにウェブ通知に登録するよう求めるメッセージは、迷惑メールと見なされ、ユーザー エクスペリエンスに悪影響を及ぼす可能性があります。通知をリクエストする際は、ベスト プラクティスに従い、列車の遅延、価格のトラッキング、在庫切れの商品など、関連する用途を通じてユーザーに許可を求めるようにしてください。
技術的には、ウェブ上のpush 通知はサービス ワーカーによってバックグラウンドで実行され、キャンペーン管理用に構築されたシステム(Firebase など)によって送信されることがよくあります。この機能は、モバイル(Android)ユーザーとパソコン ユーザーに大きなビジネス価値をもたらします。リピート訪問の増加につながり、売り上げとコンバージョンの増加につながります。
プッシュ キャンペーンの効果を測定するには、以下を含むファネル全体を測定する必要があります。
- プッシュ通知の対象となるユーザー数
- カスタム通知 UI プロンプトをクリックしたユーザー数
- プッシュ通知の権限を付与したユーザーの数
- プッシュ通知を受け取ったユーザーの数
- 通知を操作したユーザーの数
- 通知をきっかけに発生したユーザーのコンバージョンとエンゲージメント

ウェブ プッシュ通知に関する優れた事例は数多くあります。たとえば、カートを放棄したユーザーに再エンゲージメントを図ることで、コンバージョン率を 4.5 倍に高めた Carrefour の事例などです。
PWA の P: 機能を段階的にリリースする
PWA は、ウェブの幅広いリーチと、Android、iOS、デスクトップ アプリでユーザーが期待するすべてのユーザー フレンドリーな機能を組み合わせた最新のウェブサイトです。一連のベスト プラクティスと最新のウェブ API を使用します。これらの API は、ビジネスの特性や優先事項に応じて個別に実装できます。

ウェブサイトのモダナイゼーションを加速して本格的な PWA にするには、機能ごとにリリースするアジャイルな方法をおすすめします。まず、ユーザーにとって最も価値のある機能についてユーザーと一緒に調査し、デザイナーとデベロッパーとともにそれらを実装します。最後に、PWA によってどれだけの収益が追加で発生したかを正確に測定することを忘れないでください。