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

概要

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

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

Flash と CSS の普及による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...

└

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

└

うん、めっちゃ同意。ニールセンは当時の議論に厳密さを持ち込んでくれて、エンジニアとしてウェブデザインを考える上で理にかなってた。三人の中で「勝者」や「最も正しい人」はいないと思うけど、ニールセンの考え方が他の人よりも自分には響いたな。

└

Nielsenの人間とコンピュータのインタラクションに関する系譜には、彼自身よりもずっと敬意を持っていたな。あの頃、デザイナーもクラシックなHCIの人たち（プログラマーも含めて）がウェブを本当に理解していないと思ってた。Nielsenは少なくともウェブに焦点を当てていたけど、問題は彼が新しいメディアに対するユーザーの期待に固執していて、まだ初期段階であることを認識していなかったことだよね。彼は「ハイパーリンクは常に青で下線付きであるべきだ」とか言ってたけど、その時点ではウェブの普及がまだ始まったばかりで、そんな厳格なルールを適用するのは全く意味がなかったんだよ。

ゼルドマンの『A List Apart』は楽しんでたし、みんなが20代半ばの頃に彼がそんなに年上だとは思わなかった。彼は私たちの仲間だと思ってたよ :D ニールセンは正直言ってどうでもいいかな。彼が何百万もの人々に使いやすいサイトを提供したかもしれないけど、彼は堅苦しくて退屈だった。特にサイトに対する彼の指示的なアプローチには厳しかった。「ホームページにはこれらのリンクが必要」とかね。フィリップ・グリーンスプンがどこかで彼を批判してたと思う。人々が答えや方向性を求めていて、それに多くのお金を払う準備ができてたから、彼はコンサルタントとしてそれを提供してたのは理解できる。でも、急速に変わる世界では、答えには短い賞味期限があるんだろうね。だから、彼はずっと前にサイトを閉じたのかもしれない。彼の地図がすごく古くなってたことに気づいてたんだろう。まあ、楽しい時代だったし、素晴らしい時期だったよ。

└

2000年代初頭のCSSやデザインのブログ界は本当に面白い場所だった。あの頃は高校生だったけど、デイブ・シェアやアンディ・バッド、ダグ・ボウマン、ショーン・インマン、マイク・デイビッドソンなどをフォローするのが大好きだった。今思い出せない人もたくさんいるけどね。

└

あの頃のユーザーも違ってた。すべてを1ページにまとめるだけじゃなくて、スクロールしないユーザーが多かったから、すべてをファーストビューに入れることが重要だった。彼らはスクロールできることを知らなかったから、後の実験でスクロールが普通になる転換点が観察されたんだ。考えてみて、サイトが働かなきゃいけなかった環境は全然違ったよね。技術的にも、社会的にも。そういう細かいことが今に引き継がれないのは全く普通だよ。

└

確か、グリーンスプンがシーゲルを批判してたよね。シーゲルは彼の「キラー」本の一つで、サイトへの二段階または三段階の「エントリーポータル」を提唱してたけど、グリーンスプンはそれをバカだと思ってた。ニールセンのアプローチはかなり評価してる。ウェブで「使いやすさ」に戻るのは悪くないと思う。Flashが持ってた重要な要素を再現するためにかなりの努力をしてきたけど、スクロールする時に写真やテキストブロックが飛び跳ねるのって本当に必要？初めて見るときはクールだけど、その後は？「このサイト、情報は素晴らしいけど、ジャックラッセルテリアみたいに画面を跳ね回ってほしくないな」って言う人いる？

初期の頃にウェブデザインをやってたんだ。可能性が無限大だと思ってワクワクしてたのを覚えてる。この文章は「A List Apart」を思い出させるな。そのサイトは今でも運営してるんだよね。

└

Evoltは去年ついに閉鎖されたんだ: https://web.archive.org/web/20240206220342/https://lists.evo... でも、100以上の古いウェブブラウザのバージョンをダウンロードできるブラウザアーカイブはまだオンラインで残ってるよ: https://browsers.evolt.org あの頃はブラウザごとに独自のレンダリングエンジンがあって、すべてがBlink、Gecko、WebKitに基づいてたわけじゃなかったんだ！

「彼の実用的なウェブデザインアプローチ、つまりウェブ標準とデザインのセンスを組み合わせたものが、90年代と2000年代初頭に勝ったと言えるだろう。」確かに、1997年の三人のウェブデザインの達人の中で、ゼルドマンのサイトは当時一番面白くてエキゾチックだった。あの頃、彼をすごく頼りにしてた。高校の最後の年、昼休みにこっそり彼の新しいウェブスタンダードの本を読んでたんだ。今でもA List Apartは定期的にチェックしてるけど、最近はあんまり更新されてないね。でも、彼のアプローチは当時読んでたXML関連のものとすごく合ってた。

「Useitは年々デザインを変えなかった。Web 2.0の時期には、ウェブデザインの業界では完全に時代遅れだと見なされていた。」不思議なことに、私はNNGroupの企業サイトよりもこっちの方が好きだな。最後のバージョンはHN自体を少し思い出させる。シンプルでクリーン、使いやすい — 本当にシンプルで、クリーンで、使いやすい。流行を無思考で真似して間違えるんじゃなくて、賢く自分のトレンドを作ってる。もっと多くのサイトがこのデザインスタイルを取り入れてほしいな。

なんか懐かしいな — 90年代後半、15歳から18歳の頃に、これらの本を読んで「すごいウェブデザイナー/デベロッパー」になろうとしてた。すぐに「ウェブデザイナー」は自分には向いてないって気づいた。ピクセルのセンスが全然ないから、「ウェブデベロッパー」に集中する必要があった。DHTMLを学んで、IEとNetscapeの両方で動かす方法を学ぼう！当時のIEはJScriptを使ってて、正確にはJavascriptやEcmaScriptじゃなかったけど、フレックスしたいときはそう言ってたよね :)

「彼の現在のウェブサイト、cuttingthroughthenoise.netは、彼が今、さまざまなビジネスや個人的な興味を持っていることを示している。」彼がハードコアな気候変動否定論者であることを言わない面白い表現だね。

逆に、ボロボロの「The New Masters of Flash」のコピーを大切にしてるよ。マクロメディア、安らかに眠れ。

└

いいね！あの頃、Flashに真剣に取り組んでた人でその本を持ってない人はいないと思う。2000年代初頭、amazon.comはインドにはなかったけど、送料が高いけど本は届けてくれた。最初に買った本は、Amazonでの初めての注文で、Branden Hallの「ActionScriptによるオブジェクト指向プログラミング」で、なんと51.97ドルもした（今、注文履歴を確認した）。数年後、Macromediaのタウンゼントオフィスで、著者たちやActionScriptの父と一緒にいるのは夢のようだったよ。ここに写真があるよ https://www.flickr.com/photos/brajeshwar/albums/720575940814...

ハクソク