ポータルサイト再設計のユーザーエクスペリエンス

ポータルサイト再設計のユーザーエクスペリエンス
<br />2006年10月12日のNetEaseの新ホームページの公開から、2008年1月15日のTOM.COMの新ホームページの大幅な構造変更、2008年3月25日のTencentのより若くファッショナブルな新ホームページの公開まで、そしてSinaはTencentに続いて、4月1日のエイプリルフールにホームページリニューアルの仲間入りをしました。3か月後の7月1日には、テクノロジーを基盤としたアプローチで常に「中国最大のポータルサイト」を標榜してきたSohuもホームページを調整しました。そして最後に、7月9日にはYahoo ChinaがAlibabaファミリーに加わってから最大のホームページ変更を完了しました。
過去6か月間、国内の総合ポータルは次々とホームページを調整し、変更してきました。戦略的な意図の変更、流行のトレンドへの追従、その他の理由にかかわらず、ポータルがホームページを改訂する目的は1つだけ変わりません。それは、より多くのユーザーを引き付け、より多くのユーザーを維持することです。
改訂後のポータルの新しいホームページは、UI とインタラクションの両面で旧バージョンに比べて改善されています。ポータルの新しいホームページは、ユーザーにより良いサービスを提供する方向に進んでいます。

1. NetEase の新しいホームページは 2006 年 10 月 12 日に公開されました。これは中国で最も早く改訂された総合ポータルであり、2008 年に改訂されたポータルのホームページとは多くの点で異なります。これらの総合ポータルの中で、NetEase の新しいホームページは、解像度 800*600 の狭画面時代をまだ維持している唯一のものです。他のポータルは、新しいホームページの幅を広げることを選択しました。Yahoo China は以前、ユーザーが広い画面と狭い画面を切り替えることを可能にしていましたが、この機能は新しいホームページでは保持されず、広い画面が直接採用されました。ワイドスクリーンは、同じコンテンツを維持しながらホームページ画面全体の高さを縮小するのに最適な方法です。
2. テンセントのホームページのデザイン変更によってもたらされた最大の変化は、そのファッショナブルなUIや疑似ワイドスクリーンではなく、ホームページのニュースタイトルのフォントサイズの増加です。NetEaseやTOM.COMの「小さなフォント」と比較すると、テンセントの「大きなフォント」はより読みやすいです。フォントサイズを大きくする機能は、テンセント以降に改訂されたポータルでも人気を博した。Sina、Sohu、Yahoo Chinaはいずれも、自社のページでニュースの見出しのフォントサイズを大きくした。しかし、捜狐の新しいホームページのフォントサイズは非常に奇妙に扱われています。同じニュースのタイトルでもフォントサイズが異なり、明らかに視覚的な混乱を引き起こしています。
3. 私はSinaとSohuのホームページがあまり好きではありません。レイアウトによってコンテンツが肥大化しているように見えることに加え、すべてのニュースタイトルに下線が引かれており、一見すると画面全体が下線で埋め尽くされているのも大きな理由です。リンク付きのテキストに下線を引くのは、ブラウザのデフォルトのレンダリング スタイルであり、ネットユーザーの頭の中ではデフォルトのリンク スタイルでもあります。しかし、ホームページのニュースの見出しへのリンクには下線を付ける必要があるのでしょうか?テキストが埋め込まれたメッセージ内のリンクに下線が付いていると、他のコンテンツへのリンクがあることをユーザーに思い出させる役割を果たします。しかし、ホームページ上のテキストは基本的にニュースの見出しであり、ホームページ全体のテキストは基本的にリンクです。下線はそれらを思い出させるものではなく、むしろ視覚的に疲労感をもたらします。
4. TOM の戦略の変更により、TOM.COM の新しいホームページは、間違いなく多くのポータルの中で最も変更されたものになります。

<<:  MySQLがブール型を返すいくつかの状況について簡単に説明します。

>>:  Pythonの関数知識についての簡単な説明

推薦する

カルーセルカルーセルケースのJS実装

この記事の例では、カルーセルカルーセルを実装するためのJSの具体的なコードを参考までに共有しています...

MySQL で削除されたレコードが有効にならない理由のトラブルシューティング

オンライン MySQL トランザクションの問題の記録先週の金曜日、大きなテーブルを削除する操作を実行...

MySQL 8.0 オンライン DDL クイック列追加の概要

目次問題の説明MySQLオンラインDDLで列を追加する従来の方法01 コピー方法02 インプレースメ...

テーブル切り替えのための JavaScript プラグインのカプセル化

この記事では、テーブル切り替えプラグインを実装するためのJavaScriptのカプセル化コードを参考...

初心者向けMySQLシリーズチュートリアル

目次1. 基本概念と基本コマンド1) 基本的な概念2) 基本コマンド2. SQL文の記述順序と実行順...

MySQL トリガーの追加、削除、変更、クエリ操作の例

この記事では、例を使用して、MySQL トリガーの追加、削除、変更、およびクエリ操作について説明しま...

HTMLタグのtarget属性の使用法

1: <a> タグを使用してページにリンクする場合、target 属性の役割は誰もが知っ...

要素 el-button ボタンコンポーネントの使用の詳細な説明

1. 背景ボタンは非常によく使われており、Element のボタン機能は非常に包括的です。この記事で...

Dockerfileの指示と基本構造の説明

Dockerfile を使用すると、ユーザーはカスタム イメージを作成できます。基本構造Docker...

JavaScript におけるシリアル操作と並列操作

目次1. はじめに2. es5メソッド3. 非同期関数のシリアル実行4. 非同期関数の並列実行5. ...

MySQL準備原理の詳細な説明

準備のメリットPrepare SQL が生成される理由。まず、MySQL サーバー上で SQL を実...

CentOS 7 に Docker 1.8 をインストールする詳細な手順

Docker は、次の CentOS バージョンでの実行をサポートしています。 • CentOS 7...

CentOS7 から CentOS8 にアップグレードする方法 (詳細な手順)

この記事では、具体的な例を使用して、CentOS 7 から CentOS 8 にアップグレードする方...

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

序文:前回の記事では、さまざまな MySQL ステートメント構文の使用法とユーザー権限に関する知識を...

MySQLデータベースを別のマシンに移行する方法の詳細な説明

1. まず、移行サーバー上のデータ ファイルを見つけます。MySQL 5.7 とデフォルトのインスト...