90年代ウェブデザインのグルたち: Zeldman、Siegel、Nielsen

 (cybercultural.com)
2 ポイント 投稿者 GN⁺ 2025-05-30 | 1件のコメント | WhatsAppで共有
  • FlashとCSSの登場以降、1997年前後のウェブデザイン分野に3つの中核的な哲学が生まれた
  • David Siegelは「ハック」による視覚的美学、Jakob Nielsenはシンプルさとアクセシビリティ、Jeffrey Zeldmanはデザインとユーザビリティのバランスを強調した
  • 当時はブラウザ互換性やCSSサポート不足など技術的制約が深刻で、Flashは新しいマルチメディア体験として注目を集めた
  • 3人のグルはいずれも異なる形でウェブデザインの発展に貢献し、時がたつにつれて標準と美学の調和を重視したZeldmanの方向性の影響力が大きくなった
  • 現在ZeldmanはAutomatticのリーダーとして活動しており、サイトの新しいリデザインを準備中である

概要

本稿は1990年代後半、ウェブデザイン分野を代表していた3人のグルであるJeffrey Zeldman、David Siegel、Jakob Nielsenの哲学とその影響を扱う。FlashやCSSなど新技術の導入期であり、ウェブ標準がまだ確立されていなかった過渡期の中で、彼らがどのようなデザインの方向性を提示したのか、そして各人物の現在の活動にも光を当てる。

90年代ウェブデザインの背景と制約

  • 1997年前後にFlashとCSSという新しいウェブ技術が台頭した
  • Zeldmanはもともと小説家、ジャーナリスト、ミュージシャン、広告人など異色の経歴を経て、1995年にウェブの世界へ入った
  • 当時のウェブは「消費者向けの遊び場」と見なされていたが、技術的限界とブラウザ性能の制約は深刻だった
    • 画像の使用を最小限に抑え、容量を小さくすることが推奨されていた
  • ZeldmanはテキストエディタとPhotoshopを使ってHTMLとグラフィックを制作しており、HTMLの基本を守りつつ、他のデザイナーのソースコードを直接参照して学ぶことを勧めていた

3人のグルのデザイン哲学

David Siegel: 美学と「ハック」の哲学

  • Siegelは1996年の著書『Creating Killer Web Sites』で、CSSやFlashがなかった時代に美しいレイアウトを実現するため、HTMLハック技法の導入を主張した
    • 見えないテーブルや1ピクセルGIFなどをレイアウト制御に積極的に活用した
  • 彼の目標は、完璧なタイポグラフィと視覚的な伝達力のためなら手段を選ばないことだった
  • ブラウザごとの互換性を重視するよりも、Netscape Navigatorなど特定ブラウザに合わせた最適化戦略を追求した
  • 自らを「HTMLテロリスト」と称し、ウェブ標準を無視してでも美的完成度を最優先した

Jakob Nielsen: ユーザビリティとウェブ標準重視

  • Nielsenは「格好よさより実用性」という観点のユーザビリティのグルとして広く名声を得た
  • 主要ブラウザすべてでアクセシブルなデザインを実践することを強調し、構造と表現の分離、すなわちセマンティックなコーディングとウェブ標準を支持した
    • HTMLのセマンティック構造の活用や、初期のCSS導入も早くから前向きに評価していた
  • CSSの将来性には期待しつつも、当時はサポート不足で各ブラウザの互換性問題が解決されていないと指摘した

Jeffrey Zeldman: 美学とウェブ標準のバランス

  • ZeldmanはCSSなどのウェブ標準を積極的に受け入れつつ、必要に応じてFlashやShockwaveのような「非標準的」ツールも活用する実用主義的立場を貫いた
  • 「ウェブデザインでは美学とウェブアクセシビリティの両方が重要だ」という観点を一貫して維持した
  • 2002年にも、画像、テーブルレイアウト、スタイルシート、JavaScript、サーバー/クライアント技術はウェブアクセシビリティと十分両立可能であると強調した

Flash 対 CSS

  • Flashは習得しやすく、当時のCSSが提供できなかった視覚的自由度やメディア機能を備えていた
  • ブラウザ（特にNetscapeやIE）はCSS標準のサポートが不十分だったが、Flashは専用プラグインさえ入れればどのブラウザでも同一の体験を提供できた
  • SiegelはFlashを素早く受け入れた一方で、完全な標準の不在や独占的なファイル構造などの限界も認めていた
  • 一方Nielsenは、Flashの非標準性（プレゼンテーションとコンテンツの結合）を強く批判し、「99% bad」、つまり「ユーザビリティの災厄」だと評した
  • 結局、CSSとFlashはいずれもウェブ表現力拡張への道を開いたが、オープンなウェブ標準であるCSSが長期的に主流の地位を占めた

3人のその後の歩み

  • Nielsenはユーザビリティ原則を守り続け、Useitサイトのミニマリズムを維持し、2012年のサイト統合後もなおICTおよびAIに関する研究を続けている
  • Siegelはウェブデザイン理論家から、デジタルビジネス、セマンティックウェブ、ブロックチェーンなど多様な領域へと活動を広げた
  • ZeldmanはAutomattic（WordPress、Tumblrなど）でExecutive Creative Directorを務めており、現在も個人ブログでデザイン哲学を共有しつつ、サイトのリデザインを準備中である

結論

  • 90年代のウェブデザインを代表する3人は、それぞれ異なる哲学でウェブの発展に貢献した
  • 技術、標準、美学的実験が入り混じる過渡期を経て、最終的にはウェブ標準とデザイン感覚の融合が現代のウェブを主導する流れとなった
  • Zeldmanの実用的でバランスの取れたアプローチは、ウェブデザイナーたちに継続的な影響を与えている

関連記事

1件のコメント

 
GN⁺ 2025-05-30
Hacker Newsの意見
  • この記事では Nielsen を「技術的に」正しかった人のように扱っているが、少なくとも自分にとっては、彼は「経験的に正しいか」に集中させてくれた人物だったことを強調したい。実際のユーザーを対象にテストして、情報伝達に効果的な方法を見つける研究をしていた影響が大きい。そのため成果物の見た目はかなり野暮ったかったが、本質的には正しい方向だったと信じている
    • 私は Nielsen 個人よりも、彼が属していた人間とコンピュータの相互作用（HCI）の系譜により大きな敬意を抱いている。当時はデザイナーも伝統的な HCI の専門家も開発者も、誰も本当の意味でウェブを理解していなかった時代だった。Nielsen は少なくともウェブに焦点を当てていたが、新しいメディアに対してユーザーの既存の期待にこだわりすぎた点が問題だった。「ハイパーリンクは常に青色で下線付きであるべきだ」のような発言の背景には、その時点でユーザーが求めていた安定性の問題というより、ウェブがまだ進化の初期段階にあったことを見落としていた面があったと思う。厳しすぎるルールをあまりにも早く適用しようとしていた
    • 当時、Nielsen は実際のユーザーのニーズに集中していた数少ない人物だったように思う。多くのサイトが Flash のイントロ画面を最初に表示するのを良いアイデアだと考え、デザイナーたちは総じて読みやすい文字サイズを嫌っていた時代だった
    • 私は何年にもわたって NNG Group の複数の講座を受講した。Nielsen と Tog から学んだし、（Don Norman は授業をしていなかったと記憶している）それがユーザビリティに大きな敬意を持つきっかけになった。デザイナーたちは Nielsen を本当に嫌っていた
    • Discount Usability Engineering が役に立つとは思っていなかったが、実際にやってみると結果に驚き、その後はあらゆるデザイン／リデザインで継続して活用している。Nielsen 氏に感謝を伝えたい。昔の UseIt.com のリンク（archive）は今でも頭の中に残っている
    • 「戦い」をどう定義するかによって評価は変わる。Nielsen の時代には二つのことが起きていた。1) 誰にも見られない自分だけの愉快で奇妙なコーナーを作るアート行為、2) 顧客のために本格的なウェブアプリを作る起業家たち。Nielsen の原則は後者には素晴らしかったが、前者には災厄だった。現代のウェブが収益と効率のためにあらゆる魅力を失うにつれ、歴史は結果的に Nielsen に好意的な記録を残している
  • 私は Zeldman の A List Apart が大好きだった。当時みんなが20代半ばだったころ、彼の年齢は知らず、同世代だと思っていた :D。Nielsen は正直あまり響かなかった。もちろん何百万人ものユーザーがより使いやすくなることに貢献したが、アプローチが硬直的すぎて退屈だった。特にホームページには特定のリンクが必ず必要だ、のような規範的すぎる態度が嫌だった。Philip Greenspun が彼を批判していたのも覚えている。みんな明確な答えを求め、それにお金を払う用意があったからこそ、彼はコンサルティングで成功できたのだと思う。変化の速い世界では、その答えもすぐに賞味期限が切れる。だからずっと前に自分のサイトを下ろしたのではないかと思う。その地図が時代に合わず古くなったと認識していたのだろう。それでも本当に素晴らしい時代だった
    • あの頃はユーザーも今とは違っていた。あらゆる内容を1ページに、しかも「スクロールせずに見える範囲（above the fold）」へ詰め込んでいたのは、多くのユーザーがスクロールの仕方を知らなかったからだ。その後になってようやくスクロールが標準になった。技術的にも社会的にも、サイトを取り巻く環境自体がまったく違っていた。そうした細部が今日までそのまま続いていないのは、あまりにも当然だ
    • 2000年代初頭の CSS／デザインブログ界隈は本当に面白い場所だった。高校生だった私は Dave Shea、Andy Budd、Doug Bowman、Shaun Inman、Mike Davidson など、さまざまな人を追いかけるのが楽しかった
    • ずっと昔にユーザビリティテストのサービスを運営していたが、Nielsen については私も同じく、硬直的すぎて細部に執着しすぎるという印象を持っていた。私が毎日回していた現実のテストの感覚とはかなり離れていた
    • 私の記憶では、Greenspun は Siegel のほうをもっと皮肉っていた。Siegel は彼の『Killer』本で 2〜3 段階の入り口ポータルを強調していたが、Greenspun はそれをばかげていると見ていた。私は Nielsen のアプローチはかなり前向きに評価している。ウェブで「ユーザビリティ」を重視する時代に戻っても悪くないと思う。今では Flash 時代の機能を再現するために膨大な努力を費やしているが、実際にスクロールするときテキストや写真が画面上で跳ね回るように動くことを本当に望んでいるのか疑問だ。最初は面白くても、その後はむしろ不快になる。「このサイトの情報は本当に最高だけど、もっと子犬みたいに画面上を飛び回ってくれたらいいのに」と言う人はいないだろう
    • 久しぶりに A List Apart を訪れたら、完全に違う見た目になっていた。しかもホームページで1年前の投稿が「New」と表示されている。時代はずいぶん変わったようだ
  • 「Jeffrey Zeldman — 1997年初頭で42歳」という事実に、今になって気づいた。2000年代初頭には、自分たちより数歳年上なだけだと思っていた。彼らのホームページで "View Source" を見るのが本当に学びの時間だったと思う。ちなみに一部の国では "View Source" という行為が違法かもしれないので、各自気をつけてほしい。2000年代初頭にキャリアを始めて、自分の Flash 作品もたくさん公開していたし、Zeldman や Siegel たちは私のヒーローだった。Nielsen は敵だった。でも 2000年代半ばごろ、病院やクリニックの仕事でアクセシビリティや HIPAA などの問題を扱うようになると、Nielsen も結局は私にとってヒーローになった :-)
    • 実際には、彼はその時点でも私たちより数歳年上だっただけなんだよ
    • "View Source" がどこで違法なのか気になる
  • 以前はただ "View Source" をするだけで、かっこいい効果がどう実装されているか簡単に確認できた時代が懐かしい。今は目立つもの自体がほとんどなく、あったとしても inspector で掘ってみると何十層にも隠された難読化 JS の中にあったりして、分析はほぼ不可能だ
    • 最近 CSS で作られた Minecraft プロジェクトを掘ってみた？（CSS-Minecraft GitHub）本当に久しぶりに最高の "View Source" 体験だった
    • JS マシンではない、創造的に作られたサイトの HTML/CSS を探るのは今でも楽しい。最新の CSS は本当に表現力豊かだ
  • 私にとっても <i>Web Pages That Suck</i> という本は意義深かった。この本は <i>Creating Killer Web Sites</i> をディスってもいた。当時は大きな自尊心のぶつかり合いがあった。Flanders は今でもサイトを運営しているかもしれない。私もメーリングリストに登録していたが、10年以上何の知らせもない
    • 私もそのサイトが本当に好きだった。今は何もかも最適化されすぎていて、むしろ昔の粗削りなウェブページが恋しくなることがある。ユーザビリティは良くなくても、それぞれに違った個性が確かにあった。まるで博物館で古いクラシックカーを見て、あの細かいレバーやペダルが何をするのか想像して楽しむのに似ている。実際に運転したくはなくても、見るのは面白い
    • その本も私にとって意義深く、今のキャリアの出発点になった。Flanders が批判した「ミステリーミート・ナビゲーション（何のメニューかわかりにくい形）」は私に非常に大きな影響を与え、今でもユーザビリティの問題を思い出すたびに頭に浮かぶ
  • 私はこの時代がとても恋しい。本当に幸せで、前向きで、純粋だった時期だ。みんな心から何かを作り、互いに教え合っていた。今はすべてが作り物っぽく、虚栄に満ちているように感じる。HTML+CSS を学びながら彼らの本を読み、Designer's Talk のようなフォーラムをリロードしていたあの時代は永遠に忘れられない
  • 今のウェブサイトは、ありとあらゆるポップアップで購読やフィードバックを求め、JavaScript や広告が読み込まれるたびに内容が上下に跳ねて読みにくいサイトが多すぎる。ここ数年でウェブはものすごく退化したと感じる。今ではそれを批判的に議論する人さえいないように思える
  • 私の本棚には今でも "Creating Killer Websites" が刺さっている。かなり早い時期に買った本だが、古典になるとは思わなかった。その本に載っていたデザインのようなサイトを実際に見る体験は印象的だった。しかし私には実用的とは思えなかった。結局のところ印刷メディアのコピーだと感じた。昔の Coldfusion や Dreamweaver のようなツールは、ほとんど QuarkXpress（DTP ソフトウェア）のような感覚だった。あの時代は懐かしいが、私は結局サイトデザインの道には進まなかった
    • unpopular opinion かもしれないが、私も似たように笑って受け流せる。BBS スクリプトから ES6、SVG、WebGL まで、ウェブ／印刷デザインの経験をひと通りしてきた立場からすると、当時の主要人物たちはウェブで何をしているのかわかっていなかったと思う。彼らは印刷では一流だったが、ウェブは印刷とは違う。新しいメディアである画面では、同じページにすべての情報を載せる必要はない。2010年ごろになってようやく合理的なウェブデザインが再び始まった感じがする。2005年でもユーザビリティはまだ新しい概念だったし、Apple の K-12 UI も大して助けにはならなかった。あの本が教えているのは、印刷ポスターのデザインをそのままウェブに載せる方法に近く、ウィジェットやボタンなどウェブ特有のインタラクションの実験は不足していた。地図制作も同様に進化が遅い。個人的には、ゲームやゲーム UI のデザイナーたちのほうが早い時期からずっと革新的でモダンなインターフェースを見せていたと思う。多くの場合、ゲームやデモシーンのほうが時代を先取りしていた
  • 2000年代、Zeldman は私のヒーローだった。この一覧には Eric Meyer（Wikipedia）も入るべきだと思う
    • 私は今でも Eric の CSS Reset 2.0 を使い続けている。これほど簡潔で直感的なものは、いまだに見たことがない
  • いつか Netscape Navigator 4 ではテーブルを 7 段までしかネストできなかったという事実を忘れられる年齢が来るのだろうか