Os gurus do web design dos anos 90: Zeldman, Siegel, Nielsen
(cybercultural.com)- Em 1997, o web design vivia um período em que Flash e CSS ganhavam força, enquanto experimentação visual, padrões e usabilidade entravam em choque, e Zeldman, Siegel e Nielsen representavam soluções diferentes
- David Siegel usava ativamente hacks de HTML para superar os limites de expressão antes do CSS e do Flash, aceitando até tabelas invisíveis, GIFs de 1 pixel e otimização para navegadores específicos
- Jakob Nielsen via a necessidade de HTML semântico e acessibilidade em diferentes navegadores para que sites se tornassem “ferramentas sérias de negócios”, e adotou o CSS como solução para separar conteúdo e apresentação
- Jeffrey Zeldman apoiava o CSS, mas escolheu um compromisso pragmático ao usar ferramentas como Shockwave e Flash, buscando ao mesmo tempo expressão estética e adesão a padrões
- Embora os caminhos dos três tenham se separado depois, o debate de 1997 mostra que tipo de equilíbrio o web design precisava buscar entre ornamentação, compatibilidade e usabilidade
Três correntes que dividiram o web design em 1997
- Em 1997, o web design mudava rapidamente com a ascensão simultânea de Flash e CSS
- David Siegel defendia o uso indireto do HTML para alcançar um acabamento visual mais refinado
- Jakob Nielsen via simplicidade, acessibilidade e estrutura semântica como princípios centrais da web
- Jeffrey Zeldman ficava entre essas duas correntes, buscando ao mesmo tempo senso visual e usabilidade
Jeffrey Zeldman: pragmatismo entre gráficos e padrões
- Zeldman tinha 42 anos no início de 1997 e migrou para o web design depois de passar por aspirações como romancista, jornalismo, música em turnê e publicidade
- Ele considerava que o treino de “transmitir de imediato” aprendido na publicidade o ajudou na web, e criou seu primeiro site em 1995
- No fim de 1996, escreveu em seu site pessoal que “o texto com hiperlinks criou a web, e os gráficos a transformaram em um playground para consumidores”
- Na época, a web tinha fortes restrições de tamanho de arquivo e uso de imagens, e Zeldman aconselhava usar o mínimo possível de imagens e reduzir o tamanho dos arquivos
- As páginas eram produzidas escrevendo HTML em um editor de texto simples do Macintosh e criando gráficos no Photoshop
- Embora valorizasse os fundamentos de HTML, também recomendava usar
File: View Sourcepara aprender com o trabalho de outros designers
David Siegel: “HTML terrorist” e controle visual
- Zeldman foi fortemente influenciado, em seus primeiros anos como web designer, por Creating Killer Web Sites: The Art of Third-Generation Site Design, de David Siegel
- A edição de 1996 do livro, anterior à consolidação de CSS e Flash, defendia hacks de HTML para criar sites mais atraentes
- A técnica central era controlar o layout com tabelas invisíveis e GIFs de 1 pixel
- A edição de 1996 tinha um capítulo “A PDF Primer”, mas não mencionava CSS
- Na segunda edição, de fevereiro de 1997, o capítulo sobre PDF saiu e entrou “A CSS Primer”
- Siegel tinha cerca de 37 anos no início de 1997 e era um designer com formação em tipografia digital
- Ele dizia que usaria todos os meios necessários para implementar boa tipografia e comunicação clara na web, com foco no Netscape Navigator
- Afirmava que “não faria páginas otimizadas para todos os navegadores”, postura alinhada à tendência de sites que funcionavam direito apenas em navegadores específicos
Jakob Nielsen: usabilidade e estrutura semântica da web
- Jakob Nielsen tinha 39 anos em 1997 e se autodenominava “usability guru”
- Seu objetivo era remover o brilho superficial da web e transformar sites em ferramentas sérias de negócios
- Defendia com força designs acessíveis em todos os principais navegadores e recomendava codificação semântica para separar conteúdo e apresentação
- No início, seu foco estava em respeitar a estrutura definida pela especificação de HTML
- Por exemplo, em vez de definir um cabeçalho como “Garamond 18 pixels em negrito”, usava estruturas como H1 e H2
- Sua posição era que cada navegador deveria decidir como apresentar esses cabeçalhos ao usuário
- Logo passou a apoiar o CSS e, no fim de 1996, embora o CSS ainda não fosse amplamente usado, considerava que era a única solução para implementar boa apresentação diante do aumento de navegadores e dispositivos de exibição
Limites do suporte a CSS e a guerra dos navegadores
- No início de 1997, o suporte a CSS dos dois principais navegadores era incompleto
- O Internet Explorer 3.0 era o mais próximo de suportar o padrão CSS do W3C, mas tinha muitos bugs e pouca consistência
- O Netscape 3.0 tinha suporte fraco a CSS e tentou criar o JavaScript-Based Style Sheets (JSSS), um sistema de estilização baseado em JavaScript, como alternativa ao CSS
- O JSSS acabou não se disseminando, mas contribuiu para atrasar o apoio do Netscape às folhas de estilo, um dos primeiros padrões da web
- Ao longo de 1997, o abismo entre a abordagem centrada na estética de Siegel e a abordagem semântica de Nielsen aumentou
A ascensão do Flash e o contraste com o CSS
- Zeldman mais tarde se afastaria do Flash, mas em 1997, quando o Flash começou a ganhar popularidade, ele era visto como uma ferramenta de animação capaz de levar o multimídia na web ao próximo nível
- Em maio de 1997, a Macromedia lançou o Flash 2, apresentando-o como uma ferramenta para criar e animar gráficos vetoriais independentes de resolução sem programação
- Os pontos fortes do Flash contrastavam com as fraquezas do CSS naquele momento
- Era mais fácil de aprender do que CSS
- Na época, permitia fazer visualmente muito mais do que o CSS
- Funcionava como plugin de navegador, sem depender da implementação das empresas de browsers
- Podia ser aproveitado se os usuários baixassem o plugin em grande escala
- Siegel, na segunda edição de Creating Killer Web Sites, publicada em setembro de 1997, via o Flash como a melhor opção para levar os gráficos vetoriais ao mainstream da web
- No mesmo livro, ele também tratou do CSS em um novo capítulo, mas avaliava que, em agosto de 1997, os navegadores ainda não implementavam adequadamente a promessa das folhas de estilo
- Nielsen rejeitou rapidamente o Flash e, alguns anos depois, escreveu que o Flash era “99% bad” e quase sempre uma “doença de usabilidade”
- Siegel também se preocupava com o fato de o Flash ser uma ferramenta proprietária possuída e controlada pela Macromedia
- O software Flash não era open source
- O formato de arquivo
.flaera proprietário - O resultado final não seguia os padrões da web
Os caminhos posteriores dos três personagens
- Os três tentavam levar adiante a profissão nascente do web design, e, por causa das mudanças da plataforma web em 1997, o web design era inevitavelmente experimental
- O Useit, de Nielsen, manteve um design minimalista sem ornamentação e, na era da Web 2.0, pareceu a muitos profissionais de web design um site ultrapassado
- O Useit permaneceu por mais alguns anos e, no fim de 2012, foi incorporado ao site do NNGroup
- Em 2025, Nielsen escreve sobre IA no Substack
- Siegel tinha, entre os três, a formação de design mais especializada, com mestrado em tipografia digital e passagem pela Pixar
- Depois das duas edições de Killer Web Sites em 1996–1997, ele migrou do web design para o lado de negócios da web
- Mais tarde promoveu Pull: The Power of the Semantic Web to Transform Your Business e também se interessou por blockchain
- Hoje, o site cuttingthroughthenoise.net mostra vários interesses pessoais e de negócios
- Zeldman continua atuando como web designer
- Desde 2019, trabalha como Executive Creative Director da Automattic, criadora de WordPress, Tumblr e outros produtos
- Continua blogando sobre web design em zeldman.com
- Desde fevereiro de 2019, usa o tema padrão do WordPress e, em 2025, afirmou estar preparando um redesign do site
- A abordagem de Zeldman combinava padrões da web e senso de design, e, entre os três gurus de 1997, seu site da época é avaliado como o mais interessante e exótico
1 comentários
Opiniões no Hacker News
Este texto coloca Nielsen no lado do “tecnicamente correto”, mas, pelo menos para mim, a influência de Nielsen foi me fazer focar fortemente no que era correto empiricamente
Era uma forma de testar com pessoas reais o que funcionava para transmitir informação, e o “ficar bonito” muitas vezes era sacrificado
Por isso os resultados dele pareciam “desesperadamente antiquados”, mas acho que ele estava do lado certo nessa briga
Havia muitos sites que acreditavam ser uma boa ideia mostrar uma tela splash em Flash antes de entrar no site, e era uma época em que designers pareciam ter alguma aversão a letras grandes o bastante para uma pessoa comum conseguir ler
Na época, eu sentia que nem designers, nem o pessoal clássico de HCI, nem programadores entendiam direito a web, e Nielsen pelo menos se concentrava na web
Mas ele se apegava às expectativas dos usuários iniciais de uma mídia completamente nova, sem perceber que, por ainda estar no começo, ela inevitavelmente evoluiria
Ele dizia coisas como “hiperlinks devem ser sempre azuis e sublinhados”, mas, naquele momento, a adoção da web ainda era inicial demais para aplicar esse tipo de regra rígida
Isso me fez ganhar grande respeito pela usabilidade, e os designers odiavam Nielsen
Desde então continuo aplicando isso em todo projeto e redesign
O antigo UseIt.com https://web.archive.org/web/19990125092506/http://useit.com/ provavelmente vai morar de graça na minha cabeça para sempre
https://www.nngroup.com/articles/why-you-only-need-to-test-w...
Eu gostava de A List Apart, do Zeldman, mas não sabia que ele era tão mais velho quando todos nós estávamos na casa dos 20 e poucos
Achava que éramos da mesma geração :D
Nielsen, sinceramente, eu poderia ter passado sem ele; ele talvez tenha ajudado milhões de pessoas a usar sites mais fáceis, mas era rígido e tedioso demais
Em especial, aquela abordagem prescritiva do tipo “a página inicial deve ter estes links” era frustrante, e acho que Philip Greenspun um dia deu uma boa espetada nele
As pessoas queriam respostas e direção, estavam prontas para pagar muito por isso, e ele era um consultor fazendo consultoria, então entendo por que fez aquilo
Num mundo que muda rápido, as respostas têm prazo de validade curto, então talvez ele soubesse que seu guia estava ficando velho demais e tenha tirado o site do ar há muito tempo
Ainda assim, foram tempos divertidos, uma época muito boa
Não era só a questão de colocar tudo em uma página; também era a questão de colocar tudo acima da dobra, porque, surpreendentemente para os padrões de hoje, muitos usuários não rolavam a página para baixo
As pessoas não sabiam que podiam rolar, e experimentos posteriores observaram o ponto de virada em que rolar a página se tornou algo comum
O ambiente em que os sites precisavam funcionar era completamente diferente, não só tecnicamente, mas também socialmente, e é natural que esses detalhes não tenham permanecido iguais até hoje
Eu estava no ensino médio na época, mas adorava acompanhar Dave Shea, Andy Budd, Doug Bowman, Shaun Inman, Mike Davidson e muitos outros de quem já me esqueci
Siegel, em uma edição do livro “Killer”, sugeriu colocar nos sites um “portal de entrada” de 2 ou 3 etapas, e Greenspun achou isso idiota
Eu valorizo bastante a abordagem de Nielsen
Se a web voltasse para a usabilidade, poderia ser muito melhor
Nós nos esforçamos enormemente para recriar boa parte do que o Flash oferecia, mas será que realmente queremos fotos e blocos de texto voando enquanto rolamos a página?
Na primeira vez parece legal, mas e depois? Alguém diria: “as informações deste site são ótimas, mas eu gostaria que elas pulassem pela tela como um Jack Russell terrier”?
Além disso, na tela inicial há um texto que amanhã fará 1 ano com a tag “new”
Parece que os tempos mudaram
Ele era rígido e implicante demais em comparação com meu gosto e com a realidade dos testes que eu conduzia todos os dias
Só agora percebi que Jeffrey Zeldman fez 42 anos no início de 1997
No começo dos anos 2000, eu sempre achei que ele fosse só alguns anos mais velho que nós
Ver o “View Source” nos sites deles foi tempo muito bem gasto em termos educativos
Também me vem à mente a piada de aviso: em algumas regiões, “View Source” pode ser ilegal, então use a seu critério
Comecei a carreira no começo dos anos 2000 e, quando meus trabalhos de design e Flash estavam na internet, Zeldman, Siegel e muitos outros eram heróis, enquanto Nielsen era o vilão
Por volta de meados dos anos 2000, fiz muito trabalho para hospitais e médicos, aprofundando-me em acessibilidade, conformidade com HIPAA etc., e por essa época pessoas como Nielsen se tornaram heróis :-)
Sinto falta dos primórdios, quando dava para ver como algo legal funcionava na página simplesmente com View Source
Hoje quase não há coisas legais e, quando há, até dá para fuçar com o inspetor, mas geralmente está enterrado no fundo de um JavaScript ofuscado, com grande chance de você não conseguir decifrar
Foi uma das melhores experiências de ver código-fonte que tive em anos: https://github.com/BenjaminAster/CSS-Minecraft/tree/main
O CSS moderno é incrivelmente rico
Outro livro importante para mim foi Web Pages That Suck
Ele realmente criticava bastante Creating Killer Web Sites, e naquela época havia muita gente de ego inflado
Aprendi bastante com aquele livro, e talvez o Flanders ainda tenha um site
Eu estava na lista de e-mails dele, mas não ouvi nada nos últimos 10 anos ou algo assim
Hoje em dia tudo é tão otimizado e eficiente que passei a sentir falta da época em que páginas web às vezes eram uma bagunça
Mesmo que fossem difíceis de usar, pelo menos tinham personalidade
É parecido com carros: é legal ver um carro muito antigo num museu e ficar se perguntando para que servem todos aqueles pedais e alavancas, mas também é um alívio não precisar dirigir um
A mystery meat navigation que o Flanders criticava com precisão teve um impacto enorme em mim, e ainda ecoa na minha cabeça quando penso em problemas de usabilidade
Ainda tenho Creating Killer Web Sites na estante
Foi só um livro que comprei cedo, e eu nunca imaginei que viraria um clássico
Ainda assim, ver sites desenhados do jeito que o livro mostrava era uma experiência impressionante, mas acho que não era algo prático
Aos meus olhos, era quase uma reprodução direta da mídia impressa
Se você lembra como ColdFusion ou Dreamweaver funcionavam na época, há partes claramente emprestadas de softwares de DTP como QuarkXPress
É bom relembrar aquela época, mas no fim não segui pelo caminho de design de sites
Depois de trabalhar por bastante tempo com sites e design impresso/web usando todo tipo de tecnologia imaginável, de scripts REX BBS ao ES6, SVG e WebGL de hoje, posso dizer sem medo que essas pessoas não faziam a menor ideia do que estavam fazendo na web
Provavelmente eram designers de primeira linha no impresso, e isso merece elogios, mas a web não é material impresso
Eles não entendiam essa nova mídia, as telas, nem o fato de que você não precisa colocar todas as informações na mesma página
Talvez só por volta de 2010, quando tudo começou a ficar plano e simples de novo, as pessoas tenham começado a fazer design web razoável
Mesmo em 2005, usabilidade ainda era um conceito novo, e a interface K-12 da Apple também não ajudava muito
Claro que algumas decisões de design do System OS faziam bastante sentido, mas aquilo não era web
A maior parte do que esses livros ensinavam era como colocar uma abordagem de Illustrator, CorelDRAW e Quark sobre uma página web
Pouquíssima gente experimentava o quanto era possível mostrar com widgets já dados, como páginas e botões, e ainda assim tornar a navegação viável
Isso também vale para cartografia, que se move mais devagar e ainda faz mapas sobrecarregados de informação como se estivéssemos em 1834
Pode ser uma opinião muito impopular, mas acho que designers de jogos e designers de UI de jogos inspiraram a web muito mais do que aqueles designers iniciais superestimados
Mesmo que esses designers iniciais fossem excelentes em pôsteres e materiais impressos
Alguns jogos estavam realmente à frente na simplicidade da interface e eram lindos, então dá para dizer que a maior parte do mundo chegou tarde a um lugar que gamers e pessoas da demoscene já tinham alcançado anos antes
Comecei minha carreira aprendendo com essas pessoas e gostava de sites como A List Apart
Um dia, quando o Zeldman me mandou um e-mail pedindo melhorias em um plugin do WordPress que eu tinha criado, fiquei empolgado como se tivesse conhecido uma celebridade, e senti que o ciclo tinha se fechado
Zeldman foi um dos meus heróis nos anos 2000
Acho que Eric Meyer também poderia entrar na lista: https://en.wikipedia.org/wiki/Eric_A._Meyer
Nunca encontrei algo tão simples e direto ao ponto
Sempre me pergunto com que idade vou conseguir esquecer que no Netscape Navigator 4 só era possível fazer aninhamento de tabelas até 7 níveis
Sinto muita falta daquela época
Era realmente feliz, positiva e pura
As pessoas estavam genuinamente criando coisas, ensinando umas às outras e se divertindo
Hoje tudo parece tão falso e movido por vaidade
Nunca vou esquecer de ter aprendido HTML + CSS lendo os livros dessas pessoas e atualizando sem parar fóruns como Designer's Talk