PWA(Progressive Web Apps)とは?

PWA1

PWA

インターネットとモバイルの世界でアプリケーションが大規模に支配されるようになり、数十年が過ぎました。ただし、最近のプログレッシブWebアプリの台頭により、間もなくテーブルが変わると予測されています。ガートナーによると、「モバイルアプリ戦略プログレッシブWeb Appsに与える影響報告書のPWAはそのような可能性を肯定2020年末までに世界中で合計ネイティブアプリケーションの50%に置き換えられます。Googleは最近リリースされGoogleのプレイでプログレッシブWebアプリケーションを利用、PWA統合基準を引き上げます。

1. PWAとは?

Google、Mozillaなど、多くの信頼できるソースからプログレッシブWebアプリ(PWA)のさまざまな定義を見てきました。しかし、プログレッシブWebアプリとは何かという単一の標準化された定義はありません。私たちが今得ているのはPWA用の1つの頑丈なフレームに凝縮された長年の開発者からの経験です。PWAはかなり新しく、テクノロジーは利用可能なすべての境界を越えて絶えず変化しており、変数に名前を付けるのが難しいため、これは理解できます。ただし、「PWAはWebテクノロジーを使用して構築された一種のウェブサイトですが、アプリのように機能、感じます」と結論付けることができます。 

PWAのアイデアは、2007年に最初に導入され、ほぼ10年間凍結されたときは、あまり人気がありませんでした。これまで経験してきたように、当時はネイティブアプリのものでした。その後、最近、Googleはプログレッシブウェブアプリを復活させる方法を主導し、過去5年間でテクノロジーの世界になりました。また、テクノロジーの巨人は、プラットフォーム固有のアプリケーションのように感じる真のエクスペリエンスを促進するPWAの標準も発表しました。3つの主要な特性は、機能、信頼性、およびインストール可能です。

PWA1

 

  • 対応:PWAの機能は、ユーザー中心のこと、ユーザーからの許可が運営すべきアプリとWebの両方のすべての機能を所有している一つのプラットフォームは、などのシステムへのアクセス、メディアコントロール、アプリのバッジを付ける、などの機能です。 
  • 信頼性:この基準はネットワークに関係なくPWAが高速にロードする必要があるという基準を提案します。写真やその他の要素がすべてのスクロールやクリックとともにスムーズに感じられることを意味します。また、これらの資料はインターネット接続が遅い場合でも利用可能で使用可能でなければなりません。
  • インストール可能:プログレッシブWebアプリはブラウザータブで開くのではなく、別のウィンドウで実行する必要があります。ユーザーはデバイス上で利用可能な他のアプリを直接見つけて切り替えることができます。

2.PWAの長所と短所

PWAテクノロジーはTwitterがセッションあたりのページ数を65%増やし、ツイートを75%増やすのに役立ちます。(Nikkei)日経は2.3倍以上のオーガニックトラフィックを獲得できます。そのため、人々はプログレッシブWebアプリを両方の長所と呼んでおり、最新のWebアプリケーションを構築する際の究極のソリューションとしての価値を高めています。しかし、PWAは本当に完璧ですか?PWAを使用することで、既存または潜在的な課題はありませんか?PWAが提供するものとその欠点について詳しく見ていきましょう。

a) PWA長所

PWAが徐々に成長して境界を破るにつれて、PWAの機能は増えていきます。これは、それらの潜在能力がまだ完全に発見されていないことを示しています。ここでは、PWAが提供する最も注目すべき利点について説明します。

  • オールインワン:PWAを使用すると、システムは1つのサイズですべてに対応します。PWAはウェブサイトのように機能し、ページへのリンクをコピーすることができます。また、プログレッシブWebアプリは、スマートフォン、タブレット、デスクトップコンピューターなどのすべてのデバイスに適合します。
  • 短い読み込み時間:ほとんどのユーザーは、Webサイトで読み込み速度が遅いという問題に直面しています。ただし、PWAでは発生しません。インターネット接続が不十分な場合でも高速に動作し、URLを介してコンテンツに直接アクセスするため、ユーザーは毎回ページを更新する必要がありません。
  • ネイティブのような:最新のPWAはプッシュ通知、ホームページのアイコン、オフラインアクセスなどの機能を備えたネイティブモバイルと機能と外観が似ています。
  • オフライン容量:インターネットに接続していなくても、PWAは適切に機能します。アプリとの最後のやり取りでキャッシュされたデータを活用します。
  • SEOへの配慮:クイックダウンロードは、Googleのモバイル検索エンジンにおけるウェブサイトの位置付けに大きな役割を果たします。PWAは、ネイティブアプリケーションと非常によく似ていますが、Googleやその他の検索エンジンによってインデックスが作成されます。それはSEOにとって絶対的なプラスです。
  • PWAは他のアプリよりも安価です。PWAのような最新のテクノロジーなのでネイティブモバイルアプリよりも開発と統合が手頃です。特定のテクノロジーは必要ありません。純粋なJavaScript、HTML、CSSだけが必要です。

b) PWA短所

すべての豆には黒があり、PWAも例外ではありません。システムへの潜在的な損傷の可能性をすべて制御し、ユーザーがPWAで最も満足のいくエクスペリエンスを所有できるようにそれらを最小限に抑える準備をするにはこれらの欠点を理解することが重要です。

  • App Storeトラフィックの欠落:PWAを開発する場合、AppleまたはAndroid AppStoreで会社として公開されることはありません。知られているアプリプラットフォームの1つに表示されるため、よく見られます。したがって、この「踏み台」をより多くの聴衆に使用できないことはかなりの欠点です。
  • スケーラビリティの制限:PWAの収益モデルまたは広告機会を開発することは依然として課題です。現時点では、サブスクライブするネイティブアプリよりもオプションが少なくなっています。
  • 一部のサービス機能にアクセスできない:ネイティブアプリとは異なり、これらのWebアプリケーションには機能が少なくなっています。iOSは、Appleデバイス上のPWAすべての機能をサポートしているわけではありません。その結果、PWAの可能性は多くのユーザーに限定されており、これは残念なことです。UXユーザーエクスペリエンス)が少なくとも製品自体のマーケティングと同じくらい必要である世界では、ユーザーエクスペリエンスの欠如は本当の損失です。

3.将来のPWAの展望

このような機能を使用すると、PWAはどのくらい維持しますか?投資する価値のあるその可能性の背後にある推進力は何ですか?

a) モバイルファーストの世界がPWA統合を加速

PWAは、モバイル利用のブームから約5年で出現し、その人気は今後数十年でさらに広がると予想されています。この予測は、世界中でのモバイル使用の驚異的な成長に強く裏付けられています。Statistaによると、2020年の第3四半期に、モバイルデバイス(タブレットを除く)は世界のWebサイトトラフィックの50.81%を生成し、2017年の初めから一貫して50%前後で推移しています。さらに、eMarketerの予測では、成人は平均してモバイルデバイスでは毎日3時間43分、通話はカウントされません。ユーザーの行動におけるこれらの変化は、コンピューターのブラウザーのように完全な機能を維持しながら、どのプラットフォームもモバイル中心でなければならないという事実と同じです。

PWA3

 

モバイルのトレンドを加速させ、テクノロジーの巨人はウェブサイトのモバイルレースを開始するために前進しました。Googleは最近、検索アルゴリズムの新しいアップデートをリリースしました。モバイルフレンドリーである必要があり、拒否すると、昔ながらのサイトの可視性が低下します。この法律は、モバイルエクスペリエンスの重要性をさらに強調し、PWAをより速く進化させて、ユーザーの行動の迅速かつ前例のない変化に適応するように促しています。

特に小売企業は、COVID-19以降、モバイルエクスペリエンスの最適化の必要性を最近認識しています。これは、買い物客が携帯電話をどこにでも持ち運び、パンデミックによって失われたデバイスに取って代わる可能性のあるタッチポイントの1つになる可能性があるためです。彼らは、eコマースサイトで放棄されたカートに関する通知を顧客に送信し、ウイルスの拡散への暴露を制限するために店舗の従業員と話すことなく、メッセージによって店舗への訪問中に買い物客と間接的に対話することができます。この新しい小売トレンドは、PWAの潜在的な成長が将来巨大であることを示す多くの証拠の1つです。

b) PWAで成功企業

プログレッシブウェブアプリを採用し、システムの効率が大幅に向上し、ニッチを超えられるようにする企業が存在するため、PWAの力とその可能性はもはや神話や予測ではありません。彼らが何であるか、そして彼らがPWAで何を達成したかを探りましょう。

  • Tinder

Tinderアプリは、位置確認を使用して一致する半分を見つけるモバイルユーザーに焦点を合わせているため、モバイルエクスペリエンスの最適化に焦点を合わせることが重要です。そして、出会い系アプリ会社は、PWAへの投資で右にスワイプしました。新しいリリース後、モバイルとデスクトップの両方のユーザーがシステムを100%利用できるようになりました。

+プログレッシブウェブアプリは、以前のネイティブアプリよりも90%小さくなっています

+ Tinderのロード時間が11.91秒から4.69秒に短縮されました

+ユーザーエンゲージメントが大幅に増加しました

  • Trivago

このホテル予約アプリは、ユーザーが自分の興味や予算に合った最高のホテル滞在とサービスを選択するのに役立ちます。Trivagoには、AndroidとiOSの両方に対応した無料アプリがあります。ホテル検索に加えて、インタラクティブなプッシュ通知、宿泊施設の詳細がアプリに統合され、最高のユーザーエクスペリエンスを実現しました。PWAをホーム画面に追加した後、Trivagoは次のことを確認しました。

+ホテルオファーへのクリックアウトの97%

+ 67%多くの人がアプリに戻ってきました

Pinterestは、レシピ、家やスタイルのインスピレーションなどのアイデアを見つけるための視覚的な発見エンジンです。気に入ったピンを見つけたら、ボードに保存して、アイデアを整理して見つけやすくします。2020年の第3四半期の時点で、Pinterestの月間アクティブユーザー数は世界中で4億4200万人です。ただし、Pinterestの古いモバイルWebエクスペリエンスが古くからあることを知っている人はほとんどいません。これには、CPUを大量に消費するJavaScriptの大きなバンドルが含まれており、ユーザーのモバイルエクスペリエンスが制限されていました。すぐに問題を発見し、PinterestはPWAを採用して現在5億近くに達しました。

+コアエンゲージメントが60%増加しました

+ユーザー収益は44%増加しました

+サイトで費やされる時間が40%増加

Pinterestを使用して製品を販売および販売する方法を学ぶ

  • ツイッター

Twitterは、PWAを使用して成功した企業の最も顕著な例です。情報を消費、作成、共有する世界中の月間アクティブユーザーは3億2800万人です。ユーザーの80%以上がモバイルを使用しているため、Twitterは、モバイルWebエクスペリエンスをより速く、より信頼性が高く、より魅力的なものにしたいと考えていました。Twitter Liteプログレッシブウェブアプリは、最新のウェブとネイティブ機能の最高のものを組み合わせています。これは、2017年4月に世界中のすべてのユーザーのデフォルトのモバイルWebエクスペリエンスになりました。TwitterはTwitter Liteを開発し、インスタントロード、ユーザーエンゲージメント、データ消費量の削減を明確に目標として、より堅牢なエクスペリエンスを提供しました。

+セッションあたりのページ数が65%増加

+送信されるツイートが75%増加

+直帰率が20%減少

プログレッシブウェブアプリには確かにいくつかの欠点があります。それでも、管理可能な予算で最も顧客中心のモバイルエクスペリエンスを探している場合は、その優れたメリットに投資する価値があります。モバイルデバイスがまだしばらく稼働していて、Google、Mozilla、Microsoftなどのほとんどの大手テクノロジー企業がそれをサポートしている限り、PWAは依然として多くのことを行っているため、必然的な支配力に見えるかもしれません。そして彼らは、モバイル時代を超えても、最後までとどまるためにここにいます。

パーソナライズされたアドバイスと、ビジネスでPWAを最大限に活用する方法の明確な概要については今日、当社の専門家のにご相談ください。

►►►サービスについて