表面的なウェブデザイン

表面的なウェブデザイン
<br />私はいつもYahooのウェブデザインが素晴らしいと信じてきました。しかし、このサイトよりも見栄えの良いウェブサイトはたくさんあるので、具体的な理由を述べることはできません。良いと思う理由は、世界最大のサイトであり、世界レベルのデザイナーが数え切れないほどいるからです。このようなデザインは、長年の蓄積の結果です。したがって、Yahoo のデザインに共感することは、実際には権威に対する盲目的な崇拝なのです。私たちの周りには同様のウェブサイトがたくさんあります。
2004年と2005年にウェブ標準化の考え方が中国に導入されたとき、私はウェブページのコード実装を本当に気にし始めました。以前は、Fireworks と Photoshop がこれらの作業に役立っていました。知識を深めるにつれて、Web デザインは、とても軽く、エレガントで、自由で、柔軟になり得ることがわかりました。このアイデアは、テーブル レイアウトを放棄することから始まりました。今回改めてYahooのサイトを見ると、その素晴らしさが改めて実感できます。

その後、Ajax の導入により、ユーザー エクスペリエンスという用語が業界で広まり始め、Web の実践者たちは新たなブレインストーミングを開始し、Web に対する理解は見た目の良さから使いやすさへと高まりました。今回改めてYahoo!を見てみると、今まで気づかなかった細かい部分が目に見えないところで便利さを提供してくれていることに気づき、デザイナーが一生懸命考えたデザインなのだと実感します。今、私が以前 Yahoo について理解していたことを振り返ってみると、それは実に表面的なものでした。
今のところ、ユーザー エクスペリエンスに対する理解はまだ表面的です。この用語はチャーハンと同じくらい一般的ですが、実際にそれを本当に理解している人はほとんどいません。そして、私はそれがデザイン後の修正だけだと誤解していたほどです。数日前まで、「ユーザー エクスペリエンスの要素」で提案されたユーザー エクスペリエンス モデルを見ていました。このモデルでは、ユーザーのニーズ、機能、情報アーキテクチャ、ビジュアル デザインがユーザー エクスペリエンスに関係しているとされていました。この頃、ユーザーエクスペリエンスの概念が徐々に明確になっていきました。しかし同時に、Web デザインの表面的な理解も露呈してしまいます。
図を見ると問題がよくわかるはずです:
ユーザーエクスペリエンスの要素
写真から、私たちが最も気にしていたビジュアルデザインが、実は最上位レベルにあることがわかります。根底にあるユーザーのニーズ、情報アーキテクチャなどが基礎となります。基礎がしっかりしていなければ、どんなに美しいウェブページであっても、単なる装飾になってしまいます。しかし、このエリアのコンテンツは現在基本的に空白であり、利用できるのは散在した未熟な断片だけです。さらに重要なのは、これらのコンテンツは、どこにでも適用できる Web 標準の概念とは非常に異なっていることです。これらのコンテンツの存在を認識することは概念的な承認に過ぎず、他の人の方法は参考としてしか役立ちません。実際に理解を繰り返すには長いプロセスが必要であり、そうでなければ単なる空論になってしまいます。
我が国のウェブデザインと海外のウェブデザインとのギャップは、あらゆる面でかなり大きいです。しかし現時点では、最大のギャップはユーザー エクスペリエンスの最下層にあるように思われます。これには、ユーザーニーズ分析と情報アーキテクチャが含まれます。千鳥氏は、我が国と海外との格差は約 5 年だと述べました。皆さんは同意しないかもしれませんが、Case Digital Web Redesign とその 2002 年のレベルを見て、それを現在のレベルと比較すると、5 年の格差が理にかなっていることがわかります。

<<:  MySQL の高度な機能 - データ テーブル パーティショニングの概念とメカニズムの詳細な説明

>>:  Nginx 構成の実装 HTTPS セキュリティ認証

推薦する

Mysql での結合操作

結合の種類1. 内部結合: 結合関係を持つ 2 つのテーブル内のフィールドは、結合関係を満たすレコー...

Oracle10パーティションとMySQLパーティションの違いの詳細な説明

一般的に使用される Oracle10g パーティションは、範囲 (範囲パーティション)、リスト (リ...

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

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

モバイルデバイスで 1 ピクセルの境界線の問題を解決するいくつかの方法 (5 つの方法)

この記事では、モバイルデバイス上の 1 ピクセルの境界線の問題を解決する 5 つの方法を紹介します。...

CSSを使用してAndroidシステムの読み込みアニメーションを実装する

Web には一般的な読み込みアイコンが 2 つあります。1 つは iOS の「菊」、もう 1 つは ...

MySQL テーブル名の大文字と小文字の選択

目次1. 大文字と小文字の区別を決定するパラメータ2. パラメータ変更に関する注意事項要約: 1. ...

標準SQL更新ステートメントの3つの用途についての簡単な理解

1. 環境: MySQL-5.0.41-win32 Windows XP プロフェッショナル2. テ...

nginxで複数のサーバーを簡単に構成する方法

1: nginx のインストール方法については詳しく説明しません。Baidu で検索してください。 ...

Mybatis での動的 SQL ステートメント分析

この記事は主にMybatisでの動的SQL文の解析について紹介します。この記事のサンプルコードは非常...

Linux リモート管理と sshd サービス検証の知識ポイントの詳細な説明

1. SSHリモート管理SSH の定義SSH (Secure Shell) は、主にキャラクタ イン...

CSS を使用して画像の色を変更する 100 の方法 (収集する価値あり)

序文「画像処理というと、PhotoShop などの画像処理ツールを思い浮かべることが多いです。フロン...

Windows システムで MySQL が起動しない場合の一般的な解決策

MySQL 起動エラーWindows 10 に MySQL をインストールする前は、net star...

Vue バックグラウンドでステータス ラベルをエレガントに記述する例

目次序文最適化変数の抽出二次包装 el-tag コンポーネント使用要約する序文バックエンドシステムの...

MySQL 最適化: キャッシュ最適化 (続き)

MySQL 内部には至るところにキャッシュがあります。MySQL のソースコードを読むと、キャッシ...

タオバオモールのホームページ上の大きな画像のデザイン構造に関する分析と意見(写真)

前回、Taobaoの詳細ページを分析した後(クリックして表示)、ショッピングモールの基本テンプレート...