コンテンツウェブページの画像プレビューのデザイン

<br />以前、「コンテンツページ番号のプレビューナビゲーション」と「写真プレビューナビゲーションの分析」という2つの記事を書きました。ここで説明したいのは、プレビュー機能がユーザーの頭の中で大きな割合を占めているということです。リンクのタイトルとして連番の列だけを与えると、ユーザーは不安を感じてしまいます。
連番の列をリンクとして提供するというのは、インターネット全体のページングリンクのほぼデフォルトのモードですが、これによってもユーザーの心理的な安心感は無視され、通常であれば無視できる隠れた要素となります。しかし、これらの隠れた要因が、特定の状況下で特定の事柄によって引き起こされた場合、被害は拡大し、最終的には激しい闘争に発展する可能性があります。
この数字だけのナビゲーションにプレビュー機能が追加されれば、ユーザーは次にどんなコンテンツがポップアップするかを推測する必要がなく、心理的にも自然と安心感を覚えるでしょう。プレビューにより、ユーザーは次に見るページの大まかな内容を事前に知ることができます。特に写真ニュースの場合、ページネーションリンク上の写真プレビュー機能は、ユーザーに優れたユーザーエクスペリエンスをもたらします。ユーザーはプレビューナビゲーションを通じてニュース写真セット全体のおおよその内容を知ることができ、読むのをスキップするか、直接読むのを終了するかを選択できるからです。そうすることで、ウェブサイトのPVが多少失われる可能性はありますが、長期的なユーザーを育成する上で、間違いなくより有益です。
これでは神秘性が失われるという人もいるかもしれないが、私が言いたいのは、安心感に比べれば神秘性がユーザーの心の中で占める割合は小さいということだ。特にニュース情報コンテンツの場合、神秘性がユーザーの心の中で占める割合はさらに小さい。ニュースコンテンツは情報の関連性を追求します。コンテンツが長すぎてページ数が多い場合は、情報の一貫性も追求します。 1ページ目で都市の人々の暮らしについて取り上げ、2ページ目で突然豚の体重がどのくらい増えるかを取り上げているニュースは見たことがありません。これらはまったく異なる2つの情報トピックです。一緒に取り上げなければならないとしたら、それは誤認の良い例です。なぜなら、「張」と「李」はどちらも百姓姓であり、「人」と「豚」はどちらも動物だからです。

多くのウェブサイトでは、コンテンツページが長く、ページ分けが必要な画像があります。このように、画像に次のページへのリンクを追加します。これにより、大量のコンテンツから次のページへのリンクを探す手間が省けるだけでなく、「次のページ」リンクがクリックされる可能性も高まります。
エンターテイメントニュースには、テキスト情報よりも多くの画像が含まれます。エンターテイメントニュースがまず行うべきことは、テキストを使用してユーザーに衝撃を与えるのではなく、視覚的にユーザーの目にインパクトを与えることです。複数の写真が含まれることが多い芸能ニュースの場合、ページ分割表示は当然ながら良い方法です。ページの読み込み速度が速くなり、ページのクリック数も増えます。一石二鳥なのは間違いありません。
テンセントエンターテインメントのニュースコンテンツページでは、常に画像をクリックして次のページに進む方式を採用しています。数字をクリックして次のページに進むよりも優れたユーザーエクスペリエンスをもたらしますが、使用中に後悔することは避けられません。たとえば、あるニュースのタイトルが「新華社のスターがXYZ賞授賞式で注目を集める」なので、タイトルをクリックしてコンテンツページに移動しましたが、最初のページの写真はその「新華社のスター」ではなく、ニュースコンテンツ全体が10ページ以上に分かれていることがわかりました。この「新華社のスター」の写真がどのページにあるかを知るにはどうすればよいでしょうか。「ある星」が目に入ったので入りました。他の星には興味がありません。どうすればいいですか？私にはページを1ページずつめくるしか選択肢がありませんでした。運が良ければ最初の数ページで見つけられるかもしれませんが、運が悪ければ、欲しい写真を見るために最後から2番目のページまでめくらなければならないかもしれません。最終的に自分の望んでいた目標を達成しましたが、それを達成する過程で後悔したことはありますか？
今日、テンセントエンターテインメントの写真ニュースコンテンツページの一部が変更されたことに気付きました。写真をクリックして次のページに進むだけではなく、ニュースコンテンツページに写真プレビューナビゲーションが追加されました。これで、前述の後悔は解消されました。数十ページの中から気に入ったコンテンツページを見つけるために、ページごとに目を通す必要がなくなりました。
ただし、この画像プレビューナビゲーションは完璧ではありません。画像をクリックするたびに、ページにジャンプしてしまうからです。現在の画像グループにまだ見たいコンテンツがない場合は、次のグループをクリックして、必要なコンテンツがあるかどうかを確認する必要があります。
このコンテンツページの画像プレビューナビゲーションをアルバムと同じプレビューナビゲーションにできれば、さらに完璧になります。

<<: MySQLデータベースに中国語の文字を保存するときに発生するエラーを解決する方法を教えます

>>: CSS ロリポップを描くサンプルコード

コンテンツウェブページの画像プレビューのデザイン

JavaScriptはフォームデータの非同期取得を実装します

Mysql 8.0 のインストールとパスワードのリセットの問題

Ubuntu に MySQL 5.7 をインストールし、データストレージパスを構成する方法

Vue-cliはプロジェクトを作成し、プロジェクト構造を分析します

Reactの仮想DOMとdiffアルゴリズムの詳細な説明

MySQL でテーブルを作成するときの NULL と NOT NULL の使用方法の詳細な説明

JavaScript での HTML キャンバスとページストレージテクノロジの使用に関する詳細な説明

Docker のポート解放失敗の解決策

MySQLのバックアップとリカバリの詳細な説明

推薦する

.Htaccess を使用して、Web サイトへの悪意のある IP 攻撃を防ぎ、指定されたドメイン名へのアクセスを禁止し、マシンクローラーを禁止し、ホットリンクを禁止します。

Vueタブとキャッシュページを切り替えるいくつかの方法

クラスタrpmを使用してMySQLをインストールするための詳細な手順

Linux カーネルデバイスドライバー高度な文字デバイスドライバーのメモ

CentOS 8 カスタムディレクトリインストール nginx (チュートリアルの詳細)

DockerコンテナでPythonを実行するディープラーニング環境を構築する方法

Vue が値を返してフォームを動的に生成し、データを送信する仕組みの詳細な説明

Nginx で WordPress 擬似静的を設定する方法の例

VUEをベースにしたシンプルな学生情報管理システムの実装

Dockerの国内イメージソースを変更する方法

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

JavaScriptの強力な演算子をいくつか見てみましょう

あなたを救うために、私のテーブルは何を使えばいいでしょうか (Haiyu Blog)

CSSボックスモデルの紹介を読めば、混乱することはなくなるでしょう

MySQL データベースでは、datetime、bigint、timestamp を使用して時間の選択を表します。時間を保存するのに最も効率的なのはどれですか?