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

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

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

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

推薦する

タグ li はブロックレベル要素ですか?

なぜ高さを設定できるのでしょうか。<h1 /> などの要素とは異なり、「セミインライン」...

JavaScript進捗管理の詳しい説明

目次序文質問原理テスト序文プログラムを作成するときに、読み込みの進行状況やアップロードの進行状況など...

CSS3 でテキストの点滅効果を実現する 3 つの方法 サンプルコード

1. 透明度を変更してテキストを徐々に点滅させると、次のような効果が得られます。 <!DOCT...

PXEを使用してLinuxシステムを自動的に展開する方法

目次背景DHCPの設定DHCP ファイル (動的ホスト構成プロトコル) の編集tftp 設定sysl...

Vue Element フロントエンドアプリケーション開発 従来の Element インターフェースコンポーネント

目次1. リストインターフェースとその他のモジュールの表示処理2. 従来のインターフェースコンポーネ...

Vueカスタムカプセル化ボタンコンポーネント

Vueボタンコンポーネントのカスタムカプセル化コードは参考用です。具体的な内容は次のとおりです。ボタ...

JavaScript 変数の昇格についての簡単な説明

目次序文1. どのような変数が促進されますか? 2. 可変プロモーションがあるのはなぜですか? (1...

Dockerコンテナのネットワークポート設定プロセスの詳細な説明

ネットワークポートの公開実際、Docker にはネットワーク ポートの公開に関わる 2 つのパラメー...

イメージの起動時にdocker runまたはdocker restartが自動的に終了する問題を解決します

コマンドを実行します: docker run --name centos8 -d centos /b...

メタタグを簡単に説明すると

META タグは、一般的に タグと呼ばれ、HTML Web ページのソース コード内の重要な HTM...

数字当てゲームを実装するための純粋なJavaScript

100 以内の自然数をランダムに選択し、プレイヤーに 10 ラウンド以内にその数を推測させる数字推...

React 合成イベントの説明

目次入力ボックスをクリックして開始します拡張機能入力ボックスをクリックすると複数のイベントが発生しま...

Linux で特定のユーザーまたはユーザー グループに対して SSH を有効または無効にする方法

会社の基準により、特定のユーザーだけに Linux システムへのアクセスを許可することができます。あ...

MySQL デュアルマシン ホットスタンバイ実装ソリューション [テスト可能]

目次1. コンセプト2. 環境の説明3. マスタースレーブホットスタンバイ実装1. コンセプト1. ...

ロンボク実装 JSR-269

序文導入Lombok は、Google Guava と同様に便利なツールであり、強くお勧めします。す...