世界を動かす技術を、日本語で。

90年代ウェブデザインの巨匠たち: ゼルドマン、シーゲル、ニールセン

概要

1997年、FlashとCSSの登場により、Webデザインの三大思想が形成。 David Siegelは「ハック」を駆使、Jakob Nielsenはシンプルさを重視。 Jeffrey Zeldmanは美しさとユーザビリティの両立を模索。 Flashの台頭とCSSの標準化がWebデザインの方向性を分岐。 三者のその後のキャリアもWebの進化を象徴。

1997年のWebデザイン三大思想

  • FlashCSS の普及によるWebデザイン革命
  • David Siegel :HTMLの「ハック」活用によるレイアウト重視
    • 透明テーブルや1ピクセルGIFでデザイン制御
    • Netscape Navigator最適化、全ブラウザ対応を拒否
    • 「HTMLテロリスト」を自称、完璧なタイポグラフィ追求
  • Jakob Nielsen :シンプルでアクセシブルなデザイン推進
    • 「表面的なカッコよさ排除」「ビジネスツール化」志向
    • セマンティックなHTML構造とCSS推奨
    • 主要ブラウザ間の互換性を最重視
  • Jeffrey Zeldman :美しさと標準準拠の両立を目指す
    • 広告業界出身、即時伝達力をWebに応用
    • HTML基本重視しつつ、新技術も柔軟に採用
    • 他デザイナーの模倣による学習も推奨

FlashとCSSの対立・進化

  • Flash :1997年以降、アニメーションとマルチメディア表現で急成長
    • プラグイン方式でブラウザ依存を回避
    • 視覚表現力はCSSを圧倒
    • ただしプロプライエタリ、標準外、アクセシビリティ問題
  • CSS :標準化進むも、当初はブラウザ対応が不完全
    • Internet Explorerはバグ多発、Netscapeは独自仕様JSSSで対抗
    • セマンティックWebへの布石
  • 三者のスタンス
    • SiegelとZeldman:Flashを積極採用、CSSにも期待
    • Nielsen:Flash断固否定、「99%悪い」「ユーザビリティ病」と酷評

1997年以降の三人の歩み

  • Jakob Nielsen
    • 極限までシンプルな「Useit」サイトを長年継続
    • Web2.0時代には時代遅れと見なされる
    • 2012年にNNGroupへ統合、2025年はAI分野で執筆
  • David Siegel
    • デジタルタイポグラフィの専門家からWebビジネスへ転身
    • Semantic Webやブロックチェーン分野にも挑戦
    • 2025年現在、多様なビジネス・個人活動を展開
  • Jeffrey Zeldman
    • 現役Webデザイナー、Automatticのエグゼクティブクリエイティブディレクター
    • ブログ継続、WordPressデフォルトテーマを一時採用
    • 近々サイトリニューアル予定

まとめ:Webデザイン思想の影響と現在

  • 1997年、Webデザインは 実験的 かつ 混沌 とした時代
  • FlashとCSSの対立は、表現力と標準化・アクセシビリティのせめぎ合い
  • 三者三様の思想が、現代Webの多様性・進化の礎
  • 「美しさ」「使いやすさ」「標準準拠」――三つの価値観の共存と発展

Hackerたちの意見

ジェフリー・ゼルドマン — 1997年の初めに42歳になった。今日、初めてジェフリー・ゼルドマンが1997年に40歳以上だったことに気づいたよ。2000年代初頭には、彼が私たちよりちょっと年上だと思ってた。彼らのウェブサイトの「ソースを表示」は、すごく勉強になった時間だった。警告:一部の地域では「ソースを表示」が違法かもしれないので、自分の判断で使ってね。2000年代初頭にキャリアを始めて、私のデザインや他のFlash作品がインターネットにあった頃、ゼルドマンやシーゲル、他にもたくさんの人たちがヒーローだった。ニールセンは悪者だった。2000年代中頃には、クリニックや医師のために多くの仕事をして、アクセシビリティやHIPAA準拠、その他関連分野に深く関わってた。その頃には、ニールセンたちがヒーローになってたよ。:-)

警告:一部の地域では「ソースを表示」が違法かもしれないので、自分の判断で使ってね。「ソースを表示」が違法な場所ってどこ?

私にとってもう一つの重要な本は『Web Pages That Suck』だった。実際、あれは『Creating Killer Web Sites』に対して影を落としてたよ。あの頃は大きなエゴの持ち主が多かった。あの本からはかなり学んだと思う。フランダースはまだサイトを持ってるかもしれない。彼のメーリングリストに登録してたけど、ここ10年くらいは何も聞いてないな。

この記事ではニールセンを「技術的に正しい」側に置いてるけど、少なくとも私に与えた影響は「実証的に正しい」に強く焦点を当ててたことだった。つまり、情報を伝えるためにどんなことが効果的かを実際に人間でテストしてたんだ。彼は「見た目が良い」ことを犠牲にしてたから、彼の作品は「絶望的に古臭く」見えることになったけど、彼は戦いの正しい側にいたと思う。

彼は「Designing Web Usability」という本を出したけど、レイアウトが独特で、ユーザーテストをしていなかったのが明らかだった。バインディングに近すぎるテキストの欠陥があって、皮肉にも使いにくかった。彼は多くの点で的を射てたと思うけど、それ以来ちょっと冷めちゃったな!

私はNNGグループからいくつかのコースを受けたことがあるよ。ニールセンやトグからも(ドン・ノーマンは授業をやってなかったと思う)。それでユーザビリティに対する大きな尊敬を学んだ。デザイナーたちはニールセンが嫌いだったね。

同感。きれいなボタンも、期待する場所にないと意味がないよね。色を変えたりして「古臭さ」を減らすことはできるけど、ユーザビリティが一番大事だと思う。記事の中のFlash 2のスクリーンショットは古く見えるけど、使う体験は90年代風のボタンが減っても「現代的」に見えても変わらないよ。

完全に同意だね。美しいけど全然使えないUIやUX、逆に「見た目はイマイチだけど超機能的な」UIやUXがあって、実際にはそれが美しさを生んでることもあるよね。

あの頃は、ユーザーのニーズに本当に焦点を当てている珍しい人の一人だった気がする。あの時代は、サイトに入る前にFlashのスプラッシュスクリーンを見せるのが良いアイデアだと思っているサイトが多かったし、デザイナーたちは普通の人が読めるサイズのテキストに恨みを持っているように見えた。

彼が今のインターネットを見たら、ほんとに驚くんだろうな。

つまり、情報を伝えるためにどんなことが効果的かを実際に人間でテストすること。例えば、「なぜ5人のユーザーでテストすればいいのか」: * https://www.nngroup.com/articles/why-you-only-need-to-test-w...

表紙で本(そして多分著者も)を判断してるって自覚してるけど、ニールセンの本の表紙は客観的に見ても読みやすいよね。今出たとしても、まだ新しい感じがするのはこれだけだと思う。

Hacker Newsで議論の続きを見る