表面的なウェブデザイン

表面的なウェブデザイン
<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 セキュリティ認証

推薦する

Linuxでディレクトリを効率的に切り替える方法

Linux でディレクトリを切り替えるとなると、誰もが間違いなくcdコマンドを思い浮かべるでしょう。...

アカウントとパスワードを記憶する機能を実現するVueの考え方とプロセス

目次実装のアイデアアカウント パスワードを保存する方法は 3 つあります。機能インターフェースアカウ...

Vue+ElementUI で超大規模なフォーム例を処理する方法

最近、社内の業務調整により、以前の超長文のロジックが大幅に変更されたため、リファクタリングする予定で...

JavaScript プロトタイプとプロトタイプチェーンの詳細

目次1. プロトタイプ(明示的なプロトタイプ) 2. __proto__ (暗黙のプロトタイプ) 3...

iframeを指すaタグのターゲットの名前とIDの違い

コードをコピーコードは次のとおりです。 <iframe id="myFrameId&...

Linux コマンドラインでパケットをキャプチャするために tcpdump を使用するいくつかの機能

tcpdump は、ネットワークの問題のトラブルシューティングに効果的に役立つ、柔軟で強力なパケット...

JavaScriptでマクロを使用する方法

言語では、DSL を実装するためにマクロがよく使用されます。マクロを使用すると、開発者は JSX 構...

MySQL binlog_ignore_dbパラメータの具体的な使用法

序文:前の記事を読んだ後、binlog はデータベースで実行されたすべての DDL および DML ...

Linux (Ubuntu 18.04) に Anaconda をインストールする詳細な手順

Anaconda は、大規模なデータ処理、予測分析、科学計算のための最も人気のある Python デ...

Element における複数データ読み込み最適化の実装

目次シナリオコードの実装要約:シナリオ最近、ElementUI をベースにしたバックグラウンド管理シ...

CentOS 8/RHEL 8 に Cockpit をインストールして使用する方法

Cockpit は、CentOS および RHEL システムで使用できる Web ベースのサーバー管...

Vue での mixin の応用について議論する

Mixin は、再利用可能な機能を Vue コンポーネント間で分散する非常に柔軟な方法を提供します。...

Ubuntu 基本チュートリアル: apt-get コマンド

序文apt-get コマンドは、Ubuntu システムのパッケージ管理ツールです。パッケージのインス...

Dockerを使用して分散lnmpイメージを作成する

目次1. Docker分散lnmpイメージ生成1. Nginx、MySQL、PHPコンテナを実行する...

Layuiテーブル行のデータを動的に編集する

目次序文スタイル機能説明初期化コードイベントリスナーの追加リスナーツールバーモニターテーブル行ツール...