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

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

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

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

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

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

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

推薦する

単純なCSSの詳細に惚れ込むと、重要ではないものの、効率性が向上する可能性がある

CSS の将来は非常に楽しみです。一方では、まったく新しいページ レイアウト方法であり、他方では、ク...

Dockerコンテナの原理の分析

目次01 コンテナの本質とは何か? 02 Cgroupテクノロジーと名前空間テクノロジーの概要03 ...

Dockerにおけるコンテナとイメージの違いについてお話ししましょう

鏡とは何ですか?イメージは、複数のイメージ レイヤー (UnionFS および AUFS ファイル ...

ユーザー エクスペリエンス デザイナーとは誰ですか?

怖いですね! 写真の翻訳: (内側から外側へ)最初のレイヤー:ユーザーエクスペリエンス第2層:コンテ...

JavaScript キャンバス テキスト クロック

この記事では、テキストクロックを実装するためのキャンバスの具体的なコードを例として紹介します。具体的...

Vue ユニットテストに推奨されるプラグインと使用例

目次フレーム最高レベルのエラー報告活発なコミュニティとチーム冗談モカ推奨プラグインVue テストライ...

CSS で 2 列レイアウトを実現する N 通りの方法

1. 2 列レイアウトとは何ですか? 2 列レイアウトには、左側が固定幅で右側が適応幅のレイアウトと...

MySQLとNavicatプレミアムのインストールと設定の詳細な手順

前提条件: Mac、zsh がインストールされ、bash のときに mysql がダウンロードされ、...

MySQL オンラインリカバリ UNDO テーブルスペース 実戦記録

1 MySQL5.6 1.1 関連パラメータMySQL 5.6 では、innodb_undo_dir...

CSS スタイルで一般的なグラフィック効果を示すサンプルコード

一般的な基本グラフィックと私が遭遇するいくつかの小さなアイコンについて簡単に説明します。以下は CS...

MySQL のインデックスにおける NULL の影響についての詳細な説明

序文私は多くのブログを読み、弊社の DBA を含む多くの人々が、MySql では列に null が含...

同じ日の最初の3つのデータを取得するためのMySQLタイムラインデータ

テーブルデータを作成する テーブル `praise_info` を作成します ( `id` bigi...

JavaScript の寄生的構成継承についての簡単な説明

コンポジション継承組み合わせ継承は、疑似古典的継承とも呼ばれます。これは、昨日説明したプロトタイプ ...

ウェブデザイン研究における XHTML の応用の概要

<br />一般的に、「標準的な Web ページ」のファイル構成は XHTML CSS ...

MySQL データベースのマスター スレーブ分離のサンプル コード

導入MySQL データベースの読み取りと書き込みの分離を設定すると、データベースに対する書き込み操作...