PWA(以下に画像提供)
キャプション:PWAは信頼でき、高性能で、そして魅力的です。Googleのイラスト画像ソース

Nuxeo Web UIに取り組む中、私たちはある日の午後、チームと一緒に休憩し、パリのGoogleプログレッシブWebアプリイベントに参加しました。この楽しく情報満載のイベントは、プログレッシブWebアプリについて素晴らしいアイデアをもたらしました。計画をさらに進めて、Web UIにプログレッシブWebアプリの強力なパワーを取り込み、次のレベルに引き上げます。今日は、プログレッシブWebアプリとは何か、そのようなアプリケーションを構築することのメリットは何であるかを見てみましょう。

##プログレッシブWebアプリとは何か?

プログレッシブWebアプリ(PWA)は、モバイル初のアプリケーションで、Webの長所とネイティブアプリの長所を組み合わせて、強力なアプリケーションでより多くのユーザを魅了する最適化されたエクスペリエンスを提供するものです。

プログレッシブウェブサイトのコンセプトを次のレベルに引き上げるPWAは、モバイルユーザ向けのアプリケーションのようにブラウザ上で直接動作します。ユーザは、Webアプリケーションに初めてアクセスしたときから、LieFiの条件であっても、迅速かつ信頼性の高いシームレスなエクスペリエンスを得ることができます。

ネイティブアプリケーションと同様に、ユーザはアイコンをクリックしてホーム画面からWebアプリケーションにアクセスし、カスタムスプラッシュ画面を表示させ、製品を楽しむことができます。また、Webプッシュ通知を送信する機能もあります。

ページのブラウズは、デスクトップ時代に基づいた旧式のパラダイムです。数年前から、モバイル専用ユーザはデスクトップ専用ユーザよりも一般的になっており、この数字はさらに増加中です。それでも、人々はまだウェブストアからではなく、まずウェブからブランドや製品をブラウズしています。そのため、Webアプリ開発者は、ネイティブアプリケーションのようなブラウザで、高品質かつ魅力的なアプリケーションエクスペリエンスを提供する必要があります。

##ウェブストアにアプリを既に持っている場合、なぜウェブブラウズを考慮する必要があるのでしょうか?

アプリケーションが十分な仕事をしているときに、なぜブラウザに頼る必要があるのだろうと思うかもしれません。その理由には次のようなものが考えられます。

  • アプリケーションのダウンロードは、御社とユーザの間にある、最初に超えなければならない障壁です。PWAはインストールをする必要がなく、URLで共有できます。したがって、取得コストはわずかながら削減されます。

  • アプリケーションは重いものです。ユーザが画像、ゲーム、または音楽のためにデバイス上でより多くのスペースを必要とする場合、アプリケーションはこれに比べて、あまり重くありません。Webアプリは比較的無視できる重さです。

  • 企業の場合、多くのプラットフォームで多くのバージョンをサポートするためには、アプリケーションの開発に費用がかかり、メンテナンスコストが高くなります。PWAは、維持可能なブラウザ標準に依存しています

  • アプリケーションではウェブストアの検証が必要ですが、Webアプリは必要なときにライブで実行されます。

  • ユーザがネイティブアプリの最新バージョンを持っていない可能性があります。PWAでは、すべてのユーザが最新の機能を備えた最新バージョンを使用することが保証されます。プログレッシブ・エンハンスメントだけに焦点を当てればよいのです。

##コンバージョン率と再エンゲージメント

これらの摩擦点は明らかに、すべてユーザにコストがかかります。Googleは、異なる目標や戦略により、目覚ましい結果を得た、PWAに移行しているブランドの非常に興味深いケーススタディを公開しています。

Alibaba.comは、主にユーザがアプリケーションをダウンロードする必要がないため、モバイルウェブでコンバージョン率が76%増加しました。Guardianは、ユーザ中心のエクスペリエンスを向上させることで、クロスプラットフォームのサインインユーザを1年足らずで44%増加させました。ナイジェリアの主要な電子商取引サイトであるKongaは、初期ロードでは92%、最初のトランザクションでは82%のデータ使用が削減され、より多くのユーザがウェブストアにアクセスできるようになりました。

とはいえ、PWAにも弱点がいくつかあります。ネイティブアプリとWebアプリの長所と短所をもっと知りたい場合は、この興味深い比較をLifeWireの記事でご覧ください。これは、御社が製品に最適の戦略を集中的に構築するのに役立ちます。

次のブログでは、プログレッシブWebアプリを構築するために必要なことについて説明する予定です。乞うご期待!