web-dev-qa-db-ja.com

PWA（プログレッシブウェブアプリ）には、ネイティブアプリよりもエクスペリエンス上の利点がありますか？

PWAに対する誇大宣伝を考えると、ネイティブアプリと比較して本当の利点はありますか？

単一のプラットフォームとしてこれがどのようにエクスペリエンスを変えるのですか？

usabilityuser-behaviorweb-appuser-researchpwa
4
NB4

PWA = Progressive Web Apps

根本的に改善するWebユーザーエクスペリエンス

単純化するために-ユーザーに提供するのは、ネイティブアプリのエクスペリエンスです。

なぜプログレッシブアプリなのですか？

ケース1：最近のユーザーは、作業を完了する必要があるたびにアプリをインストールすることを望んでいません。ユーザーは、アプリストアからアプリをダウンロードしてそれを使用するのを待つ必要はありません。代わりに、Webアプリはユーザーのタスクを完了するためにモバイルブラウザーで同じエクスペリエンスを提供します。 -もう待っていません

ケース2：数百万のアプリとユーザーの電話に既に30以上のアプリがあり、毎日平均10以上のアプリが更新されるため、新しいバージョンがリリースされるたびにユーザーがアプリを更新するのは本当に難しくなりますが、ウェブアプリでは、ユーザー。 使いやすさ

ケース3：データ帯域幅、モバイルデータを使用し、帯域幅（2g）が制限されているモバイルユーザー、またはリモートエリアからのユーザーは、実際にアプリをダウンロードできず、低速でアプリを実際に使用できません。一方、PWAを使用するブラウザーでは簡単になります。ユーザーのために、経験を楽しいものにします。

なぜ企業は両方を持っているのですか？

PWAは最新のトレンドであるため、Webサイト（古い）とアプリを所有していた企業は、すべての機能を備えたWebアプリ全体を一度に構築するのではなく、反復プロセス**（チェックリスト）**を使用してPWAに移行しています。

ルック、フィール、美学

PWAはネイティブアプリのインスピレーションであり、ネイティブアプリと同じエクスペリエンスがブラウザーでユーザーに提供されます。

ここに役立つリンクがあります

http://blog.proto.io/secret-killer-ux-design-microinteractions/

https://medium.com/@owencm/designing-great-uis-for-progressive-web-apps-dd38c1d20f7

https://www.smashingmagazine.com/2016/08/a-beginners-guide-to-progressive-web-apps/

https://pwa.rocks/

https://www.cygnismedia.com/blog/design-progressive-web-apps/

https://www.mobify.com/insights/progressive-web-is-the-new-sensitive/

4
Harshith

これはSEにとって非常に広い範囲ですが、PWA運動が大好きなので、簡潔な応答を試みます…

tl; dr

PWAが現在注目を集めている理由は、印象的な約束です。

  • 最小限のプラットフォームの違い：エンジニアリング費用の削減、エクスペリエンスの一貫性の向上。
  • ユーザーは「インストール」する必要はありません：採用の障壁が低くなります。
  • パフォーマンスの低下なし：これは完全に証明されていないままですが、見た目は良好です。

短所…????
アップルは気に入らない？

1
plainclothes

あなたが質問を組み立てた方法は私が私の答えを与えることを難しくするので、私はPWA v/s Native appの部分を読んだだけのふりをします。

[〜＃〜] pwa [〜＃〜]-私が感じる最高かつ唯一の利点は、プラットフォームの独立性です。 （特にお使いの携帯電話で）Webアプリを開きます。 Outlook、Gmail、さらにはSEサイトでさえ、あなたはすぐにパフォーマンスの欠如、流暢さの欠如、機能の欠如に気づくでしょう、そして経験についての一般的な不安の空気があります。

ネイティブアプリ-はい、携帯電話にインストールする必要がありますが、一度だけ使用するのでない限り、デバイスにインストールしてすばやくアクセスすることをお勧めします。対応するAPIが原因でアプリのサイズが大幅に減少し、ネイティブアプリ（ほとんどの場合）のUXが向上しています。

時間と労力-PWA

  • Webブラウザーを開く
  • URLを入力するか、Googleにアクセスします（次にリンクをクリックします）
  • ログインは通常最初のページではないので、それをクリックします
  • 資格情報を入力して、ログインをクリックします
  • APIが読み込まれるまで待ちます
  • これで使用できます。

時間と労力-ネイティブアプリ

  • アプリストアを開く（（1回だけ）
  • アプリを検索してダウンロード（（一度だけ）
  • 開いてログイン（通常はシングルサインオンなので、もう一度、一度だけ）
  • 使用する

以前のコメントで述べたように、これは個人的な好みかもしれませんが、通常のユーザーがネイティブアプリよりもPWAを好むことはほとんどありません

1
Shreyas Tripathy