ウェブページコンテンツの閲覧設計手法に関する議論

ウェブページコンテンツの閲覧設計手法に関する議論
<br />コンテンツ ページの記事の場合、記事が長すぎる場合やカテゴリ (ランキング) がある場合は、ページ区切りで読むのが間違いなく最適な選択です。
小説など、記事の内容に分類が関係ない場合は、内容に一貫性があり、途中の内容を飛ばして次の内容を直接読むことは考えにくいため、ページ番号は通常どおり表示できます。

しかし、記事の内容に分類が含まれる場合はどうなるでしょうか?例えば、非常に一般的なデジタルランキングには、記事コンテンツの分類(ランキング)が含まれます。このとき、ページ番号の付け方を変更したり、ページ番号のコンテンツプレビューを追加して表示することを検討する必要がありますか?

ランキングなどのコンテンツは、実際には完全かつ独立したコンテンツページで構成されているため、1位と2位は2つの完全かつ独立した存在であり、このランキングのためにまとめられているだけです。2位を飛ばして3位の情報を直接確認しても問題ありません。

上の写真のように、記事全体が完結しているように見えますが、中身はさまざまなカテゴリーに分けて読むことができます。
このページ番号の下にコンテンツ プレビュー ナビゲーションがない場合、ユーザーはこの記事に表示されているコンテンツをどのようにして知ることができるでしょうか?ユーザーはコンテンツをページごとにしか閲覧できないため、受動的な状態になります。
しかし、ページ番号の下にこのようなコンテンツプレビューナビゲーションがあると、ユーザーにもたらされる読書体験はまったく異なります。このような完全かつ明確なプレビューナビゲーション構造により、ユーザーは全文を読まなくても、記事で紹介される内容を事前に理解できます。このプレビューナビゲーションを見ると、ユーザーはその記事が自分にとってまだ興味深いものかどうかを判断できます。同時に、すでに理解している内容や理解したくない内容をスキップして、興味のある部分に集中することもできます。
単にページ番号を並べただけのページナビゲーションに比べ、プレビューナビゲーションを配置したページは、より深い印象をユーザーに残します。ユーザーは「概要」の情報を飛ばして「本質」に直接進むことができるため、概要情報と抽出された情報によってユーザーに残る印象に大きな違いが生じます。
これは、RSS サブスクリプションが人気がある大きな理由でもあります。

<<:  CSS変数を使用して、クールで素晴らしいフローティング効果を実現します。

>>:  MySQL データベース分離レベルと MVCC の詳細な説明

推薦する

IDEA は MySQL への接続時にエラーを報告します。サーバーが無効なタイムゾーンを返します。タブに移動して serverTimezone プロパティを設定してください。

これからの道は常に困難で、棘だらけです。歯を食いしばって、乗り越えられると信じてください。さあ、さあ...

docker-maven-pluginプラグインは対応するjarパッケージを取得できません

docker-maven-plugin プラグインを使用する場合、Maven は対応する jar パ...

CSS で TikTok テキスト揺れエフェクトを実装する例

日々の開発において、フロントエンドの学生はアニメーションやデザインについてよく議論します。デザイナー...

Vue の computed と watch の違いを理解する方法

目次概要計算された監視プロパティを監視する要約する概要Vue プロジェクトでは、computed と...

case when文のエラー問題の詳細な説明

序文MySQL データベースでは、if else のような判断演算を使用することがあります。では、M...

Docker x509 の安全でないレジストリ問題を解決する

Docker をインストールした後、会社が構築したプライベート サーバー Harbor からプルしよ...

ウェブページの背景画像を伸ばす2つの方法

解決策は2つあります。 1つはCSSで、background-size:coverを使用して画像の伸...

Linux でプロセスを効果的に管理するための 8 つのコマンド

序文プロセス管理の役割:サーバーの健全性状態を判定する: プロセスの状態 (メモリ、CPU 占有率な...

Nginx ロケーション ディレクティブ URI マッチング ルールの詳細な概要

1. はじめにロケーション命令は、http モジュールのコア構成です。事前に定義された URL マッ...

既存のMySQLデータベースの文字セットを統一する方法

序文データベースでは、一部のデータ テーブルとデータは latin1 であり、一部のデータ テーブル...

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

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

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

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

MySQL5.7+ MySQL Workbenchのインストールと設定方法のグラフィックチュートリアル(MAC)

この記事では、主にMACオペレーティングシステムでのMySQL5.7とMySQLWorkbenchの...

MySQL テーブルを作成するためによく使用される SQL ステートメントの概要

最近、私はプロジェクトに取り組んでおり、背景を記述するために SQL ステートメントを使用する必要が...

Vue の 4 つのカスタム命令の説明と使用例

4つの実用的なVueカスタム指示1. Vドラッグ要件: マウスドラッグ要素アイデア:要素のオフセット...