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

ポータルサイト再設計のユーザーエクスペリエンス
<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の関数知識についての簡単な説明

推薦する

Dockerのローカルイメージ作成方法の分析

コンテナと呼ばれるものは、実際には親イメージに基づいて読み取りおよび書き込み可能なファイル階層を作成...

VMware 仮想マシンのネットワークの問題の解決方法

目次1. 問題の説明2. 問題解決1. 仮想マシンシステムのインストール時にネットワークがない場合2...

yum インストールエラーの問題を解決する 保護されたマルチライブラリバージョン

現在、クラウドサーバーに nginx をインストールする際、最初に zlib などの依存ライブラリを...

JavaScriptは双方向リンクリストプロセス分析を実装します

目次1. 二重連結リストとは何か2. 双方向リンクリストのカプセル化3. 双方向リンクリストの一般的...

HTMLファイルで外部CSSファイルを導入する場合のパスの書き方について簡単にまとめます

1. 外部CSSファイルの基本スタイルをインポートする<link> タグを使用して外部ス...

MySQLのunion allとunionの違いを簡単に理解する

Union は、重複行を除外し、デフォルトのソートを実行する、データに対する結合操作です。Union...

PIP で docker-compose をインストールする際のタイムアウト問題の解決方法

1: インストールコマンドpip install docker-compose例外情報socket....

Linux カーネル デバイス ドライバーのメモリ管理に関する注意事項

/************************ * Linux メモリ管理 *********...

MySQL が重複データを挿入するのを防ぐ 3 つの方法

新しいテーブルを作成する テーブル「人」を作成します( `id` int NOT NULL COMM...

左右の幅を固定し、中央の幅を適応させたHTMLレイアウトのソリューションの詳細な説明

この記事では、次のように、誰にでも共有できる左右幅固定のミドルアダプティブ HTML レイアウトソリ...

Ubuntu 18でターミナルを美しいコマンドラインプロンプトに変更する方法

VMware と Ubuntu を再インストールしましたが、コマンドラインプロンプトが単調すぎて美し...

MySQLのスイッチングデータ保存ディレクトリの実装方法

MySQLのスイッチングデータ保存ディレクトリの実装方法今日、仕事中に、mysql が保存されている...

スキン効果を実現するJavaScript(背景の変更)

この記事では、スキン変更効果を実現するためのJavaScriptの具体的なコードを参考までに紹介しま...

MySQLからElasticsearchにデータを同期する方法の詳細な説明

目次1. 同期の原理2. ログスタッシュ入力JDBC 3. go-mysql-elasticsear...

IE6/IE7/IE8/IE9/FF 向け CSS ハック (概要)

IE8.0の正式版をインストールしたので、基本的なCSS HACKをいくつかまとめてみました。We...