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

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

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

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

推薦する

PXEを使用してCentOS7.6を自動的にインストールする方法の詳細なチュートリアル

1. 需要ベースには 300 台の新しいサーバーがあり、CentOS7.6 オペレーティング システ...

最も完全なpackage.json分析

目次1. 概要2. 名前フィールド3. バージョンフィールド4. 説明フィールド5. キーワードフィ...

Vue Elementのテーブルコンポーネントをカプセル化する方法

Vue コンポーネントをカプセル化する場合でも、機能コンポーネントをクロスファンクショナルに使用しま...

フロントエンドのパフォーマンス最適化 - フロントエンドエンジニアが話し合うべき問題点

はじめに<br />前回の記事「私の CSS アーキテクチャ コンセプト」では、公園で友...

CentOS 8にdockerをインストールする最も詳細な方法

CentOS 8にDockerをインストールする公式ドキュメント: https://docs.doc...

JavaScript でドラッグ スライダー パズルの検証機能を実装します (html5、canvas)

導入:スライダー ドラッグ検証は現在、多くの場所で使用されています。週末に 1 つ作成しようと思い、...

MySQLデータベースの圧縮バージョンのインストールと設定に関する詳細なチュートリアル

目次1. MySQLをダウンロードする2. 圧縮パッケージを解凍する3. MySQLを初期化する4....

初心者向けの一般的な Linux システムコマンドの完全なリスト

Linux コマンドの学習は、ほとんどの初心者にとって最大の障害です。今日は、Linux システムで...

高度な JavaScript フロントエンド開発でよく使用されるいくつかの API の例の詳細な説明

目次ミューテーションオブザーバーAPI特徴インターセクションオブザーバーAPI例えば画像の遅延読み込...

vscodeで保存した後のHTML自動フォーマットの問題を解決する

vsCode のバージョンは最近更新され、現在のバージョン番号は 1.43 です。実際、vsCode...

Centos7 esxi6.7 テンプレートの実際のアプリケーションの詳細な説明

1. Centos7.6システムを作成し、システムを最適化する1. NetworkManagerをオ...

GoogleとFacebookがDockerを使わない理由

この記事を書いた理由は、修正した分散 PyTorch プログラムを Facebook のクラスター上...

IDEA で Docker プロジェクトをデプロイする手順

現在、ほとんどのプロジェクトが Docker 上にデプロイされ始めていますが、デプロイのプロセスはま...

Webデザインチュートリアル(7):Webデザインの効率化

<br />前の記事:Webデザインチュートリアル(6):デザインへの情熱を持ち続けまし...

Linux自動ログイン例の説明

インターネット上には、expect を使用して自動ログインを実現するスクリプトが多数存在しますが、明...