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

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

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

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

推薦する

js を使用してネットワークカメラを呼び出し、一般的なエラーを処理します

最近、業務上の理由により、Web ページ上のさまざまなネットワーク カメラにアクセスしてデバッグする...

リフレッシュリダイレクトを実現する HTML ヘッドタグメタ

コードをコピーコードは次のとおりです。 <html> <ヘッド> <m...

CSS で overflow-y: visible; が機能しない理由の分析と解決

シナリオ最近の要件は、モバイル デバイス用の h5 ページです。これには、選択可能なカードの行が必要...

MySQLインデックスの詳細な分析

序文インデックスの選択はオプティマイザ段階の作業であることはわかっていますが、オプティマイザは万能で...

Windows 10 に MySQL 8.0.19 を zip 形式でインストールする詳細なチュートリアル

目次1.ダウンロード後、インストールしたいディレクトリに解凍します。 2. インストールディレクトリ...

MySQL 文字セットの文字化けとその解決方法

序文文字セットは、一連のシンボルとエンコード規則です。Oracle データベースでも MySQL デ...

CocosCreator 入門チュートリアル: TS で初めてのゲームを作る

目次前提TypeScript と JavaScriptコードエディタの選択TypeScriptを学ぶ...

MySQL 8.0 の新機能の分析 - トランザクション データ ディクショナリとアトミック DDL

序文トランザクション データ ディクショナリとアトミック DDL は、MySQL 8.0 で導入され...

Zabbixを使用してMySQLを監視する方法

Zabbix 導入ドキュメントzabbix導入後zabbixエージェントの操作1. MySQLを監視...

nginx を使用して http を https に変換するサンプルコード

最近、小さなプログラムを書いています。その小さなプログラムの公式ウェブサイトはhttpsを使用する必...

webpackが静的リソースキャッシュを実装する方法

目次導入複数の異なるハッシュを区別するハッシュチャンクハッシュコンテンツハッシュjs キャッシュの実...

ユーザーエクスペリエンスの要素またはWebデザインの要素

システムとユーザー環境の設計<br />Apple システムの成功は、そのシステム アー...

HTMLは正規表現を使用してテーブルの例をテストします

以下は、HTML で正規表現を使用してテーブルをチェックするサンプル コードです。具体的なコードの内...

Dockerオーバーレイはホスト間のコンテナ相互通信を実現します

目次1. Dockerの設定2. レジストリとネットワークを作成する3. コンテナを起動する環境説明...