Airbnb PWA：プログレッシブウェブアプリの完璧な例

公開: 2022-06-29

Webサイトを高速かつ安定して実行し、効率的に機能してユーザーをより長く滞在させ、アクティビティに参加させるための信頼性の高いソリューションを探しているとします。その場合、PWAがまさに必要なものかもしれません。 Airbnb PWAを含め、非常に多くのブランドがPWAを採用し、世界的に有名で収益性の高い成功を収めています。名前と番号で表面を傷つける代わりに、PWAアプリケーションの実際の勝利のケースを分析します。カーテンを開けて、AirbnbPWAのストーリーを発見しましょう。

コンテンツ

Airbnbの概要

世界で最も有望なスタートアップの最初のアイデアはAirBedand Breakfastでした。そこでは、地元の人々が観光客に家に滞在して、食事、休憩、睡眠の低コストの代替方法を共有しながら新しいつながりを作ることができます。

見知らぬ人を家に迎え入れるという提案は、最初はとんでもないように見えますが、Airbnbはすぐに21世紀で最も成功したスタートアップの1つに成長しました。

2008年に立ち上げられてから10年後、Airbnbにはすでに1億5000万人のユーザーがいて、700万以上のリストが表示され、400万のホストによって運営されており、200を超える国と81,000の都市で活動しています。報告によると、10億人以上の旅行者がAirbnbの家を借りて、ホストのためにおよそ650億ドルを生み出しています。

Airbnbは現在、世界中の旅行者にとって最も広範な不動産賃貸サービスとして機能しており、共有の場所にあるシングルルーム、または自分自身と複数の人のための場所全体から選択できます。そのビジネスモデルは、需要のある人々とプロバイダーが接続してビジネスを行うことを可能にするアグリゲータープラットフォームであるUberに似ています。

Airbnbは、人々にコミュニティの感覚、ユニークな個人的な体験、そしてストレスから解放された、予算にやさしい宿泊施設への旅行方法を提供します。

多くのゲストは、ホストによってコミュニティに歓迎され、文化をより深く探求し、新しいネイティブの友達を作る機会を得るので、Airbnbと一緒に旅行するのが大好きです。

AirbnbPWA統合につながった背景

物語は、モバイルブラウザが指数関数的な注目と投資を獲得していた数年前の2018年後半頃にさかのぼります。それでも、Airbnbのものはまだデスクトップからの比例応答バージョンでした。チームはまた、最小限のエンジニアリングでそれを無視したことを認めました。

モバイルウェブは、特に成長市場で最も訪問されたプラットフォームであり、Airbnbの予約に増加するトラフィック率を引き付けました。それでも、旅行宿泊施設の世界最大の検索エンジンの業界標準を下回っています。

ユーザーは、Airbnbネイティブアプリを1年に3〜4回しか必要としないのに、インストールしても意味がないことがわかりました。また、他のデバイスではなくモバイルに依存しているため、移動する唯一の方法はモバイルWebを使用することです。

アプリに費やされる平均時間はブラウザの時間をはるかに上回っていますが、1日のユーザーの時間のほとんどは、お気に入りの5つのアプリに不均等に分散され、1つのアプリで50％近くになります。ユーザーは、頻繁に使用しない別のアプリをダウンロードしてストレージを浪費することの意味を理解していません。

インターネット接続の問題がアプリのインストール（サイズ200MB）と消費に問題を抱えているため、市場は特に優れたモバイルブラウジング体験に関心を持っています。

AirbnbPWA変換前の詳細を次に示します。

遅い：モバイルブラウザのユーザーは、画像が表示される前に、イライラする空白のページを10秒以上待ちました。 4Gネットワークでは、ページ全体の読み込みに平均13秒かかりました。印象的ではありません。
設計が不十分：一部のコンポーネントがひどく実装され、置き忘れられたため、単語が欠落し、指示が混乱していました。この地図は、観光客がAirbnbから近くの場所までの距離を理解するために不可欠ですが、ゆっくりとインタラクティブで、言葉を読むことはほとんど不可能でした。そして、すべての重複する要素と写真のテキストの実行を数え、スナップショットとサイドノートの意味を狂わせます。
使いにくい：モバイルブラウザは、多くのインタラクションポイントが指に反応せず、マウスだけに反応した当時、頭がおかしくなったようでした。すべてが意味をなさなかった。それは、貧しい放浪者にとっては紛らわしいルート変更のようなものでした。しかし、ナビゲーションオッズの優位性は、ボタンをクリックしてネイティブアプリをインストールしたときでした。アプリストアへのリンクが記載されたテキストを受信できるように、電話番号を入力するように求められました。

モバイルブラウザがAirbnbのユーザーの第一印象でなければ、それほど悪くはないでしょう。残念ながら、データによると、新規参入者の65％はモバイルウェブから来ていました。したがって、彼らはこの状況を逆さまにしなければなりませんでした。

PWAに切り替えることでAirbnbのリクエストをどのように解決できますか？

モバイルブラウジングの状況がいかに激しいかを説明するために、業界の統計を以下に示します。

訪問者の53％は、3秒以上待たなければならない場合にバウンスします。
回答者の57％は、魅力のないモバイルサイトは推奨事項を取得できないと述べています。
回答者の85％は、モバイルWebがデスクトップの更新バージョンであり、その逆ではないと予想していました。

ユーザーは、モバイルバージョンが高速で便利、美しくデザインされ、モバイルネイティブアプリと同じくらい魅力的であることを望んでいます。 Airbnbは、PWAの助けを借りて、超高速で実行され、ネイティブアプリの最高の機能のいくつかを実行しながら、安全で安定したモバイルWebを作成できます。

Airbnb PWAを使用すると、ユーザーは200 MBのアプリを過剰に消費する代わりに、12MBのバージョンをホーム画面に追加できます。ゲストとホストは、通知パネルからポップアップメッセージを受信できます。

それだけでなく、世界中のAirbnbユーザーが接続が弱い場合でも滞在する場所を簡単に選択できるようにするために、PWAはインスタントロードとオフラインモードをビジネスにもたらします。

AirbnbPWAの解決策

アイデア

Airbnbの目は、世界最高のホームステイやその他のバケーションレンタル会社に適した世界クラスのモバイルブラウジング体験を作成するという1つのまっすぐな目標に向けられました。オンライン革命に追いついた後、彼らはモバイルフレンドリーであり続けることがもはや利点ではなく必要であることに気づきました。

彼らの戦略は、モバイルファースト、つまりモバイルウェブファーストに切り替えることでした。 Airbnbの新規訪問者の多くはモバイルウェブから来ており、ネイティブアプリの旅に似たものを期待しています。そして、彼らはユーザーに彼らが望むものを与えるつもりでした。

処刑

ネイティブアプリは、便利なスライドメニューと下部のナビゲーションで有名でした。 Airbnbは、ハンバーガーメニューのアップグレードとアカウント登録用のログタブバーを使用して、クラシックを採用することを決定しました。次に、マップはリストの選択にとって最も重要なアイテムであるため、再設計の大きな部分を占めました。

また、PWAがあらゆる画面サイズとデバイスで最高のパフォーマンスを発揮できるようにしました。少し余分な努力がすべての違いを生みます。

最後に、古い紛らわしい、使いにくいユーザーフローが完全に再指定リストに登録され、すべてのコンテンツの詰まりとレイアウトエラーが収集されて修正されました。

結果

PWAは、Airbnbにミニバージョン用に最適化するオプションを提供し、読み込み時間を11.9秒から4.69秒に最小化しました。高速になると、スムーズで応答性が高く、便利になり、ユーザーの関与が高まり、正しい瞬間をスワイプする回数が過去最高に達しました。

そして、彼らがPWAプロジェクトを完了する機会を得る前に、かなりの結果と成果が収集されました。

困難と困難にもかかわらず、Airbnbチームは1年足らずでモバイルウェブの再設計と再開発を成功させることができました。
コンバージョン率は25％上昇しました。
また、平均で約5.5秒のロード時間で、パフォーマンスが2.5倍向上します。

AirbnbのようなPWAをどのように構築できますか？

Airbnb PWAは、実際には世界クラスのモバイルWebプラットフォームです。そこで標準をクリアしましょう。 Airbnb PWAは、何十億ものホームステイやバケーションレンタルのリストが作成される場所です。これは、製品ポートフォリオが長引くeコマースWebサイトに似ています。

膨大なデータベースを使用すると、ロードプロセスでコードを処理し、リクエストに応答するまでに長い時間がかかる場合があります。したがって、オンラインストアを迅速に開始して維持するには、小規模に最適化されたバージョンが非常に必要です。

そのため、PWAはeコマースビジネスで有名です。これは、あなたがあなたの遅くてパフォーマンスの悪い店を変えたいと思っているオンラインビジネスの所有者であるならあなたのためです。

なぜティグレンPWA？

そこにあるたくさんのeコマース開発サービスに簡単に連絡できることを私たちは知っていますが、あなたが必要とする最も適切なエージェンシーを探してチェックするのに多くの時間を浪費するでしょう。

Tigrenは、PWA開発における世界トップのアウトソーシング機関の1つです。 PWAテクノロジーが最初に発表されて以来、私たちはPWAテクノロジーを習得する方法を模索していました。今日まで、私たちは世界中の約1000のクライアントと協力し、ROIの活用を支援してきました。

プレミアムティグレンPWAソリューション

私たちはあなたを助けることができます：

PWAサイトを最初から構築する
PWAの一部をカスタムビルドして統合する
既存のPWAを最適化してアップグレードする
すぐに使えるプレミアムTigrenPWAテーマ

お問い合わせの際は無料でご相談に応じます。また、適切かどうかを判断する前に見積もりを依頼することもできます。プロジェクトの複雑さに応じて、3〜12か月の無料サポートを提供し、夕暮れから夜明けまで、結果が正確に目的どおりであることを確認します。

重要なポイント

Airbnb PWAは大成功で、後ろの担当者が振り返ると誇りに思い、次の旅行の準備を始めるたびにユーザーは笑顔になりました。

Airbnbは高速で、信頼性が高く、安定していて、魅力的に設計されており、魅力的に魅力的です。さらに、チームがしばらくの間提供してきたワールドクラスです。彼らは他に何を求めることができますか？

オンライン環境を支配する将来の次の標準としてのPWAの有望な期待を踏まえて、早期採用者への招待についてのあなたの評決は何ですか？