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

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

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

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

推薦する

nginx がドメイン名アクセス用に設定されている場合にドメイン名の後に 2 つのスラッシュ // が表示される問題の解決方法

最近、個人のウェブサイトを書き直しました。Alibaba Cloudで新しいサーバーを購入しました。...

メタを使用してトラフィックキャッシュをキャンセルし、ページにアクセスするたびにページを更新して簡単にデバッグできるようにします。

コードをコピーコードは次のとおりです。 <!-- ブラウザがローカル キャッシュからページにア...

Linuxはiptablesを使用して複数のIPからのサーバーへのアクセスを制限します

序文Linux カーネルでは、netfilter は、パケット フィルタリング、ネットワーク アドレ...

Linux で 1 つのファイルの内容を別のファイルの末尾にコピーする

問題の説明:たとえば、ファイル 11 の内容は次のとおりです。こんにちはファイル22の内容は次のとお...

Nginx でファイル ホットリンク保護サービスを構築する方法を学ぶ例

序文多くのサイトが、ポイントやゴールドコインなど、情報のダウンロードに料金を請求していることは誰もが...

Vue の動的コンポーネントと非同期コンポーネントの詳細な理解

1. 動的コンポーネント <!DOCTYPE html> <html> &l...

IDEA2021 tomcat10 サーブレットの新しいバージョンの落とし穴

私が学習していたときに使用していたバージョンは比較的新しいものであり、インターネット上のチュートリア...

HTML テーブルタグチュートリアル (20): 行の背景色属性 BGCOLOR

BGCOLOR 属性を使用して、行の背景色を設定できます。基本的な構文<TR BGcolor...

MySQL ストアド プロシージャの作成と呼び出しの詳細な説明

目次序文ストアドプロシージャ: 1. ストアドプロシージャの作成と呼び出し1. ストアドプロシージャ...

WIN2008 サーバーのコマンド ラインを使用して IIS7 コンポーネントをインストールおよびアンインストールする方法

注意: .NET FrameWork はコア モードで実行できないため、コア インストール モードの...

Node.js管理ツールnvmの詳細なインストール手順

いいえnvmはnodejsの複数のバージョンを管理する役割を担っています。インストール: https...

Vue での ElementUI の使用に関する詳細な説明

ログイン + セッションストレージエフェクト表示ログインに成功すると、ユーザー ID がフロントエン...

Docker に MySQL と Redis をインストールする方法

この記事はCentOS 7.3システム環境をベースに、MySQLとRedisのインストールと使用につ...

vmware14Pro で Ubuntu システム インターフェイスが小さすぎる問題の解決方法の詳細な説明

1. 動作環境vmware14proウブントゥ 16.04LTS 2. 問題の説明vmware14P...