デザイン

デザイン

【プッシュ通知でユーザの心をつかむ!】ブラウザ通知の基本マニュアル

141 views

専らブラウザ内で作動する好ましいアプリがますます増えてきていますが、私たちユーザーは新しいアクティビティの更新情報を得るのに、ブラウザ通知に頼り始めています。

 

本稿では、ウェブプッシュ通知の開発やデザインに関する最高の実践をお伝えします。

 

 

 

 

なぜプッシュ通知なのか?

browser①

プッシュ通知は携帯電話の機能として始まりましたが、最近ではウェブブラウザ上でも見られ始めてきています。

なぜでしょう?それは、ユーザーとビジネス双方にとって役立つものだからです。

 

オプトインまたはオプトアウト機能によって、ウェブプッシュ通知はユーザーがお気に入りのサイトを最新の状態に保ち、使用と関心をカスタマイズしたコンテンツを通してユーザーと関わる機会を提供しています。

ウェブ開発者やデザイナーがユーザーと繋がることができ、サイト全体のUXを押し上げることのできる主要なテクノロジーが2つあります:それはプッシュAPIと通知APIです。これらの補完的なAPIでもう少し詳細を見てみましょう。

 

 

 

プッシュAPI

プッシュAPIによって、ウェブサイトアプリケーションはいつでもサーバーが送信した通知にアクセスできます。これらのプッシュメッセージは、ウェブアプリに送られ、ユーザーのスクリーン上で通知APIを介して現れるデータを含んでいます。

プッシュAPIは、データを通知APIに届ける前に、サービスワーカーとアプリケーションサーバに繋がっています。

 

プッシュAPIの大きな利点は、ウェブサイトがオープンまたはロードの状態にかかわらず作動するところです。そして、プッシュ通知を受け取ったユーザーに関わるあなたの能力を最大化します。

更新や新しいコンテンツがある時、プッシュAPIによってユーザーはそのことに直ちに気づきサイトを訪れることが可能になります。サービスワーカーがブラウザ内に直接ダウンロードされ、バックグラウンドで絶えず走るからです。

 

 

 

どのブラウザが何をサポートするのか?

「Google Chrome」のクラウドメッセージングはウェブアプリと携帯電話向けに簡単に準備することができて、プッシュAPIの世界に入る最もわかりやすい手段の1つです。

 

「Firefox」にもプッシュAPIをもたらす能力があります。プッシュAPIを実現するテクノロジーは最近ではインターネット・エクスプローラー向けに開発されていますが、未だ「Microsoft」によるサポートは受けていません。「Safari」はプッシュ通知オプションを提供するために、ソフトウェア内で独自開発しています。準備には時間を要しますが、新しいウェブサイトはこの新技術を導入するべきです。

 

ブラウザ ブラウザ通知サポートがありますか?
Internet Explorer いいえ
Microsoft Edge はい
Firefox はい
Chrome はい
Safari はい
Opera はい
iOS Safari いいえ
Android Browser はい
Opera Mini はい

 

 

 

通知APIs

プッシュAPIとともに作動するAPIの機能は、閲覧しているユーザーまたは更新を申請したユーザーに具体的なメッセージを届けることです。いかなるレスポンスも捕え、プッシュAPIにこの情報を送り返します。

 

それらはエンド通知を届けるために、 相互に連結したウェブ内でサービスワーカーやプッシュAPIならびにあらゆる機能とともに作動します。ユーザーは通知APIが見えるように許可を与えなければなりません。デフォルトモード内で通知APIは自動構成されます。ユーザーによって選ばれ一度だけ許可された、ブラウザあるいはウェブアプリにおける通知アプリです。

 

プッシュ通知の全システムは、サービスワーカーの利用を前提に構築されます。メッセージがすぐに表示されるのを確実にするために、バックグラウンドで通知APIと絶えず通信することで、サービスワーカーも通知を見ることが可能です。メッセージが必要な時に、サービスワーカーはアプリケーションサーバから必要なデータを取り出します。これらのメッセージは一目につくものでなければなりません。一般的に人々は膨大な広告と通知に絶えず晒されているからです。

 

 

 

プッシュAPI/通知APIの最も有効な利用法

忘れないようにしてください:常にユーザー体験を優先しましょう。

「Google」も、プッシュ通知の最高の実践に関する「Google Doc」を発表しました。

 

それゆえ、ブラウザ通知はどんな形にせよサイトのためになるようにしなければなりません。新開発された通知機能を使用して、以下のフォーマット内でユーザーと交流する最も効率的な方法であると私たちは考えています:

 

  • ・マーケティング-新製品が出るのですか?カスタマーに知らせるために通知を送りましょう。
  • ・ウェブサイトのアップグレード-魅力的な通知を通してできるだけ早く新機能を見せびらかしましょう。ターゲット市場についても知っておいてください。
  • ・リマインダー-カスタマーが製品やイベントに関心を示したなら、再び彼らの興味を引くために定期的なリマインダーを送りましょう。
  • ・センシティブなメッセージの配信時期-特価オファーや値下げなどを数秒で配信し、読んだりクリックしたりすることができます。
  • ・わかりやすく短いコピー-何を伝えていても、それがユーザーの関心を引くように上手く書かれていることを確認しましょう。
  • ・タイムゾーンを忘れないように-通知が世界中にいるユーザーにとって適切な時間に届いているということを確認しましょう。

 

画期的なテクノロジーの出現はいつも刺激的です。ブラウザ通知はウェブ全体に実行されていますが、今後数か月、数年の間に必要とされる変化や改善点が未だに残っています。

 

特にブラウザは、サービスワーカーとAPIへの対処法を更新していくでしょう。それでも、あなたの次のウェブサイトのためにこのモバイルベースのテクノロジーを試用して、増加したユーザーエンゲージメントスタットや高度な使用、いかなるビジネスや開発者にとっての目標においても、クライアントが感嘆するようなものを私は提案します!

 

 

 

 

※本稿は 氏による 「Best Practices on Browser Notifications」を翻訳・再編集したものです。

関連記事

おすすめ記事