Die Gurus des Webdesigns der 90er: Zeldman, Siegel, Nielsen
(cybercultural.com)- 1997 war im Webdesign eine Zeit, in der mit dem Aufstieg von Flash und CSS visuelle Experimente, Standards und Usability aufeinanderprallten; Zeldman, Siegel und Nielsen standen jeweils für unterschiedliche Lösungsansätze
- David Siegel nutzte aktiv HTML-Hacks, um die Grenzen der Darstellung vor CSS und Flash zu überwinden, und nahm dabei unsichtbare Tabellen, 1-Pixel-GIFs und Optimierung für bestimmte Browser in Kauf
- Jakob Nielsen war der Ansicht, dass Websites semantisches HTML und browserübergreifende Zugänglichkeit brauchen, um zu „ernsthaften Business-Tools“ zu werden, und akzeptierte CSS als Lösung zur Trennung von Inhalt und Darstellung
- Jeffrey Zeldman unterstützte CSS, wählte aber einen pragmatischen Kompromiss, der auch Werkzeuge wie Shockwave und Flash einbezog, um ästhetischen Ausdruck und Standardkonformität gemeinsam zu verfolgen
- Ihre späteren Wege trennten sich, doch die Debatte von 1997 zeigt, welches Gleichgewicht Webdesign zwischen Dekoration, Kompatibilität und Usability finden musste
Drei Strömungen, die das Webdesign 1997 prägten
- 1997 war eine Zeit, in der sich Webdesign mit dem gleichzeitigen Aufstieg von Flash und CSS rasant veränderte
- David Siegel vertrat einen Ansatz, der HTML auf indirekte Weise nutzte, um visuelle Perfektion zu erreichen
- Jakob Nielsen sah Einfachheit, Zugänglichkeit und semantische Struktur als Grundprinzipien des Webs
- Jeffrey Zeldman stand zwischen beiden Strömungen und verfolgte sowohl visuelles Gespür als auch Usability
Jeffrey Zeldman: Pragmatismus zwischen Grafik und Standards
- Zeldman war Anfang 1997 42 Jahre alt und kam über Stationen als angehender Romanautor, Journalist, Tour-Musiker und in der Werbebranche zum Webdesign
- Er meinte, dass ihm das in der Werbung gelernte Training für „sofortige Vermittlung“ im Web geholfen habe, und erstellte 1995 seine erste Website
- Ende 1996 schrieb er auf seiner persönlichen Website: „Hyperlink-Text hat das Web geschaffen, Grafiken haben daraus einen Spielplatz für Konsumenten gemacht.“
- Das Web war damals stark durch Dateigröße und Bildmenge eingeschränkt, und Zeldman riet dazu, möglichst wenige Bilder zu verwenden und die Dateigröße zu reduzieren
- Webseiten wurden erstellt, indem HTML in einem einfachen Texteditor auf dem Macintosh geschrieben und Grafiken in Photoshop angefertigt wurden
- Obwohl er Wert auf HTML-Grundlagen legte, empfahl er auch, zum Lernen von der Arbeit anderer Designer
File: View Sourcezu nutzen
David Siegel: „HTML terrorist“ und visuelle Kontrolle
- Zeldman wurde in seiner frühen Zeit als Webdesigner stark von David Siegels Creating Killer Web Sites: The Art of Third-Generation Site Design beeinflusst
- Die Ausgabe von 1996 entstand noch vor dem eigentlichen Durchbruch von CSS oder Flash und befürwortete HTML-Hacks, um attraktivere Websites zu bauen
- Unsichtbare Tabellen und 1-Pixel-GIFs zur Layoutkontrolle waren die zentralen Techniken
- Die Ausgabe von 1996 enthielt ein Kapitel „A PDF Primer“, erwähnte CSS jedoch nicht
- In der 2. Auflage von 1997 entfiel das PDF-Kapitel und stattdessen kam „A CSS Primer“ hinzu
- Siegel war Anfang 1997 etwa 37 Jahre alt und ein Designer mit Hintergrund in digitaler Typografie
- Er sagte, er werde jedes Mittel einsetzen, das nötig sei, um im Web gute Typografie und klare Kommunikation umzusetzen, und konzentrierte sich auf Netscape Navigator
- Er sagte auch, er werde „keine Seiten bauen, die für alle Browser optimiert sind“, und diese Haltung passte zu einem Trend von Websites, die nur in bestimmten Browsern richtig funktionierten
Jakob Nielsen: Usability und semantische Webstruktur
- Jakob Nielsen war 1997 39 Jahre alt und bezeichnete sich selbst als „usability guru“
- Er verfolgte das Ziel, oberflächliche Coolness aus dem Web zu entfernen und Websites zu ernsthaften Business-Tools zu machen
- Er trat nachdrücklich für Designs ein, die in allen wichtigen Browsern zugänglich waren, und empfahl semantische Kodierung, um Inhalt und Darstellung zu trennen
- Anfangs lag sein Fokus darauf, die in der HTML-Spezifikation definierte Struktur einzuhalten
- Für Überschriften sollte man zum Beispiel nicht Darstellungsangaben wie „18 Pixel Garamond fett“ verwenden, sondern Strukturen wie H1 und H2
- Er vertrat die Position, dass jeder Browser selbst entscheiden sollte, wie Überschriften den Nutzern angezeigt werden
- Bald sprach er sich für CSS aus und sah Ende 1996, obwohl CSS noch nicht weit verbreitet war, darin die einzige Lösung für gute Darstellung in einer Welt mit immer mehr Browsern und Ausgabegeräten
Grenzen der CSS-Unterstützung und die Browserkriege
- Anfang 1997 war die CSS-Unterstützung der beiden wichtigsten Browser unvollständig
- Internet Explorer 3.0 kam der Unterstützung des W3C-CSS-Standards am nächsten, war aber voller Bugs und inkonsistent
- Netscape 3.0 bot nur schwache CSS-Unterstützung und versuchte mit JavaScript-Based Style Sheets (JSSS), einem JavaScript-basierten Styling-Ansatz, eine Alternative zu CSS zu etablieren
- JSSS setzte sich letztlich nicht durch, trug aber dazu bei, dass Netscape die Unterstützung für Stylesheets als frühen Webstandard verzögerte
- Im Verlauf des Jahres 1997 wurde die Kluft zwischen Siegels ästhetikorientiertem Ansatz und Nielsens semantischem Ansatz größer
Der Aufstieg von Flash im Kontrast zu CSS
- Zeldman wandte sich später von Flash ab, doch als Flash 1997 populär zu werden begann, galt es als Animationswerkzeug, das Web-Multimedia auf die nächste Stufe heben konnte
- Im Mai 1997 veröffentlichte Macromedia Flash 2 und stellte es als Werkzeug vor, mit dem sich vektorbasierte, auflösungsunabhängige Grafiken ohne Programmierung erstellen und animieren lassen
- Die Stärken von Flash standen im Kontrast zu den damaligen Schwächen von CSS
- Es war leichter zu erlernen als CSS
- Es konnte visuell sehr viel mehr leisten als das damalige CSS
- Es lief als Browser-Plugin und war nicht von der Implementierung der Browserhersteller abhängig
- Es ließ sich nutzen, sobald Nutzer das Plugin in großem Umfang heruntergeladen hatten
- Siegel sah in der 2. Auflage von Creating Killer Web Sites, erschienen im September 1997, in Flash die beste Option, um Vektorgrafik im Web in den Mainstream zu bringen
- Im selben Buch behandelte er zwar auch neu ein CSS-Kapitel, urteilte jedoch im August 1997, dass Browser das Versprechen von Stylesheets noch nicht ordentlich umsetzten
- Nielsen lehnte Flash schnell ab und schrieb einige Jahre später, Flash sei zu „99% bad“ und fast immer eine „usability disease“
- Auch Siegel sorgte sich darüber, dass Flash ein von Macromedia besessenes und kontrolliertes proprietäres Werkzeug war
- Die Flash-Software war nicht Open Source
- Das Dateiformat
.flawar proprietär - Die Ergebnisse folgten keinen Webstandards
Der weitere Weg der drei Personen
- Alle drei wollten den damals neuen Beruf des Webdesigners voranbringen, und wegen der Veränderungen der Webplattform war Webdesign 1997 zwangsläufig experimentell
- Nielsens Useit behielt ein schmuckloses minimalistisches Design bei und wirkte in der Zeit von Web 2.0 auf viele Webdesigner veraltet
- Useit blieb noch einige Jahre bestehen und wurde Ende 2012 in die Website der NNGroup integriert
- 2025 schreibt Nielsen auf Substack über AI
- Siegel hatte von den dreien den professionellsten Design-Hintergrund, mit einem Masterabschluss in digitaler Typografie und einer Karriere bei Pixar
- Nach den beiden Ausgaben von Killer Web Sites 1996 und 1997 verlagerte er seinen Schwerpunkt vom Webdesign stärker in Richtung Web-Business
- Später warb er für Pull: The Power of the Semantic Web to Transform Your Business und interessierte sich auch für Blockchain
- Seine aktuelle Website cuttingthroughthenoise.net zeigt verschiedene geschäftliche und persönliche Interessen
- Zeldman ist dem Webdesign treu geblieben
- Seit 2019 arbeitet er als Executive Creative Director bei Automattic, dem Unternehmen hinter WordPress, Tumblr und weiteren Produkten
- Auf zeldman.com bloggt er weiter über Webdesign
- Seit Februar 2019 verwendet er ein Standard-WordPress-Theme und erklärte, dass er 2025 ein Redesign der Website vorbereite
- Zeldmans Ansatz verband Webstandards und Designgespür, und unter den drei Gurus galt seine damalige Website als die interessanteste und exotischste
1 Kommentare
Hacker-News-Kommentare
Dieser Artikel ordnet Nielsen auf der Seite „technisch gesehen richtig“ ein, aber zumindest für mich lag Nielsens Einfluss darin, den Fokus stark auf das zu richten, was empirisch richtig ist.
Es ging darum, mit echten Menschen zu testen, was bei der Vermittlung von Informationen funktioniert, und „sieht gut aus“ wurde dabei oft geopfert.
Deshalb wirkten seine Ergebnisse zwar „hoffnungslos altmodisch“, aber in diesem Kampf war er meiner Meinung nach auf der richtigen Seite.
Es gab viele Sites, die glaubten, es sei eine gute Idee, vor dem Betreten der Website einen Flash-Splashscreen zu zeigen, und Designer benahmen sich, als hegten sie einen Groll gegen Schrift, die groß genug war, dass normale Menschen sie lesen konnten.
Damals hatte ich das Gefühl, dass weder Designer noch klassische HCI-Leute noch Programmierer das Web wirklich verstanden, und Nielsen konzentrierte sich immerhin auf das Web.
Allerdings klammerte er sich an die Erwartungen der frühen Nutzer eines völlig neuen Mediums und sah nicht, dass es, weil es noch ganz am Anfang stand, zwangsläufig evolvieren würde.
Er sagte Dinge wie „Hyperlinks müssen immer blau und unterstrichen sein“, aber zu diesem Zeitpunkt war die Verbreitung des Webs noch viel zu früh, um solche starren Regeln anzuwenden, finde ich.
Dadurch bekam ich großen Respekt vor Usability, und Designer hassten Nielsen.
Seitdem wende ich es bei jedem Design und Redesign weiter an.
Das alte UseIt.com https://web.archive.org/web/19990125092506/http://useit.com/ wird wohl für immer mietfrei in meinem Kopf wohnen.
https://www.nngroup.com/articles/why-you-only-need-to-test-w...
Ich mochte Zeldmans A List Apart, aber mir war nicht klar, dass er schon so viel älter war, als wir alle Mitte 20 waren.
Ich dachte, wir gehörten zur selben Generation :D
Auf Nielsen hätte ich ehrlich gesagt verzichten können; vielleicht hat er Millionen von Menschen geholfen, leichter benutzbare Sites zu verwenden, aber er war zu starr und langweilig.
Besonders frustrierend fand ich diesen rezeptartigen Ansatz à la „Auf einer Homepage müssen diese Links stehen“, und ich glaube, Philip Greenspun hat ihn irgendwann einmal ordentlich aufgespießt.
Die Leute wollten Antworten und Orientierung und waren bereit, viel Geld dafür zu zahlen; er war Berater und hat beraten, also verstehe ich, warum er das tat.
In einer sich schnell verändernden Welt haben Antworten ein kurzes Haltbarkeitsdatum, und vielleicht hat er deshalb schon vor langer Zeit seine Site vom Netz genommen, weil er wusste, dass seine Landkarte zu sehr veraltete.
Trotzdem waren es vergnügliche Zeiten, eine wirklich gute Ära.
Es ging nicht nur um das Problem, alles auf eine Seite zu packen, sondern auch darum, alles oberhalb der Falz zu platzieren, weil aus heutiger Sicht erstaunlich viele Nutzer nicht nach unten scrollten.
Die Leute wussten nicht, dass sie scrollen konnten, und in späteren Experimenten wurde der Wendepunkt beobachtet, an dem Scrollen normal wurde.
Die Umgebung, in der Sites funktionieren mussten, war nicht nur technisch, sondern auch sozial völlig anders, und es ist nur natürlich, dass solche Details nicht bis heute unverändert weiterbestehen.
Ich war damals zwar in der Highschool, folgte aber gern Dave Shea, Andy Budd, Doug Bowman, Shaun Inman, Mike Davidson und vielen weiteren, deren Namen ich inzwischen vergessen habe.
Siegel schlug in einer Ausgabe des „Killer“-Buchs vor, Sites mit einem zwei- bis dreistufigen „Eingangsportal“ zu versehen, und Greenspun hielt das für dumm.
Nielsens Ansatz schätze ich ziemlich hoch ein.
Wenn das Web wieder zu Usability zurückkehrte, könnte es viel besser sein.
Wir haben uns enorm angestrengt, einen großen Teil dessen nachzubauen, was Flash bot, aber wollen wir wirklich, dass beim Scrollen Fotos und Textblöcke herumfliegen?
Beim ersten Mal sieht es cool aus, aber danach? Sagt irgendjemand: „Die Informationen auf dieser Site sind großartig, aber ich wünschte, sie würden wie ein Jack Russell Terrier über den Bildschirm springen“?
Außerdem ist auf dem Startbildschirm ein Artikel, der morgen ein Jahr alt wird, mit „new“ markiert.
Die Zeiten scheinen sich geändert zu haben.
Für meinen Geschmack und im Vergleich zur Realität der Tests, die ich täglich durchführte, war er zu starr und zu pedantisch.
Mir ist erst jetzt klar geworden, dass Jeffrey Zeldman Anfang 1997 42 wurde.
Anfang der 2000er dachte ich immer, er sei nur ein paar Jahre älter als wir.
Auf ihren Websites „View Source“ zu benutzen, war gut investierte Bildungszeit.
Mir fällt auch der Witz ein: Warnung: In manchen Regionen könnte „View Source“ illegal sein, also nach eigenem Ermessen verwenden.
Ich begann meine Karriere Anfang der 2000er, und in der Zeit, als meine Design- und Flash-Arbeiten im Internet waren, waren Zeldman, Siegel und viele andere Helden, während Nielsen der Bösewicht war.
Mitte der 2000er arbeitete ich dann viel für Krankenhäuser und Ärzte und befasste mich intensiv mit Barrierefreiheit, HIPAA-Compliance und Ähnlichem; ungefähr zu dieser Zeit wurden Leute wie Nielsen zu Helden :-)
Ich vermisse die frühen Tage, als man einfach per View Source sehen konnte, wie etwas Cooles auf einer Seite funktionierte
Heute gibt es kaum noch etwas Cooles, und wenn doch, kann man zwar mit dem Inspector darin herumwühlen, aber meist ist es tief in obfuskiertem JavaScript vergraben und man wird es wahrscheinlich nicht entziffern können
Eine der besten View-Source-Erfahrungen, die ich seit Jahren hatte: https://github.com/BenjaminAster/CSS-Minecraft/tree/main
Modernes CSS ist unglaublich reichhaltig
Ein weiteres wichtiges Buch war für mich Web Pages That Suck
Das Buch hat tatsächlich ziemlich gegen Creating Killer Web Sites ausgeteilt, und damals gab es viele Leute mit großem Ego
Ich habe ziemlich viel daraus gelernt, und Flanders hat vielleicht immer noch eine Site
Ich war auf seiner Mailingliste, habe aber seit etwa zehn Jahren nichts mehr gehört
Heute ist alles so optimiert und effizient, dass ich die Zeiten vermisse, in denen Webseiten manchmal ein Chaos waren
Auch wenn sie schwer zu benutzen waren, hatten sie wenigstens Persönlichkeit
Es ist ein bisschen wie bei Autos: Man schaut sich im Museum ein sehr altes Auto an und fragt sich, wofür all diese Pedale und Hebel gut sind, ist aber froh, es nicht selbst fahren zu müssen
Die mystery meat navigation, die Flanders genau kritisierte, hatte enormen Einfluss auf mich und klingt mir immer noch im Kopf nach, wenn ich über Usability-Probleme nachdenke
Ich habe Creating Killer Web Sites noch im Bücherregal
Ich hatte es einfach früh gekauft und nie gedacht, dass es einmal ein Klassiker werden würde
Es war trotzdem eine großartige Erfahrung, Websites zu sehen, die nach den im Buch gezeigten Methoden gestaltet waren, aber praktisch war es meiner Meinung nach nicht
Für mich wirkte es eher wie eine direkte Nachbildung von Printmedien
Wenn man sich erinnert, wie ColdFusion oder Dreamweaver damals funktionierten, gibt es eindeutig Teile, die von DTP-Software wie QuarkXPress übernommen wurden
Es ist schön, an diese Zeit zurückzudenken, aber letztlich bin ich nicht in Richtung Site-Design gegangen
Nachdem ich lange genug mit Websites sowie Print- und Webdesign gearbeitet habe, mit allen möglichen Technologien von REX-BBS-Skripten bis hin zu heutigem ES6, SVG und WebGL, kann ich kühn sagen: Diese Leute hatten keine Ahnung, was sie im Web taten
Sie waren vermutlich Top-Designer im Printbereich, und das verdient Anerkennung, aber das Web ist kein Druckerzeugnis
Sie verstanden dieses neue Medium nicht, den Bildschirm nicht und auch nicht die Tatsache, dass man nicht alle Informationen auf dieselbe Seite packen muss
Vermutlich begannen Menschen erst um 2010 herum, als alles wieder flach und einfacher wurde, vernünftiges Webdesign zu machen
Selbst 2005 war Usability noch ein neues Konzept, und Apples K-12-Interface half auch nicht besonders
Natürlich ergaben einige Designentscheidungen von System OS durchaus Sinn, aber das war nicht das Web
Das meiste, was diese Bücher lehrten, war, wie man einen Illustrator-, CorelDRAW- oder Quark-Ansatz auf Webseiten überträgt
Zu wenige experimentierten damit, wie wenig man mit vorgegebenen Widgets wie Seiten und Buttons zeigen und es trotzdem navigierbar machen kann
Bei der Kartografie ist es ähnlich: Sie bewegt sich noch langsamer und produziert immer noch informationsüberladene Karten wie 1834
Das ist vielleicht eine sehr unpopuläre Aussage, aber meiner Meinung nach haben Game-Designer und Game-UI-Designer das Web viel stärker inspiriert als die überbewerteten Designer der Anfangszeit
Auch wenn diese frühen Designer bei Postern und Print hervorragende Arbeit leisteten
Manche Spiele waren in der Einfachheit ihrer Interfaces wirklich voraus und wunderschön, sodass man sagen kann, dass der größte Teil der Welt erst verspätet dort ankam, wo Gamer und Demoscene-Leute schon Jahre zuvor waren
Ich habe meine Karriere begonnen, indem ich von diesen Leuten gelernt habe, und mochte Sites wie A List Apart
Als Zeldman mir eines Tages eine Mail mit einem Verbesserungswunsch zu einem von mir erstellten WordPress-Plugin schickte, war ich aufgeregt, als hätte ich eine Berühmtheit getroffen, und es fühlte sich an, als hätte sich der Kreis geschlossen
Zeldman war in den 2000ern einer meiner Helden
Eric Meyer könnte meiner Meinung nach ebenfalls auf die Liste: https://en.wikipedia.org/wiki/Eric_A._Meyer
Ich habe nichts gefunden, das so schlicht und auf den Punkt ist
Ich frage mich immer, wie alt man wohl sein muss, um zu vergessen, dass im Netscape Navigator 4 Tabellen nur bis zu 7 Ebenen verschachtelt werden konnten
Ich vermisse diese Ära sehr
Sie war wirklich glücklich, positiv und unschuldig
Die Leute wollten aufrichtig Dinge bauen, einander etwas beibringen und Spaß haben
Heute fühlt sich alles so unecht und von Eitelkeit getrieben an
Ich werde nie vergessen, wie ich HTML + CSS gelernt habe, indem ich die Bücher dieser Leute las und Foren wie Designer's Talk ständig aktualisierte