2008 年の Web デザインにおける 10 の経験

2008 年の Web デザインにおける 10 の経験
<br />インターネットは絶えず変化しており、BusinessWeek.com は専門家のグループと協力して、今日の Web デザイナーが従うべきルールを策定しました。 (マット・ベラ)
インターネットは登場するや否や、その強力な力を発揮しました。人々の働き方を変えただけでなく、デートの仕方も変えました。それは世界をジェットコースターに乗せ、誰もがめまいを起こしたと言ってもいいでしょう。 Microsoft、Netscape、その他の企業がブラウザで競争し始め、Web 標準をめぐる競争も始まりました。同時に、Facebook、Flickr、YouTube の台頭により、インターネットでは集合知と社会化がより重視されるようになりました。好況から不況、そして再び好況と、資金が狂ったように流れており、インターネット業界の発展に終わりは見えないようです。
また、Web は伝道者や理論家なども引きつけ、その多くはインターネットから Jini、DHTML などの新しいテクノロジが出現すると予測していましたが、どれも普及しませんでした。しかし、一見単純なテクノロジー(メタデータ、XML、CSS)はすべて画期的な進歩を遂げています。 HotWired の興奮から Google のアプリケーションまで、Web デザインの進化は続いており、時には矛盾しているように見えることもありますが、インターネットに革命をもたらしました。
より明確にするために、BusinessWeek.com はインターネット上の多くの著名人に Web デザインのガイドラインを作成するよう依頼しました。参加者には、インターネット理論家でありニールセン・ノーマン・グループのパートナーであるドン・ノーマン氏、NYTimes.com のデザインディレクターであるコイ・ヴィン氏、ロードアイランド・スクール・オブ・デザインの次期学長であるジョン・マエダ氏などが含まれていた。 2008 年の Web デザインの 10 の戒律は、当社の調査からまとめられました。記事の最後に、すべての寄稿者のリストが掲載されています。
1. Flashを乱用しない
Adobe のアニメーション技術は、Nike の誇張されたホームページ アニメーションから多くの広告主が使用する Web バナーまで、インターネットをさらに強力にします。しかし、この手法は簡単に悪用される可能性があります。アニメーションが多すぎると役に立たないだけでなく、ユーザーの Web ブラウザの速度が低下する可能性もあります。
2. 広告がウェブサイトのコンテンツをブロックしないようにしましょう。<br />確かに、広告はウェブサイトの存続に不可欠ですが、ポップアップ広告やフルページ広告がウェブサイトのコンテンツをブロックすると、その効果は大幅に低下し、読者が再び利用しに来るかどうかにも影響することが研究でわかっています。読者のニーズに応じて拡大縮小できる広告の方が適切でしょう。
3. Web ページが雑然とした印象にならないようにします。<br />Web ページが雑然としていても、適切な構造を持たない Web サイトでは、情報を閲覧するのが非常に困難になることがよくあります。 Amazon.com では、Web ページ階層の明確さを設計プロセスにおける最も重要な基準と考えています。
4. ガラスの反射効果を使いすぎない<br />Apple は美しい効果を頻繁にデザインします。しかし、一部の専門家は、同社が自社の全製品の写真にガラスの反射を加えるという動きは、そのデザイン要素がすでに使い古されているため、広く採用される価値はないと言う。
5. 会社名に文字を追加したり削除したりしないでください。<br />最近、Web サイトに名前を付ける方法として人気がありますが、どんどん奇妙になっています。多くのウェブサイトでは、単語に名前を付けるときに複数の母音を追加したり、意図的にいくつかの母音を削除したりします。 Flickr、Smibs、Meebo など。これらの名前は確かに覚えやすいですが、時代遅れになる運命にあります。このサイトで、さらに多くの Web デザイン チュートリアルをご覧ください。
6. 変化に適応する<br />デザイナーによると、ネットワーク帯域幅の変化に気づくだけでなく、通常のテキストも静かに増加しています。 Craigslist などの主流サイトがこのトレンドをリードしており、Coudal Partners や John Gruber の有名なブログ Daring Fireball などの企業もこのトレンドの最前線に立っています。
7. 強い印象を与える<br />Web サイトが単に見た目が美しいだけではもはや十分ではありません。 Facebook や YouTube などのサイトは、コンテンツや機能でユーザーを引き付けます。ウェブサイトを作成する上で重要なのは、ユーザーの注意を引き付け、維持することです。
8. ウェブサイトをソーシャルにするために、 Web2.0 があらゆる側面に浸透しています。 MySpace や他の Web サイトもこのトレンドに従い、ユーザーが Web サイト内でコミュニケーションしたりやり取りしたりできるようにしました。今日のデザイナーは、広告やオンライン オフィス ソフトウェアなど、さまざまな Web サイトに同じ要素を追加しています。
9. 実績のあるテクノロジーを使用する<br />Wikipedia、YouTube、Facebook などの Web サイトは、インターネット ユーザーの生活の一部になっています。これらの要素を Web サイトに組み込むことで、ユーザーが使い慣れた機能を提供しながら、ユーザーの関心を維持できます。
10. コンテンツこそが王様です<br />この言葉は決まり文句になっていますが、それでもとても重要です。美しくデザインされたウェブサイトは確かに注目を集めることができますが、ウェブサイト上のコンテンツの不足をカバーすることはできません。

<<:  docker-compose を使用して Apollo カスタム環境をデプロイする詳細なチュートリアル

>>:  MySQLの3つの用途と違いは同等ではない

推薦する

HTML テーブル データを Json 形式に変換するサンプル コード

<table>テーブルデータをJSON形式に変換するJavaScript関数は次のとおり...

Linux で Bash 環境変数を設定する方法

Shell は C 言語で書かれたプログラムであり、ユーザーが Linux を使用するための橋渡しと...

表のセルの内容が超過した場合に省略記号効果を表示する(実装コード)

例示するフロントエンド開発では、セルの幅を制限し、コンテンツが制限を超える部分に省略記号を表示する必...

MySQL パラメータ関連の概念とクエリ変更方法

序文:以前の記事では、特定のパラメータの機能についてよく紹介してきました。しかし、MySQL パラメ...

React antdはフォームの動的な増減を実現します

以前、動的フォームを記述しているときに落とし穴に遭遇しました。インデックスの添え字をキーとして使用す...

Node.js でのクラスター作成に関する簡単な説明

目次クラスタクラスターの詳細クラスター内のイベントクラスター内のメソッドクラスター内の属性クラスター...

ドッカー専用倉庫港湾建設プロセス

1. 準備1.1 港ダウンロードハーバーダウンロードアドレス:リンクリンクの説明を追加し、必要なバー...

HTML コメント HTML 内のテキストコメントをマークするための記号

HTML コメント。コードの横に HTML コメントを付ける必要があることがよくあります。そうするこ...

HTML でフォーム入力やその他のテキスト ボックスを読み取り専用にして編集不可にする方法

場合によっては、フォーム内のテキスト ボックスを読み取り専用にして、ユーザーがその中の情報を変更でき...

Linuxはlsofコマンドを使用してファイルのオープンステータスを確認します

序文Linux では「すべてがファイル」であることは誰もが知っているので、ファイルのオープン状態を確...

ウェブフロントエンドウェブ開発の一般的なプロセスの簡単な紹介

フロントエンド開発を行っている初心者の学生を多く見かけますが、彼らの効率は比較的遅いです。常にコード...

Element+vueを使用して開始時間と終了時間の制限を実装する

この記事の例では、Element+vueを使用して開始と終了の時間制限を実装するための具体的なコード...

Vue3カプセル化メッセージメッセージプロンプトインスタンス関数の詳細な説明

目次Vue3 カプセル化メッセージプロンプトインスタンス関数スタイルレイアウトカプセル化メッセージ....

Node.js http モジュールの使用

目次序文ウェブHTTP サーバーファイルサーバー練習する序文Node.js 開発の目的は、JavaS...

Windows での MySQL の詳細なインストール手順と基本的な使用方法

目次1. MySQLをダウンロードする2. MySQLをインストールする3. MySQL の基本的な...