Chrome の内部ユーザー調査によると、多くのユーザーはウェブアプリのインストールを重視しています。次のようなメリットがあります。
- オペレーティング システムのタスクバーまたはドックからチャットアプリを起動する。
- アプリを切り替えたときに表示される専用のトップレベル ウィンドウから音楽を再生する。
- 没入感のあるビデオ通話のためにブラウザの UX を整理。
- 関連付けられたファイル(オペレーティング システムのファイル エクスプローラ)からウェブアプリを直接開く。
Chrome とウェブ デベロッパーが支援する方法はいくつかあります。たとえば、新しい ML プロモーション機能などです。この記事では、ユーザーがアプリをインストールする方法の概要について説明します。
インストール可能条件を満たす「作成された」アプリ
Chrome のインストール可能条件を満たすアプリには、Chrome デスクトップ ブラウザのアドレスバーにインストール アイコンが自動的に表示されます(次のスクリーンショットでハイライト表示されています)。ユーザーはクリックしてアプリをインストールできます。
別の方法として、[その他] [保存して共有] > [ $appName をインストール] を選択してインストールすることもできます。
モバイルでは、表示されたインストール プロンプトを使用するか、[その他] > [ホーム画面に追加] > [アプリをインストール] を使用してアプリをインストールできます。
これらのインストールは「作成済み」と呼ばれます。これは、デベロッパーがインストール可能性の基準を満たすことで、この UX をオプトインしているためです。
カスタマイズされたインストール エクスペリエンス
デベロッパーはさらに一歩進んで、カスタマイズされたインストール エクスペリエンスを提供できます。これは、Squoosh や SVGcode などのアプリが採用しているアプローチです。次の例では、ハイライト表示された [インストール] ボタンをご覧ください。スクリーンショットを提供することで、デベロッパーはより豊かなインストール エクスペリエンスを作成できます。
任意のアプリの「手動」インストール
Google の調査によると、ユーザーは、インストールの条件を満たしていない場合や、カスタマイズされたインストール フローを提供していない場合でも、あらゆるウェブ エクスペリエンスをインストールしたいと考えています。たとえば、Wordle です。執筆時点では、ウェブアプリ マニフェストに icons
メンバーと start_url
がありません。
{
"name": "Wordle",
"short_name": "Wordle",
"theme_color": "#FFFFFF",
"background_color": "#FFFFFF",
"display": "minimal-ui"
}
このような場合は、Chrome でページを「手動」アプリとしてインストールする手動の方法があります。デスクトップ版の次のスクリーンショットでハイライト表示されています。ブラウザ ウィンドウの右上にあるその他アイコン > [保存と共有] > [ページをアプリとしてインストール] を選択します。インストール プロンプトで、アプリ名を任意の名前に変更できます。
モバイルの場合は、その他アイコン > [ホーム画面に追加] > [アプリをインストール] をタップします。
これは機能しますが、実際には検出されない可能性があります。そのため、Chrome チームは機械学習(ML)を活用したアプローチに投資しています。
機械学習に基づくインストール プロンプト
Android では、Chrome セグメンテーションを使用して、サイトの健全性に関する特性(有効なマニフェストの存在など)やユーザーのサイト訪問データ(過去 14 日間のサイト訪問の合計数など)などの一連のシグナルに基づいて、ユーザーが特定のページをインストールするかどうかを予測します。このデータは収集され、ユーザーがインストールする可能性が高い場合にインストール ダイアログをトリガーする ML モデルをトレーニングするために使用されます。サイトがインストール条件を満たしている場合、通常のインストール ダイアログが表示されますが、他のページには手動インストール ダイアログが表示されます。
初期の結果は、ユーザーが ML によってトリガーされたインストール プロンプトを受け入れていることを示しています。チームは、これまでに得られた経験を使用してモデルをさらに微調整し、ユーザーが希望するアプリをインストールできるようにする予定です。
パソコンとモバイルでショートカットを作成する
Chrome 128 以降では、[その他] [保存して共有] > [ショートカットを作成] を選択すると、ユーザーのデスクトップまたはホーム画面にブックマークが作成されます。これにより、Android の動作と同様に、新しいタブで特定のページが開きます。Android では、[その他] > [ホーム画面に追加] > [ショートカットを作成] を使用してショートカットを作成します。
デスクトップでのこのメニュー項目の以前の動作は、[Install Page as App] オプションに移動しました。このオプションでは、前述のように「手動」のアプリが作成されます。
まとめ
ユーザーはアプリを繰り返し使用します。ブラウザのタブで表示されることもありますし、スタンドアロン エクスペリエンスとして表示されることもあります。Chrome は、次のような方法でユーザーが目的を達成できるよう支援します。
- デベロッパーが豊富なインストール エクスペリエンスを作成できるようにします。
- デベロッパーがインストールを想定していなくても、ユーザーがアプリをインストールできるようにする。
- 再アクセスするページへのショートカットをユーザーが作成できるようにする。
- ユーザーが望んでいるのは、高い信頼性でインストールできるアプリを機械学習に基づいて事前に提案することです。
では、Wordle に戻りましょう。
Wordle 1,110 3/6
謝辞
このドキュメントは、Finnur Breki Thorarinsson、Ella Ge、Rachel Andrew がレビューしました。