Uber PWA：プログレッシブウェブアプリの完璧なケーススタディ

Uberのタクシーを呼び出すのがいかに簡単で迅速かということに感銘を受けたことはありますか？ Uberがそれをどのように行うことができるのだろうか？ Uberは、このようなスムーズなエクスペリエンスを提供するために、何らかのテクノロジーなどに投資する必要がありますが、それは正確には何であり、どのようにそれについて学ぶことができますか？ Uber PWAを使用したことがある場合は、UberPWAと他のネイティブアプリの違いに気付くでしょう。 通常のアプリのように高速で強力、機能的ですが、そうではありません。 タイトルが示すように、あなたはいくつかのことを知っているかもしれないので、このケーススタディを深く掘り下げましょう。

Uberの概要

Uber Technologyは、テクノロジーの力を利用して人々を支援する、21世紀の成功した代表的なビジネスでした。 2009年に設立された、シンプルでありながら素晴らしいアイデアを持ったこの意欲的な新興企業は、すぐに驚異的なものになり、公共交通機関やタクシー業界を混乱させました。

この概念は多くの国で新しいものではありません。 しかし、ほとんどの西洋人にとって、乗客が独立した運転手から乗車を呼び、運賃を支払うことを許可することはかなり法外です。

必要性と供給をつなぐサードパーティとしてのみ機能するUberは、依然として爆発的な成長を遂げており、多くの論争に囲まれているにもかかわらず、最も魅力的な企業の1つになっています。

Uberは、「世界を動かすことでチャンスに火をつける」と宣言し、世界中のすべての人に専用の信頼できる輸送サービスを提供するという使命を掲げています。

今日まで、Uberは現在1億1,800万人以上のユーザーを占め、350万人以上のアクティブなサービングドライバーを抱えており、2020年のライドシェアリング事業からの予約総額で266.1億ドルの収益を上げています。

PWAはサービスベースの企業の繁栄をどのように支援しますか？

このデジタル時代で企業が生き残るための勝利の秘訣は、従来の境界を超えた絶妙なユーザーエクスペリエンスを提供することで始まり、終わります。

テクノロジー企業の量と質が高まるにつれ、デジタル商品やUber、Tinder、Netflixなどの情報ベースのサービスは、単に電子メールや電話で苦情や問い合わせに対処するよりも、カスタマーサービスを上手くこなす必要があります。

これらのデジタルプラットフォームに共通する最も重要なタッチポイントは、ターゲットオーディエンスとの通信をWebサイトまたはモバイルアプリに依存することです。 それはオンラインビジネスの血統であり、利回りの源です。

イノベーターにとっての最大の衝動は、欠けている部分を埋める解決策、つまり画面の背後にあるユーザーエクスペリエンスを改善するための技術的な答えを見つけることです。 2015年、Googleのエンジニアは、プログレッシブウェブアプリという名前を考案しました。これは、ウェブとネイティブアプリの最高の特性を採用した新しいウェブテクノロジーです。

PWAがサービスベースの企業をどのように支援するかを考えると、2つの主要な傾向があります。

まず、ページの重みはデータベースの増加に伴って時間とともに増加しますが、帯域幅も増加します。 したがって、Webサイトは遅くなり、重くなります。そのため、最適化プロセスを同時に実行します。

PWAは、サービスワーカーとのネットワーク要求を中断して、ラウンドトリップ遅延を最小限に抑え、サイトリソースを事前にキャッシュして、2回目の訪問から即座にロードを作成できます。 このキャッシュにより、開発者はWebサイトの速度に集中し、3〜5秒の読み込み時間を最適化できます。

第二に、eコマースは買い手と売り手の利便性のために勢いを増しています。 トレンドの中で、mコマースは最も収益性の高いタイプのようであり、10年以上でユーザーが3倍に増えています。

Service Workerはバックグラウンドで実行されるため、オペレーティングシステムからのイベントまたはプロセスに応答できます。 この機能により、PWAはポップアップ通知をAndroidモバイルデバイスにプッシュできます。 一方、iOSはこの機能のサポートを拒否していますが、PWAの評判が高まるにつれ、Appleは考えを変える必要があると考えています。

PWA統合前のUberの課題

Uberは、技術の進歩に遅れずについていくことで、革命を生み出し、ライドシェアリングエコノミーを支配し続けたいと考えています。

彼らは、モバイルアプリをダウンロードしない場合でも、スマートフォンを持っていない場合でも、特に緊急の場合に、いつでもサービスを使用できる、すばやくアクセスできる最新の便利な機会をユーザーに提供したいと考えています。

そのため、彼らは迅速かつスムーズに実行し、ブラウザ間で一貫してうまく機能し、低いインターネット接続要求に対処できるソリューションを探しています。

PWAは、接続が不十分な場合でも厳密に機能し、電光石火の読み込み速度を提供できる堅牢なオンラインプレゼンスを維持するために、費用対効果が高く、構築時間の解決策がほとんどないことから実現しました。

UberPWAの成果

デザインについて

PWAサイトのデザインとの大きな違いは、Uber PWAがアクティブなタブの位置を移動せず、「読み込み中」のアニメーションではなく、ページの切り替え効果を残すことです。 デスクトップデバイスではっきりと見ることができます。

数秒以内でも上部にロゴを残すことで、このスプラッシュスクリーンは、Uberという名前のユーザーの内部のリコールパワーを強化するのに役立ちます。

機能について

• ナビゲーション

Uber PWA、またはm.uberは、下にスクロールする操作のための明確で直感的なレイアウトで設計されました。 これにより、目が見慣れた方向に移動し、ページをすばやく理解できます。

• 読み込み速度

Uber PWAは、信じられないほどの最初のページの読み込みを取得します。 要素は、必要な場所に即座にきちんと表示されます。

ナビゲーションの設計は、読み込み速度の合理化にある程度貢献しています。 スクロールしながら読み込みを実行するため、サイトはコンテンツの外観を高速化でき、残りのリソースをキャッシュする時間を節約できます。

担当の開発者はまた、m.uberがサーバー上で発生したPreactをレンダリングすることにより、初めてのブラウザー要求に応答すると主張しています。 文字列としてインライン化されたマークアップを使用すると、サーバーはコンテンツをほぼ瞬時に配信できます。

• ページと要素の間の移行：応答性が高く、高配信でスムーズに接続されるため、やり取りの時間が短縮されます。
• 経験：私たちはすべてを落ち着いて満足のいく予約の旅として説明することができます。

結果

Uberユーザーは、ネットワーク接続、オペレーティングシステム、データベース、PWAを使用したデバイスの種類に関係なく、数回クリックするだけで簡単に乗車を予約できるようになりました。

Uberは、PWAのリリース後、以前のモバイルネイティブアプリではなく、UberPWAでより多くの乗車が予約されたという大きな変化を報告しました。 ますます多くの個人がUberで予約を続ける可能性があります。

M.uberはそれ以来、超軽量でスムーズで、最新のブラウザと互換性があります。 Webアプリは、サイトのパフォーマンスの点でローエンドデバイスを使用するライダーの問題を克服し、ライドを呼ぶ必要があるときはいつでも満足できる、一貫したアプリのようなエクスペリエンスを提供します。

Uber PWAの何がエキサイティングですか？

Uberの開発者が変革をもたらすPWAプロジェクトで実行できた興味深い技術的事実を次に示します。

• UberPWAは信じられないほど高速です

PWAに対する彼らの意図は、市場のニーズを考慮すると、モバイル上のネイティブアプリの適切な代替品でした。 開発者は、わずか50kBのgzipで圧縮された小さなPWAを処理していました。

目標は、すべてを可能な限り軽量化し、不要なコンポーネントが2Gネットワ​​ーク下でも堅牢に機能することを回避することです。

重要なイベントに遅れて外に出て乗車することほど悪いことはありませんが、読み込みの遅いアプリで立ち往生してしまいます。 それは最大レベルの欲求不満を引き出し、Uberに対する彼らの態度に悪影響を与える可能性があります。

しかし、Uberは、2Gでも表示されるまでに3秒もかからないLightningWebアプリを正常に引き出しました。 それは本当に速いです。 彼らがしたことは印象的です。

• UberPWAはさまざまな状況下で信頼性があります

達成された成果により、Uberはグローバル市場への参入に自信を持っていました。 彼らは常に、Uber PWAを微調整して、状況や問題ごとにすばやく簡単に体験できるようにするための厳選された方法を見つけました。

海外の視聴者は、カバレッジや接続信号が不十分であるにもかかわらず、いつでも、どのようにでもサービスを利用できます。 さらに、ユーザーはオフライン、Uberサイト、外出先で乗車に関するアクションや調整を行うことができます。

Uber PWAは、その後の訪問のためにロードし、ユーザーが生成したすべてのコンテンツを保存して、後でWi-Fiと同期できるため、すべて可能です。

重要なポイント

プログレッシブウェブアプリの助けがなければ、最もダイナミックに成長しているプラ​​ットフォームは、現在の場所にはなり得ません。 Uber PWAは、より軽く、より速く、よりシンプルなエクスペリエンスで、配車サービスの予約プロセスを容易にしました。 LyftはUberの最大の競争相手と見なされていますが、その市場シェアはUberが占めているものと比較することはできません。

したがって、PWAがオンラインビジネスにどのように役立つかについて詳しく知りたい場合は、Tigrenのブログにアクセスして、頻繁に発行される出版物を確認してください。

Tigrenは、2015年以来Magento PWA開発サービスの信頼できる名前です。私たちは、世界中の中小企業800社以上が投資収益率を高めるのを支援してきました。

当社のプレミアムMagentoPWA統合ソリューションは、世界的に有名な品質でありながら、意欲的な所有者が予算内で理想的なオンラインプレゼンスを構築するのに合理的です。

問題にできるだけ早く対処するために1対1の相談が必要な場合は、info @ tigren.comにメッセージを送って見積もりを入手してください。一致しない場合は、確約は必要ありません。