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

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

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

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

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

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

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

推薦する

JavaScriptにおけるPromiseの使い方と注意点について(推奨)

1. 約束の説明Promise は、非同期操作の最終状態 (失敗または正常完了) とその結果の値を...

MySQLテクノロジーにおけるInnoDBロックの詳細な説明

目次序文1. ロックとは何ですか? 2. InnoDBストレージエンジンのロック2.1 ロックの種類...

HTML iframe と frameset の違い_PowerNode Java Academy

導入1.<iframe> タグ: iframe は、ページ内に内部フレームを生成するイン...

jQueryはショッピングカート機能を実装します

この記事の例では、ショッピングカート機能を実装するためのjQueryの具体的なコードを参考までに共有...

Linux でユーザーにルート権限を追加する方法の概要

1. ユーザーを追加します。まず、adduser コマンドを使用して共通ユーザーを追加します。コマン...

Windows Server 2016 に Docker をインストールするプロセスと発生した問題

前提条件Windows Server でコンテナーを実行するには、Windows Server (半...

Docker で ElasticSearch をデプロイする方法

1. ElasticSearch とは何ですか? Elasticsearch も Java で開発さ...

バントリストコンポーネントをスクロールしても、スクロールバーの位置は保持されます。

バントリストコンポーネントをスクロールするときに、スクロールバーの位置が保持されます。これは、kee...

メタタグのビューポートはデバイス画面のCSSを制御します

コードをコピーコードは次のとおりです。 <meta name="viewport&q...

Linux ディスク管理 LVM の使用

1. LVM の概要Linux ディスクを管理するときに、このような状況に遭遇することがよくあります...

流星効果を実現する JavaScript キャンバス

この記事では、JavaScriptキャンバスで流星の特殊効果を表示するための具体的なコードを参考まで...

Docker での FastAPI デプロイの詳細なプロセス

Docker 学習https://www.cnblogs.com/poloyy/p/15257059...

WebプロジェクトのDockerデプロイメントの実装

前回の記事では、docker サービスをインストールしました。引き続き、Web プロジェクトのデプロ...

mysql エラー 1045 (28000) - ユーザーへのアクセスが拒否される問題を解決する方法

問題の説明 (以下の説明は Windows 環境に限定されます): D:\develop\ide\m...

IE イメージ ツールバーを無効にする

IE6 で試してみたところ、ツールバーが表示されました。オプションに「イメージ ツールバーを有効にす...