ポップアップはすべて不正なものではありません。ウェブサイトのポップアップをデザインするためのヒント

ポップアップはすべて不正なものではありません。ウェブサイトのポップアップをデザインするためのヒント
すべてのポップアップが不正なわけではない 123WORDPRESS.COM
ポップアップニュースは国内のインターネットサービスでは一般的であり、リアルタイムプッシュ方式はウェブサイトのカバレッジを拡大するのに非常に効果的です。分散型 Web 2.0 時代では、この「プッシュ」方式はウェブサイトに継続的にトラフィックをもたらすことができますが、ユーザー エクスペリエンスの観点からは予測不可能で非常に混乱を招くため、多くのユーザーに嫌われ、「不正な」動作と見なされることがよくあります。
しかし、すべてのポップアップが歓迎されないものだと考えているなら、それは間違いです。
ウォール・ストリート・ジャーナルのデジタル版は先月、ポップアップ・ウィンドウという新機能をひっそりと導入した。すべてのポップアップと同様に、画面の右下隅に表示され、リアルタイムの市場状況が表示されます。小さなポップアップスペースには複数のタブが含まれており、読者はさまざまな市場の株価動向や指数を確認できます。
現時点での視点から見ると、ウォール・ストリート・ジャーナルのポップアップ効果はかなり良好です。ニーマンジャーナリズムラボによれば、この機能は開始後わずか3週間で25,000人から200,000回のPVを獲得したという。さらに重要なのは、このサービスの粘着性が非常に高いことです。
「興味深いのは、平均的な読者がこのサイトに費やす時間は15分近くで、サイトを閲覧するとなるとおそらくその2倍になるということだ」とウォール・ストリート・ジャーナルのデジタル版編集長ラジュ・ナリセッティ氏は語った。「一部の人が突然、ずっとこのサイトを見つめるようになったと言っているわけではないが、一部の人にとってこの形式が理にかなっているのは事実だ」
では、なぜウォール・ストリート・ジャーナルのデジタル版のポップアップはこれほど好評を得ているのでしょうか。ポップアップの不快感は避けられないため、不快感によって生じるユーザーの否定的な感情を軽減するには、コンテンツとパーソナライゼーションの観点から問題を解決するしかありません。警告なしに表示されるポップアップに加え、ニュースの内容が気に入らないため、多くのユーザーはためらうことなくポップアップを閉じます。たとえば、多くのポップアップ メッセージは非常に重要ですが、多くの人はそれらに興味を持っていません。これは不正確な位置決めによって発生します。
平凡な内容のポップアップ ウィンドウのほとんどとは異なり、ウォール ストリート ジャーナルのポップアップ ウィンドウには非常に豊富なデータが含まれており、リアルタイムで更新されます。最も重要なのは、そのターゲット ユーザーである投資家、企業幹部、金融業界の人々からの強い需要です。Raju Narisetti 氏が言うように、「市場と市場データを通じて世界を見る人々のグループがあります。」さらに、コンテンツのカスタマイズ性も差別化を超えており、ユーザーは個人のニーズに応じて「マイ マーケット」ビューをカスタマイズできます。次に、ユーザーにはポップアップ ウィンドウのサイズを設定するオプションが提供されます。
ポップアップ ウィンドウには、「干渉」と呼ばれる不正な種類のものがあり、また、「通知」と呼ばれるツールの種類のポップアップ ウィンドウもあります。
Sina Weibo のウェブ版は先週、Olympic Express のポップアップ機能を開始しました。これは、ウォール ストリート ジャーナルのポップアップ ウィンドウと同じくらいリアルタイムです。しかし、このポップアップ ウィンドウはユーザーのデスクトップにどれくらい長く表示されるのでしょうか?
タイトル画像提供: CAIVP

<<:  CSS を使用して HTML フォーム コントロールを美しくする詳細な例 (フォームの美化)

>>:  divの適応高さは残りの高さを自動的に埋めます

推薦する

Dockerコンテナでアプリケーションサービスを自動的に起動する方法の例

コンテナの起動時に Docker コンテナ内のアプリケーション サービスを自動的に起動する場合。 D...

ドラミング効果を実現するJavascript

この記事では、ドラミング効果を実現するためのJavascriptの具体的なコードを参考までに紹介しま...

ブラウザの自動フォーム入力によるウェブページのスタイル損失の原因の分析と解決

バックエンドからフロントエンドまで、なんと悲劇なのでしょう。他の人の CSS を自分の jsp We...

シェルスクリプトを使用して Docker サービスを一括で開始および停止する

目次Dockerを起動するDockerを停止するPython 呼び出しスクリプト最近、日々のテストで...

MySQL の組み込み関数 find_in_set を使用した効率的なあいまい検索の詳細な説明

一般的に使用される方法は次の 4 つです。 1.locate()メソッドを使用する一般的な使用法: ...

docker-compsoe を使用してフロントエンドとバックエンドを分離したプロジェクトをデプロイする方法

事前に言っておくDocker を使用すると非常にシンプルなデプロイメント環境を実現できることは誰もが...

Vueアイコンセレクターのサンプルコード

出典: http://www.ruoyi.vip/ 'vue' から Vue をイン...

フォーム送信の更新ページはソースコード設計にジャンプしません

1. ソースコードの設計コードをコピーコードは次のとおりです。 <!DOCTYPE html ...

Linux で mysql-8.0.20 をインストールするための詳細なチュートリアル

** Linuxにmysql-8.0.20をインストールする**環境の紹介オペレーティングシステム:...

MySQLユーザー権限テーブルについての簡単な説明

MySQL はインストール時に自動的に mysql という名前のデータベースを作成します。mysql...

vue-router を遅延ロードする 3 つの方法のまとめ

遅延読み込みを使用しない 'vue' から Vue をインポートします。 '...

Linux での rpm、yum、ソースコードの 3 つのインストール方法の詳細な紹介

第1章 ソースコードのインストールRPM パッケージは特定のシステムとプラットフォームに応じて指定さ...

ByteDance インタビュー: JS を使用して Ajax 同時リクエスト制御を実装する方法

序文正直に言うと、最近とても混乱していると感じています。テクノロジーと人生について。また、将来の発展...

独立した IP を介して Windows コンテナ イントラネットの Docker に直接アクセスする方法

Docker では、ポート マッピングを使用して、Docker コンテナーのサービスをホスト マシン...