プログレッシブ ウェブアプリ（PWA）は、最新の API を使用して構築、強化されたウェブアプリです。単一のコードベースで、あらゆるデバイスのあらゆるウェブユーザーにリーチしながら、強化された機能を提供します。ウェブアプリの幅広いリーチとプラットフォーム固有のアプリの豊富な機能を組み合わせて、ユーザー エクスペリエンスを向上させます。
PWA 設計の 3 つの柱
プラットフォーム固有のアプリと同じくらい使いやすい PWA を作成するには、機能性、信頼性、インストール可能性を備えた PWA を設計する必要があります。
Capable
ウェブ アプリケーションはかつてないほど高機能になり、その機能は拡大の一途をたどっています。最近、ウェブ用ソフトウェアは、かつてはプラットフォーム固有のアプリでのみ利用可能だった機能を開発し始めています。たとえば、WebRTC、位置情報、プッシュ通知を使用してハイパーローカルのビデオチャット アプリを構築し、そのアプリをインストール可能にして、WebGL と WebVR を使用して会話を仮想現実に移行できるようにすることができます。WebAssembly の導入により、デベロッパーは C、C++、Rust などの他のエコシステムを活用し、これまでプラットフォーム固有だった機能をウェブに導入できるようになりました。ウェブの新しい機能を活用しているデベロッパーの好例として、ウェブベースの画像圧縮ツールである Squoosh.app があります。
一部の機能はまだウェブでは利用できませんが、新しい API や今後の API によって、ファイル システムへのアクセス、メディア コントロール、アプリのバッジ、クリップボードの完全なサポートなどの機能で、ウェブでできることが常に拡大しています。これらの機能はすべて、ウェブの安全でユーザー中心の権限モデルを使用して構築されており、ユーザーの安全を確保し、新しいウェブサイトの使用に対する不安を軽減します。
信頼性
信頼性の高いプログレッシブ ウェブアプリは、ネットワークに関係なく高速で信頼性が高いと感じられます。ユーザーは、操作にすばやく応答し、信頼できるアプリを求めています。
ユーザーにエクスペリエンスを利用してもらうには、スピードが重要です。実際、ページの読み込み時間が 1 秒から 10 秒に増えると、ユーザーが直帰する確率は 123%増加します。パフォーマンスに関する懸念は、onload イベントだけでなく、ユーザー エクスペリエンス全体に影響します。信頼性の高いエクスペリエンスでは、アプリとのインタラクションが登録されたかどうかをユーザーが疑問に思うことはありません。スクロールとアニメーションはスムーズに感じられる必要があります。ユーザーは、アプリが実際にうまく動作するだけでなく、うまく動作しているように見えることも求めています。
信頼性の高いアプリは、ネットワーク接続に関係なく使用できる必要があります。ユーザーは、ネットワーク接続が低速または不安定な場合や、オフラインの場合でも、アプリがすばやく読み込まれることを期待しています。ユーザーは、アプリがサーバーへのリクエストの送信で問題が発生した場合でも、メディア トラックやチケット、旅程など、最近操作したコンテンツが利用可能で、使用できることを期待しています。リクエストができない場合は、アプリがサイレントに失敗したりクラッシュしたりするのではなく、問題があることをユーザーに伝えることを期待しています。
インストール可
PWA をインストール可能にすると、ブラウザから独立したウィンドウに移動し、ユーザーが PWA をどのように考え、操作するかが変わります。インストールされた PWA は、ユーザーのホーム画面、ドック、タスクバー、シェルフから起動できます。ユーザーはデバイスで検索したり、アプリスイッチャーで切り替えたりできるため、インストールされているデバイスの一部のように感じられます。
PWA をインストールすると、通常はブラウザで予約されているキーボード ショートカットなどの新機能も利用できるようになります。PWA は、他のアプリケーションからコンテンツを受け取るように登録したり、特定のファイルタイプを処理するデフォルトのアプリケーションとして登録したりすることもできます。
PWA から結果を取得する
PWA をリリースすると、ユーザー エクスペリエンスが向上するだけでなく、また、指標が改善され、サービスから得られる価値も高まります。主な例としては、次のようなものがあります。
- Twitter の PWA により、セッションあたりのページ数が 65% 増加し、ツイート数が 75% 増加し、直帰率が 20% 減少しました。アプリのサイズは 97% 以上削減されました。
- PWA に切り替えた後、Nikkei ではオーガニック トラフィックが 2.3 倍、定期購入者数が 58%、1 日のアクティブ ユーザー数が 49% 増加しました。
- Hulu は、プラットフォーム固有のデスクトップ エクスペリエンスを PWA に置き換えた結果、再訪問数が 27% 増加しました。
PWA を使用するメリットについて詳しくは、プログレッシブ ウェブアプリでビジネスを成功に導く方法をご覧ください。