01 June 2021 / Published in Magento
Magento と PWA は、かなり以前から存在しており、E コマース開発の新しい標準になると言われています。今日は、このウェブの新基準を使い始め、有利に進めるために、PWAをMagento 2ストアに正しく統合する方法をご紹介します。 PWAとは? PWAは、Progressive Web App(プログレッシブウェブアプリ)の略で、アプリのようなレスポンシブな体験と、これまでネイティブアプリにしかなかった機能をウェブにもたらす、ウェブ開発の新しいスタンダードです。 しかし、PWAはまだウェブサイトです。最新のウェブ技術のおかげで、アプリのように見えるだけです。つまり、ユーザーはプログレッシブウェブアプリを、通常のウェブサイトと同じようにURLを指定してブラウザで閲覧しますが、PWAにアクセスした直後は、アプリをダウンロードしてインストールすることなく、ブラウザ上で「アプリ」を使用しているかのような体験を得ることができます。 Magento PWAのメリットの理由 Magento PWA は、Magento のバックエンドとの互換性を高めるために PWA Studio で構築されており、買い物客に最高のショッピング体験を提供するための有力な手段となっています。Magento PWA のストアフロントが適切に統合されていれば、コンバージョン率の向上、セッションあたりの時間の増加など、他の重要なコアメトリクスの成長とともに、2 倍ものパフォーマンスの向上をもたらすことができます。 PWA採用でよく見られるこれらの結果から、PWAは顧客が切望していたが実現されていなかった体験をもたらすというパターンが見て取れます。また、Magento PWAの標準化により、今後はPWAを搭載したMagentoストアが増えていくことは間違いないでしょう。 独自のMagento PWAを作成する方法 既存のMagentoストアフロントをPWAに変換するには、現在2つの方法があり、それぞれに長所と短所があります。 自分でコーディングをする PWAを搭載したストアフロントを開発する必要性を感じている開発者やマーチャントにとって、Magento PWA Studioは、Magento 2のバックエンドと新しいPWAストアフロントの間に最高の互換性を提供する、この目的のための素晴らしいツールです。実際、Magento PWA StudioはMagento PWA開発のデファクトツールとなっています。 しかし、Magento PWA Studioにはまだ難点があります。それは、本格的なソリューションではなく、Magento 2のバックエンド上にPWAを構築するための開発者ツールのセットだからです。他のツールと同様に、最高の結果を得るためには、使用するプログラミング言語(ReactJSとGraphQL)に精通している必要があり、また、Web開発に対するProgressive Web Appアプローチの内と外を知っていなければなりません。 メリット: 独立した開発 コスト削減 変更やデザインを試す自由度が高い すべて自分で選択できる Magento PWA Studio のコミュニティが充実している デイメリット: コーディングの知識とWebの仕組みに精通している必要がある 市場投入までの時間がかかるため、機会損失とみなされることがある すべてが動作するとは限らない プロの力を借りる なぜなら、Magento 2 PWA はウェブ上ではまだ比較的新しいアプローチであり、誰もがコンバージョン率と全体的なユーザーエクスペリエンスを高めるために最適化されたストアフロントの開発に長年の経験を持つ専門家の助けなしにストアフロントを構築することはできないからです。 プロのチームにプロジェクトを任せれば、すべてが予定通りに納品され、PWAが相応の注意を払って取り扱われるという事実を確信することができます。しかし、PWA構築プロジェクトはコストがかかることが多く、満足のいく結果を得るためにはお客様とサービスプロバイダーとの間で明確なコミュニケーションが必要です。 メリット: 長年の経験を持つ信頼できるプロフェッショナルなサービスプロバイダーがお客様のプロジェクトを担当 パフォーマンスの向上と完全な機能性を保証 コンバージョン率を向上させるためにフロントエンドで適用される最適化により、全体的なユーザーエクスペリエンスが向上します。 市場投入までの時間を短縮 デイメリット: コストがかかる お客様とサービス提供者(複数可)との間で、明確かつ適切なコミュニケーションが必要(特にお客様の要望とニーズに関して) 結論 ストアフロントのPWAバージョンを作ってみたいと思うかもしれませんが、ほとんどの場合、それは良いアイデアではありません。経験豊富なソリューションプロバイダーは、お客様に代わって作業を行い、時間を無駄にすることなく、お客様のストアの将来的な取り組みを計画する余裕を与えてくれます。 SmartOSCでは、PWAがウェブの未来であると信じており、15年以上の経験を持つ優秀な開発者チームを擁して、お客様のストアがこの新発見のテクノロジーから最高のものを得られるようにしています。 ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace
01 June 2021 / Published in Magento
Magento PWA Studio の登場により、より多くの Magento PWA が E コマースシーンに登場し、オンライン顧客のショッピング体験を向上させているのは当然のことです。これらの新しいMagentoのPWAの中には、いくつかの有望な新顔がありますので、ご紹介します。 1.Magento PWAとは? Magento PWAは、Magentoのバックエンドを備えたProgressive Web Appです。つまり、Magento PWAは、機能的にも外観的にも、典型的なネイティブアプリと同じようになるはずです。Magento PWAは、Magentoのバックエンドを利用したプログレッシブ・ウェブ・アプローチです。 さらに、Magento PWA はヘッドレス構造であるため、特定のフロントエンド技術に制限されることなく、自由にアップグレードパスを選択することができるので、Magento PWA ではより多くの柔軟性とカスタマイズ性を得ることができます。 Magento PWA は通常、Magento PWA Studio で構築されます。Magento PWA Studio は、PWA の採用を前進させるために Magento が作成したツール群です。Magento PWA Studioプロジェクトのおかげで、開発者はMagentoのバックエンドの上でPWAストアフロントを開発、デプロイ、維持することができ、より速く、より安全で、応答性が高く、Magentoの原則である拡張性とモジュール性に準拠したウェブサイトを作成することができます。 関連投稿:PWA vs ネイティブアプリ: eコマースビジネスにはどちらが適当? 2. MagentoのPWAの事例10選 1. Eleganza オランダを拠点とするEleganzaは、Valentino、Versace、Michael Korsなどのブランドを販売することで知られる有名な高級ファッション小売店です。同ブランドは、国内に5つの実店舗とウェブショップを展開していますが、お客様の90%が携帯電話でオンラインショップを利用していることから、より良い体験を提供し、結果的に収益を上げる機会があると考えました。 Eleganzaは以前、4つの言語に対応したMagento 1のストアを運営していましたが、Magento 1の寿命が近づいていることから、モバイルでのショッピング体験を変えるためにMagento 2とPWAに期待しました。同社の新しいMagento PWAサイトはTeam Experiusによって開発され、期待を裏切らないものとなりました。 2. Peter Jackson 宝石商のPeter Jacksonは、Eleganzaと同じような問題に直面していました。Magento 1のレガシーストアで、顧客を増やすために必要なパフォーマンスを発揮できていなかったのです。 当時、他のブランドと同様に、Peter Jackson氏が最も懸念していたのはスピードでした。彼らのサイトは読み込みに平均8秒かかっており、ユーザーの不満や全体的な不快感を引き起こしていたため、ビジネスに大きな支障をきたしていました。さらに、サイト内の導線も良くありませんでした。お客様にとって使いやすいフィルタリングオプションやナビゲーションの経路がなく、お客様が適切な製品を見つけるのに苦労していたため、結果的に売上を落とすことになっていました。 every1 が開発した新しいMagento PWAサイトでは、これらの問題はもはや問題ではありません。新しいサイトでは、巧みなフィルタリング方法によりナビゲーションが容易になり、お客様が目的の製品に早く到達できるような新しい方法も採用されています。すべてがミリ秒単位で表示されるため、エンゲージメントやコンバージョンが向上し、直帰率も大幅に減少しました。 3. Benecos Benecosは、華やかな “Conventional “化粧品と、資源を大切にする認証済みのオーガニック化粧品の良いところを組み合わせた、オーガニック化粧品がお好きな方にはたまらないブランドです。オーガニック素材とお客様の信頼を最優先とする当時の多くの新興ブランドと同様に、ブランドの個性を発揮できるような、快適で魅力的なショッピング体験を提供することが求められました。 これらはすべて、SimiCart によるカスタムメイドの Magento PWA で実現されました。PWA を搭載した新しいストアフロントでは、アプリのような外観と機能が提供され、カスタム機能(最寄りの在庫を検索、カラーオプション付きリストから商品をカート/ウィッシュリストに追加)が統合され、ブランドの競争力が強化されています。ブランドは、ウェブサイトの新しいデザインに非常に満足しています。それは、ブランドの製品と完全に調和した全体的な雰囲気をもたらし、グリーン愛好家の視聴者に心地よい体験を提供することができたからです。 4. Organyc 英国に拠点を置く Organyc は、世界でも数少ないオーガニックフェミニン製品を提供する企業の 1 つです。グリーン運動のパイオニアとして、ブランドの価値を代表するような競争力のある魅力的なショッピング体験を創造する必要がありました。 SimiCart は、Magento PWA がこれらの課題に完璧に対応できるはずだと考え、Organyc のために完全な Magento PWA を構築しましたが、その結果にブランドは満足することができませんでした。 PWAを採用した新しいサイトは、モダンで清潔感があり、市場のさまざまなスクリーンサイズにブランドの価値を難なく伝えることができるようになりました。また、このブランドが提供する製品は周期的なものであるため、Organycはショッピング体験を向上させるためにカスタム機能を採用しました。カスタム機能である Build a Box と Product Subscription は SimiCart に統合されており、独自のボックスを作成したり、あらかじめ用意されたパッケージを選択して毎月自宅に配送することで、顧客のニーズに応えられるようになっています。 5. The Whisky Barrel The Whisky Barrel は、エディンバラを拠点とするウイスキー専門店で、独自のボトリングと、モルト、ブレンデッドウイスキーの品質の高さで有名です。このブランドは、需要の増加に伴い、提供する製品の品質に見合わないユーザーエクスペリエンスの問題に直面していました。 これは、ソリューションプロバイダー(デジタルシックス)にとっての課題であり、決して容易なことではありませんでした。最高の体験を提供するだけでなく、ピーク時のトラフィックに耐えうるサイトを作る必要がありました。また、サイトは美しくデザインされ、The Whisky Barrelが今後もUisge beathaの販売の先駆者であり続けることができるような柔軟性も必要でした。 Magento PWAは、彼らのブランドにとって当然次のステップであり、最終的には正しいステップでした。PWAの性質は、新しいユーザー・ジャーニー、サイトのスピードとパフォーマンスとともに、ブランドにパワーを与え、最も満足させるのが難しい顧客も満足させるはずの超スムーズなユーザー・エクスペリエンスを提供しています。 6. Selco 建築業者向け倉庫のセルコは、全国に68店舗以上の支店を持つ、業界で最も定評のあるブランドのひとつです。しかし、セルコはオンラインでの存在感が希薄であることに気付き、よりモダンで先進的なストアフロントを実現する必要があると考え、Magento
pwa
01 June 2021 / Published in Magento
消費者の期待がかつてないほど高まっている今、プログレッシブウェブアプリ(PWA)は、来年のeコマースビジネスの重要な取り組みとなりつつあります。それもそのはず、PWAはフロントエンドのウェブ技術を進化させたもので、ネイティブアプリのような高速で洗練された体験をモバイルブラウザにもたらすことを約束しています。この新技術により、パフォーマンスが大幅に向上し、ユーザーとのインタラクションが改善され、この技術を適切に採用している小売業者のモバイルコンバージョンが増加しています。ユーザーの利便性から比類のないロードスピードまで、PWAはウェブインタラクションのベストプラクティスの新しい基準を打ち立てています。 顧客のオンラインショッピングに革命をもたらしたPWAは、2021年にはeコマースの世界を変え、支配することが期待されています。今年は、あらゆる規模のオンライン小売業者の間で、この最新のウェブテクノロジーの大規模な導入が見られました。数多くのアーリーアダプターが、すでにその変革の成功から恩恵を受けています。 ここでは、インパクトのある結果をもたらした E コマース用プログレッシブウェブアプリのベストリストをご紹介します。 1. George.com 英国を拠点とする大手アパレルブランドGeorgeは、適切な場所に心を置いていました。そのため、古くなったモバイルショッピング体験を刷新するためのソリューションを求めていました。そして、モバイルファーストのアプローチはPWAとの組み合わせが最適であることを認識し、PWAを搭載したストアフロントを採用しましたが、結果はこれ以上ないほど素晴らしいものとなりました。 3.8倍 – 平均ページロード時間の短縮 2倍 – 直帰率の低下 31% – コンバージョン率の向上 20% – 1訪問あたりのページビューの増加 28% – ホーム画面からの訪問者の平均サイト滞在時間が長い 2. Eleganza PWAの代表的な例として、オランダの有名な高級ファッションブランドであるEleganzaが挙げられます。このブランドは、以前はMagento 1.9.2.0を使用していましたが、Magento 1の寿命が近づいてきたため、Eleganzaは今後もずっと堅実に運営していくためのソリューションを求めており、PWA Studioで構築した新しいストアフロントがそれにあたります。 Magento PWA Studioを使用することで、Magento 2への移行を成功させ、顧客体験を一新することができました。新しいウェブサイトは、アプリのように完全にレスポンシブで、Magento 2とPWAによるバックエンドの強化により、真のオムニチャネル体験を提供できるようになりました。 76% – セッションあたりのページ数が増加 23% – 平均ページロード時間の短縮 372% – 平均サーバー反応時間の短縮 3. AliExpress グローバルなオンライン小売市場であるこの企業は、パフォーマンスやユーザーの再エンゲージメント機能など、アプリのメリットをすべてのウェブユーザーに提供する方法を模索していました。m.aliexpress.comにプログレッシブWebアプリを導入したところ、驚くべき結果が得られました。 すべてのブラウザで新規ユーザー数が104%増加、iOSのコンバージョン率が82%増加 すべてのブラウザにおいて、ユーザーの1セッションあたりの訪問ページ数が2倍に増加 すべてのブラウザで1セッションあたりの滞在時間が74%増加 4. Lancome ランコムは、ネイティブアプリのように読み込みが速く、魅力的なモバイル体験を必要としていましたが、同時にモバイルウェブを介して誰もが発見し、アクセスできるものでなければなりませんでした。そこでランコムは、アプリのような没入感のある体験を提供するPWA技術に注目しました。 コンバージョン数が17%増加 iOSでのモバイルセッションが53%増加 プッシュ通知によるカート回収のコンバージョン率が8%向上 5. Alibaba 世界最大の企業間オンライン取引プラットフォームである同社は、サイトをプログレッシブウェブアプリ(PWA)にアップグレードしたところ、ブラウザ間のコンバージョン総数が76%増加しました。 76% – ブラウザ間のコンバージョン率が向上 月間アクティブユーザー数が、iOSでは14%、Androidでは30%増加 4倍 – 「ホームスクリーンに追加」のインタラクション率が向上 6. UK Meds まず第一に、このブランドは一流の顧客サービスですでに高い評価を得ていました。同日または翌日に顧客への配送を可能にする製薬会社はそれほど多くなく、そのため、このブランドは英国でも数少ない信頼できる医薬品ブランドの1つとして注目されていました。 このような状況から、需要に対応し、顧客体験をより良く、早く、魅力的なものにするためのソリューションが求められていました。そして、新しいPWAによって、このブランドは求めていた結果を得ることができたのです。 3G回線を利用した場合の平均インタラクティブ時間は、英国の他のMagento小売業者に比べて4倍速い(4秒対16秒)。 発売以来、売上高が23%増加 7. Flipkart インド最大の電子商取引サイトは、ウェブの長所とFlipkartのネイティブアプリの長所を組み合わせたプログレッシブウェブアプリ、Flipkart Liteの発売を決定しました。このPWAは、読み込みが速く、従来よりも少ないデータ使用量で、複数の方法でユーザーを再エンゲージするモバイルウェブ体験を提供します。 ユーザーがFlipkart liteでサイトに滞在する時間は、以前のモバイル体験と比較して 3.5分対70秒。 サイト内での滞在時間が3倍に 再エンゲージメント率が40%向上 ホームスクリーンに追加」経由でアクセスしたユーザーのコンバージョン率が70%向上 データ使用量が3倍減少 8. 5miles モバイル市場では、プログレッシブウェブアプリ(lite.5milesapp.com)を構築するまでは、モバイルアプリと同等のスピード感と魅力的なモバイルウェブユーザーエクスペリエンスを提供することが困難でした。この新戦略により、全体的なユーザーエクスペリエンスが劇的に向上し、即効性のある効果が得られました。 50% – 直帰率の減少 30% – サイト滞在時間の増加 30% – 「ホームに追加」画面から来たユーザーのコンバージョンが向上 9. Konga ナイジェリアの大手 E コマースサイトである Konga は、主要なトラフィック源をモバイルデバイスから生成しています。Kongaは、すべてのウェブユーザーに、パフォーマンス、オフラインでの作業、データコストのかからない再エンゲージメントなど、アプリの利点を提供したいと考えていました。モバイルでのウェブ体験を向上させるために、KongaはPWAを使用してデータ使用量を削減しました。 ネイティブアプリと比較して、最初のロードにかかるデータ量が92%減少 82% – 最初のトランザクションを完了するためのデータ量が少ない(対ネイティブアプリケーション 63% – 最初に読み込まれるデータ量が少ない(以前のモバイルウェブ体験と比較して 84% – 最初のトランザクションを完了するためのデータ量が少ない(以前のモバイルウェブ体験と比較して まとめ プログレッシブウェブアプリに興味がありますか?SmartOSCは、あなたのPWAに関するあらゆる質問やニーズにお答えします。特に、PWA を使用してストアにデジタル変革をもたらそうとしている Magento マーチャントには、お客様とお客様のストアのために、完全で費用対効果の高いソリューションを提供します。 ►►►サービスについてMagento, Sitecore,
best-examples-of-pwa_skces
20 May 2021 / Published in Ecommerce
ウェブトラフィックの半分以上がモバイル機器からのものである現在、オンラインビジネスがモバイル機器でのユーザー体験をより良いものにする方法を模索しているのは当然のことです。 ユーザーの要求に応えるためには、オンラインビジネスは、オンラインでの購入を迅速、簡単、便利にするアクセス可能なインターフェイスを提供する必要があり、そうでなければ取り残されてしまう危険性があります。 そこで、(Progressive Web Apps)プログレッシブウェブアプリの出番です。 ここでは、PWAとは何か、PWAはどのように機能するのか、そして2021年に使用されるであろう最高のPWAの例をいくつか紹介します。 1. Progressive Web Appsとは? プログレッシブウェブアプリケーション(PWA)は、最新のテクノロジーを利用して、ウェブアプリとモバイルアプリの長所を組み合わせたもので、実際のネイティブアプリに匹敵する操作性と機能性を備えています。 最近の進歩により、ほとんどのウェブサイトをプログレッシブウェブアプリに変えることができるようになりました。つまり、開発に時間がかかる実際のアプリに比べて、PWAはかなり短期間で構築することができます。 さらに、PWAは、プッシュ通知やオフライン機能など、ネイティブアプリのすべての機能を提供します。PWAは、遅いネットワークや接続性の欠如など、さまざまな問題を解決することができます。 2. PWAとネイティブウェブアプリの違いは何ですか? AppleのApp StoreやGoogleのPlay Storeからダウンロードするようなネイティブアプリは、多くの場合、そのプラットフォームに特化したプログラミング言語で作られています。 iOSアプリであればSwift、AndroidアプリであればJavaとなります。そのような特定のプラットフォーム向けのアプリを作る場合、その言語を知っておく必要があります。 作ったアプリは、App StoreやPlay Storeで、それぞれのプラットフォームの基準に合っているかどうかを審査してもらう必要があります。このプロセスには数ヶ月かかることもあります。 プログレッシブウェブアプリは、このような長いプロセスを回避することができます。なぜなら、PWAは、新しいウェブ機能を備えたウェブサイトの延長にすぎないからです。 PWAはブラウザ上で動作し、ホーム画面に保存されるとネイティブアプリのように機能します。PWAの性能が高ければ、ユーザーはウェブアプリを使っているのか、ネイティブアプリを使っているのか分からなくなるでしょう。 もちろん、注意すべき点もあります。ブラウザはこのための技術をいち早く採用しましたが、いくつかの制限があります。 iOSでは、必要な技術がSafariで不安定に動作することがあります。Apple社はまだすべてをサポートしているわけではないので、どこでも同じ体験を実現するのは難しい課題です。 3. PWAの特徴 レスポンシブ どんな形にもフィットする能力 接続性の独立性 サービスの低下や接続性の欠如があっても、オフラインで動作する能力。 アプリのようなインターフェース アプリのようなインタラクションとナビゲーションを採用しています。 バックグラウンドアップデート セルフアップデートにより、PWAは常に最新の状態に保たれます。 発見可能 検索エンジンはPWAを見つけることができます。 4. レスポンシブWebサイトとネイティブアプリとPWAの比較 2021年にデジタルで優れたパフォーマンスを発揮し、優れたユーザーエクスペリエンスを提供するためには、プラットフォームが考慮すべきいくつかの要素があります。 モバイルフレンドリー、SEO最適化、オフラインモードなどは、2021年にプラットフォームが考慮すべき要素のほんの一部です。 ここでは、レスポンシブWebサイト、ネイティブアプリ、PWAをそれぞれ比較した表をご紹介します。 5. 2021年に使うプログレッシブWebアプリのベスト 1. ツイッター 2017年4月にTwitter社が初めて導入した「Twitter Lite」は、最新のWebサイトとネイティブアプリの両方の輝かしい機能を備えたプログレッシブWebアプリです。 Twitter Liteでは、ネイティブアプリを経由した以前の状態よりも80%近く多くのツイートが記録され、バウンス率も20%減少したとのことです。 2. ピンタレスト Pinterestは、クリエイティブなアイデアを探しているほとんどの人が利用しているウェブサイトです。 その人気にもかかわらず、Pinterestはモバイルユーザーのうち、サインアップ、ログイン、アプリのインストールに結びついたのはわずか1%であることがわかりました。これは、モバイルでのパフォーマンスの低さが原因でした。 PWA技術を導入すると、素晴らしい結果が得られました。モバイルウェブでの滞在時間は40%増加し、ユーザー生成広告収入は44%急増し、コアエンゲージメントは60%向上しました。 3. Lancôme 高級化粧品ブランドのLancômeは、トラフィックと売上を増加させるアプリのようなソリューションを必要としていました。2016年には15%しかなかったコンバージョン率を上げたいと考えていたのです。 2021年、LancômeのPWAは、お客様がインターネットの接続状態が悪くても商品を検索できるようにし、ユーザーを惹きつけるプッシュ通知を導入しました。 PWAを導入した後、Lancômeはコンバージョン数が17%増加し、iOSのモバイルセッションが53%増加しました。 PWAはLancômeにとって大きな成功であり、化粧品大手のLancômeがモバイルウェブで大きな進歩を遂げることに貢献している。 4. Uber Uberは、ネットワークの速度や場所に関係なく、すべてのユーザーが迅速に乗車を要請できるようにすれば、自社のビジネスの可能性に気付きました。 これを実現するために、Uber は低速ネットワークで動作する PWA を作成しました。 Uber PWAは、すべての最新ブラウザで利用可能なアプリのようなエクスペリエンスを実現することを目的としており、特にローエンドデバイスのユーザーに役立つものとなっています。 これも理にかなっています。慣れない場所でインターネットに接続できずに困ったことがある人は多いはずです。 Uberは、PWAの軽量化を実現しました。中心となるライドリクエストアプリケーションの容量は50kbで、低速のネットワークでも素早くアプリを読み込むことができます。 これは、Uberの戦略的な動きであり、顧客のユーザーエクスペリエンスを向上させるものであることは間違いありません。 5. Starbucks スターバックスのPWAは、2015年にモバイルアプリをローンチした後に開発されました。しかし、このアプリは、ネットワーク接続が遅く、パッチワークのような地方の市場には適していませんでした。 スターバックスは、オフラインでもメニューを閲覧したり、車に商品を追加したりしてもらいたいと考えていました。そのためには、PWAの開発が唯一の論理的な方法でした。 PWA自体は非常にユーザーフレンドリーで反応が良く、スターバックスは強力なインターネット接続を持たない顧客を引き付けることができました。 6. Spotify ストリーミングの巨人もPWA運用になりました。 PWAへの移行は、当初、AppleのApp Store手数料30%をめぐってSpotifyとAppleの間で意見の相違があったことから検討されました。Spotifyは、今こそ自社アプリのPWA版の開発を始めるべきだと考えました。 PWA版は、独自のUIでかなり高速化されています。唯一の欠点は、SpotifyのPWAはオフラインでは利用できないことです。 7. Trivago TrivagoはPWA技術を用いて、旅行者がホテルの価格を比較したり、レビューを読んだり、選択したホテルを予約したりするのに便利な研究所のインターフェースを提供しています。 また、ホテルオーナーの検索マーケティングの労力を最小限に抑えることにも貢献している。 PWA導入後、Trivagoのホテル検索エンジンは、ネイティブアプリよりもはるかに高いコンバージョン率を記録しました。また、ホテル予約のCTRも97%と飛躍的に向上しました。 8. Forbes Forbesは、モバイル体験のリブランディングを図るためにPWAを導入しました。現在のモバイルサイトよりも高速なソリューションを必要としていました。 現在、ForbesのPWAはユーザーにとって魅力的で、よりパーソナライズされたものになっています。デザインは新しいフォーマットで、Snapchatのストーリーズのフォーマットに似ています。 PWAを開始して以来、Forbesはユーザーあたりのセッション数が43%増加し、スクロール深度が3倍になったことを記録しています。 9. Tinder Tinderは、自社のモバイル体験が競合他社に比べて大きく遅れていることを知り、改善を求めていました。 Tinderは、顧客にスピードと利便性の向上を提示するためにPWAを開発し、より速く、よりスムーズに、より受容的な体験を提供できるようにした。 JavaScriptの使用により、直帰率は10.15%減少し、クリック率は11.3%増加しました。 10. Financial Times PWAを活用したもう1つのニュースの巨人! Financial Timesは、顧客により良い体験を提供する目的でPWA技術を採用しました。 このPWAはオフライン機能に焦点を当てており、記事の高速な読み込みと切り替えを可能にしています(オフラインモードであっても、最初に読み込まれ、ローカルに保存されます)。 Financial TimesのPWAは、モバイルでわずか1~2秒でアクセスできます。 6.
pwa vs native apps
20 April 2021 / Published in Ecommerce
今や、Eコマース分野でもモバイルの時代となっています。2017年、モバイルによるEコマースの売上は、Eコマース全体の34,5%を占めました。そして、eMarketerは、2021年末には54%に達するだろうと予測しています。そして、現代の顧客の要求を満たすために、Eコマース企業家は、迅速で簡単、かつシームレスなモバイルショッピング体験を提供しなければなりません。そこで、モバイルアプリやプログレッシブウェブアプリ(PWA)の出番となるわけです。 しかし、Eコマースのパフォーマンスを最適化するには、プログレッシブWebアプリとネイティブアプリのどちらが良いのでしょうか?十分な情報を得た上で決断を下すためには、まず各アプローチの長所と短所を知る必要があります。そこで、PWAとネイティブアプリの違いや、それぞれのメリットについてご紹介します。 1. ネイティブアプリ ネイティブアプリとは、特定のプラットフォーム用に作成されたアプリで、OSのメモリを使用してGoogle PlayやApp Storeなどのアプリストアからダウンロードされます。したがって、アプリは1つのOSに最適化されており、カメラ、マイク、連絡先、ファイルなど、ほとんどのデバイスの機能に対して、高速かつ適切に動作します。 a. ネイティブアプリの魅力とは なぜEコマースにネイティブアプリの構築を検討すべきなのか?モバイルネイティブアプリを作成するという決断には、いくつかの利点があります。以下では、最も重要な利点をいくつか紹介します。 機能性 ネイティブアプリは、設計されたOSに特有のさまざまな機能を利用できます。ネイティブアプリを開発すると、ホストのプラットフォームが提供するさまざまなツールやAPIにアクセスすることができます。ネイティブアプリの開発では、安定性、セキュリティ、および優れたパフォーマンスを確保しながら、複雑なアプリケーションを作成することができます。 スピードとパフォーマンス ネイティブアプリは、クロスプラットフォームアプリよりも優れたパフォーマンスを発揮する傾向があります。その理由は?それは、アプリ自体とホストのオペレーティングシステムがシームレスに統合されているからです。 App Storeでの上位表示 ユーザーエクスペリエンスの高いアプリは、アプリストアで上位に表示されます。これは、認知度の向上、ダウンロード数の増加、そして利益の増加につながります。ネイティブアプリは、その高いパフォーマンスと使いやすさから、クロスプラットフォームのアプリよりもアプリストアで上位に表示されることが多い。 ネイティブアプリは、クロスプラットフォームアプリよりもアプリストアの上位に位置することが多い ユーザーインターフェース ネイティブアプリケーションは、特定のオペレーティングシステムに合わせて作られているため、優れたユーザーエクスペリエンスを提供します。つまり、そのシステム特有の機能を利用することができるのです。また、アプリのビジュアルも特定のOSに合わせて作られているため、見た目の美しさも高品質です。 b. ネイティブアプリの注意点とは ネイティブアプリは、クロスプラットフォームやウェブアプリよりも優れたパフォーマンスを発揮することが重要です。この専門性は、ネイティブアプリの最大の強みであると同時に、最大の弱点であるコストの基礎でもあります。 追加リソース 複数のプラットフォーム向けにアプリケーションを作成する場合、開発チームは通常、サポートするプラットフォームごとに1人または複数のモバイル・ソフトウェア・エンジニアで構成されます。もちろん、これは開発チームの規模とコストの増加につながります。また、開発チームには、均質なスキルではなく、さまざまなスキルを持ったエンジニアが必要です。これは、サポートやコラボレーションに関して、チームを分断する可能性があります。 開発サイクルが遅い ネイティブアプリケーションは、目的のプラットフォームごとに個別のアプリケーションを作成しなければならないため、開発サイクルが遅くなります。極端な例としては、モバイル開発エンジニアが1人しかいない場合、各アプリケーションは基本的に連続して作成されることになります。 2. プログレッシブ・ウェブアプリ(PWA) Gartner社のレポート「Progressive Web Apps Will Impact Your Mobile App Strategy」によると、PWAは2020年末までに全世界のネイティブアプリの50%を置き換えると言われています。その可能性を裏付けるように、Googleは最近、Chromebook用のProgressive Web AppsをGoogle Playで公開し、PWAの統合基準を引き上げました。では、PWAにはどのような機能があるのでしょうか。PWAは本当にネイティブアプリを置き換える優れた選択肢なのでしょうか? a. PWAの魅力とは PWAが徐々に成長して自分の限界を超えると、より多くの能力を持つようになります。これは、PWAの完全な可能性がまだ発見されていないことを示しています。ここでは、PWAが提供する最も注目すべき利点について言及します。 オールインワン PWAでは、あなたのシステムは今、一つのサイズに収まります。PWAはウェブサイトのように機能し、ページへのリンクをコピーすることでPWAを共有することができます。また、プログレッシブウェブアプリは、スマートフォン、タブレット、デスクトップパソコンなど、あらゆるデバイスに対応しています。 読み込み時間が短い 多くのユーザーは、Webサイトの読み込み速度が遅いという問題に遭遇しています。しかし、PWAではそのようなことはありません。また、PWAはURLを介して直接コンテンツにアクセスするため、ユーザーは毎回ページを更新する必要がありません。 オフライン対応 PWAは、インターネットに接続されていなくても動作します。ユーザーが最後にアプリを使用したときにキャッシュされたデータを活用します。 SEOへの配慮 迅速なダウンロードは、Googleのモバイル検索エンジンでのウェブサイトの位置に大きな役割を果たします。PWAは、ネイティブアプリケーションとよく似た動作をするにもかかわらず、Googleや他の検索エンジンにインデックスされます。これはSEOにとって絶対的なプラス要素です。 PWAは他のアプリよりも安い PWAのような最新の技術は、ネイティブのモバイルアプリよりも開発や統合にかかる費用が少なくて済みます。特定の技術を必要とせず、純粋なjavascript、HTML、CSSだけで開発できます。 b. PWAについてよく考えるべきこと どんな豆にも黒点がありますが、PWAも例外ではありません。PWAでユーザーに満足のいく体験をしてもらうためには、これらのデメリットを知り、システムへのダメージの可能性をあらゆる面からコントロールし、最小限に抑えるための準備をすることが重要です。 App Storeのトラフィックを逃す PWAを開発しても、AppleやAndroidのアプリストアでは企業としての露出はありません。アプリが見つかるのは、有名なアプリプラットフォームの1つに表示されているからであることが多いです。そのため、この「踏み台」を使ってより多くの人にアピールできないのは、かなりのデメリットと言えます。 スケーラビリティに限界 PWAの収益モデルや広告機会を開発するのは、まだ難しいことです。現時点では、ネイティブアプリに比べて、購読できる選択肢が少ないです。 一部のサービス機能にアクセスできない ネイティブアプリとは異なり、機能が少ないWebアプリケーションですが、iOSはAppleデバイス上でPWAのすべての機能をサポートしていません。そのため、多くのユーザーにとってPWAの可能性が限られてしまうのは残念なことです。UX(ユーザーエクスペリエンス)が製品自体のマーケティングと同じくらい必要な世界では、ユーザーエクスペリエンスの欠如は本当の損失です。 3. eコマースビジネスに何を選ぶべきか eコマースビジネスは、細分化された顧客にサービスを提供するために、あらゆる規模と形態で展開されています。そのため、それぞれの目標を達成するためには、適切なテクノロジー・アプローチが必要となります。設立したばかりのEコマース企業や、まだ高いパフォーマンスを目指していない企業にとっては、PWAをモバイルテクノロジーの基盤として選択することをお勧めします。PWAは経済的であり、よりSEOに適しているため、新規顧客をアプリに引き付けることができます。 しかし、特に数百万人のユーザーと製品を抱える大企業にとっては、スケーラビリティとパフォーマンスが求められます。完全な機能を備えた真の顧客中心のアプリを開発するには莫大なコストがかかり、開発プロセスにも時間がかかるかもしれませんが、ネイティブアプリを適応させることは不可欠です。ネイティブアプリは、よりパーソナライズされた体験を促進し、ターゲットを絞ったマーケティングパフォーマンスを提供する必要がありますが、PWAでは今のところ限界があります。 もうひとつの選択肢は、レスポンシブサイトと並行してEコマースのPWAを追加することでチャネルミックスを拡張し、その結果を測定してネイティブアプリがまだ必要かどうかを判断することです(両方を行うことも可能です)。   ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace
pwa twitter
20 April 2021 / Published in Ecommerce
PWAは、Tinder、Trivago、Twitterなど、さまざまなEコマースビジネスの成功を支えることで、技術的な誇大広告を超えた存在であることを証明してきました。しかし、PWAを顧客中心のEコマースシステムに完全に変換するためには、開発チームはPWAを最大限に最適化するために、追加機能のさまざまな統合に取り組む必要があります。 どのような機能があれば、あなたのEコマースサイトの機能を向上させることができるでしょうか?また、どのように顧客とのエンゲージメントを促進するのでしょうか?ここでは、PWAシステムのためのコンバージョン率の高い機能をチェックしてみましょう。 1. モバイルファーストのインターフェース 主にモバイル向けに作られたPWAでは、ユーザーインターフェースの設計において、モバイルファーストのアプローチが求められます。PWAのコンポーネントをモバイルデバイスのユニークな機能に合わせることで、PWAのインターフェースをモバイルユーザーに合わせて調整することができます。PWAのデザインをする際には、従来のウェブデザインを忘れることが大切です。 エクスペリエンスという点では、PWAはユーザーの視点から見ると一般的なネイティブアプリとよく似ています。ですから、ネイティブアプリのデザインをインスピレーションやベンチマークにして、アプリのようなインターフェイスを構築するのは素晴らしいことです。PWAの潜在能力を最大限に引き出し、オンラインストアでモバイルファーストな体験を提供するためには、ネイティブアプリに対するユーザーの期待を中心に構築する必要があります。 2. 検索エンジン最適化のためのSEOフレンドリー PWAウェブの最も大きな利点の一つは、検索でサイトやアプリを発見できることです。実際、ウェブサイトのトラフィックの半分以上はオーガニック検索によるものです。ユーザーがPWAを見つけることができるためには、コンテンツに正規のURLが存在し、検索エンジンがサイトをインデックスできるようにすることが重要です。これは、クライアントサイドレンダリングを採用している場合に特に当てはまります。 PWAウェブの最大のメリットは、検索でサイトやアプリを発見できること まず、各URLにユニークで説明的なタイトルとメタディスクリプションを付けることから始めましょう。次に、Google Search ConsoleやLighthouseの検索エンジン最適化監査を使用して、PWAの発見可能性の問題をデバッグし、修正することができます。また、BingやYandexのウェブマスターツールを使用し、Schema.orgのスキーマを介した構造化データをPWAに含めることも検討できます。 3. ビジネスデータのセキュリティ プログレッシブウェブアプリは、ユーザーとサイトデータの最大のセキュリティとプライバシーを保証する接続であるHTTPSで提供されます。HTTPS は、中間者攻撃に耐えるように設計されています。コンピュータ・セキュリティにおいて、中間者攻撃とは、攻撃者が、お互いに直接通信していると信じている2つの当事者間の通信を密かに中継し、変更することで起こります。 PWAでは、機密情報を保護するセキュアな接続が行われています。こうすることで、ユーザーやセッションがこれらの攻撃やその他の脆弱性にさらされることはありません。 4. エンゲージメントを高めるプッシュ通知 顧客のエンゲージメントを高める方法を探していますか?もしそうなら、プッシュ通知PWAは間違いなく最も使われる機能の一つです。PWAブラウザが起動していなくても、お客様がオフラインモードになっていても、あなたのメッセージを受け取ることができます。 お客様の私生活を邪魔したり、迷惑をかけたりする心配はありません。この機能を有効にするためには、事前にユーザーの許可が必要です。Googleは常に最高のカスタマーエクスペリエンスを提供したいと考えていますので、すべてのPWA機能がユーザーに不便を感じさせることはありません。 5. ホームスクリーンに追加 お客様が一定のエンゲージメントを獲得すると、PWAのショートカットを携帯電話のホーム画面に追加するように促すことができます。ホーム画面は、人々の生活の中で信頼のおける場所であり、求められているデジタル不動産の一部です。そこに貴社のロゴを表示することは、貴社を常に意識させる広告塔のようなものです。 6. コンバージョンのためのウェブ決済 PWAにおいても、チェックアウトフォームはページ放棄の主な原因の1つであり、人々はそれをパンズ・ラビリンスのように、次のページにたどり着くのが非常に難しいと感じています。チェックアウトフォームは常に退屈で、多くの手動操作を必要とし、ゆっくりとしたペースで進み、何度もタップする必要があります。スローチェックアウトは常にあなたのビジネスに影響を与えており、その世代的な物語がすべてを物語っています。 スローチェックアウトは常にあなたのビジネスに影響を与えており、その世代的な物語がすべてを物語っています 第4世代のチェックアウトウィンドウであるPayment Request APIまたはWP3 APIを設定することで、チェックアウトフォームの必要性がなくなり、ウェブサイトの決済収集を標準化することができます。複雑なチェックアウトにうんざりしているなら、Payment Request APIは支払いを簡単なプロセスにし、最終的にカート放棄数を減少させます。 Payment Request APIは、プログレッシブWebアプリケーションにさらなる生命力を与えます。プログレッシブWebアプリケーションは、すでに世界のあらゆる生命力を持っていますが、モバイルでのショッピング体験は電光石火となるでしょう。ブラウザからマーチャントへの認証情報の受け渡しは、これまで困難な作業でした。しかし、Payment Request APIを使えば、マーチャントはどのブラウザからでも簡単に必要なクレジットカード情報を取得することができます。 7. ライブチャット PWA ウェブサイトは、読み込みが速いだけでなく、シームレスな顧客体験のために、顧客からの問い合わせに迅速に対応する必要があります。53% の顧客は、質問に対する迅速な回答が見つからない場合、オンライン購入を断念する可能性が高いと言われています(Forrester 社)。ライブ チャットは、このような目標を達成するために重要な役割を果たしています。 eMarketer 社の調査では、60% 以上の消費者がライブ チャットを提供しているウェブサイトに戻ってくることがわかりました。Acquire 社は、ライブ チャットが最高の顧客サービスの選択肢の 1 つであると考えています。消費者の 30% 以上が、電子メールや電話よりもライブ チャットの方が情報が豊富で役に立つと感じています。また、79% 以上の消費者が、購入の意思決定に影響を与える迅速な回答を見つけたと感じています。 さらに、ライブ チャットによって提供される、より個人的で直接的なコミュニケーションの形態は、より深い顧客関係を生み出します。長い目で見れば、これらの関係はますます忠誠心を高め、それに基づいて追加の収益を生み出します。   ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace
PWA1
22 January 2021 / Published in Ecommerce
インターネットとモバイルの世界でアプリケーションが大規模に支配されるようになり、数十年が過ぎました。ただし、最近のプログレッシブ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つの主要な特性は、機能、信頼性、およびインストール可能です。   対応: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分、通話はカウントされません。ユーザーの行動におけるこれらの変化は、コンピューターのブラウザーのように完全な機能を維持しながら、どのプラットフォームもモバイル中心でなければならないという事実と同じです。   モバイルのトレンドを加速させ、テクノロジーの巨人はウェブサイトのモバイルレースを開始するために前進しました。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 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を最大限に活用する方法の明確な概要については今日、当社の専門家のにご相談ください。 ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace