Os gurus do web design dos anos 90: Zeldman, Siegel e Nielsen

• Após o surgimento de Flash e CSS, três filosofias centrais passaram a moldar o campo do web design por volta de 1997
• David Siegel enfatizava a estética visual por meio de “hacks”, Jakob Nielsen defendia simplicidade e acessibilidade, e Jeffrey Zeldman destacava o equilíbrio entre design e usabilidade
• Na época, as limitações técnicas eram severas, incluindo problemas de compatibilidade entre navegadores e suporte insuficiente a CSS, enquanto o Flash chamava atenção como uma nova experiência multimídia
• Os três gurus contribuíram para a evolução do web design de maneiras diferentes e, com o tempo, cresceu a influência da direção de Zeldman, que enfatizava a harmonia entre padrões e estética
• Atualmente, Zeldman atua como líder na Automattic e está preparando um novo redesign do site

---

Visão geral

Este texto aborda a filosofia e a influência de três gurus que representavam o campo do web design no fim dos anos 1990: Jeffrey Zeldman, David Siegel e Jakob Nielsen. Em um período de transição, marcado pela introdução de novas tecnologias como Flash e CSS e pela ausência de padrões web consolidados, o artigo mostra que direção de design eles propuseram e destaca as atividades atuais de cada um.

O contexto e as limitações do web design nos anos 90

• Por volta de 1997, novas tecnologias web como Flash e CSS começaram a ganhar destaque
• Zeldman entrou na web em 1995, após passar por trajetórias bastante diversas como romancista, jornalista, músico e publicitário
• Na época, a web era vista como um “parquinho de consumidores”, mas as limitações técnicas e de desempenho dos navegadores eram severas
  • Recomendava-se minimizar o uso de imagens e manter os arquivos leves
• Zeldman produzia HTML e gráficos com um editor de texto e o Photoshop, e recomendava respeitar os fundamentos do HTML ao mesmo tempo em que se aprendia observando diretamente o código-fonte de outros designers

A filosofia de design dos três gurus

David Siegel: a filosofia da estética e dos “hacks”

• Em seu livro de 1996, ‘Creating Killer Web Sites’, Siegel defendia o uso de técnicas de hack em HTML para criar layouts refinados em uma época em que CSS e Flash ainda não existiam
  • Fazia uso ativo de tabelas invisíveis, GIFs de um único pixel e outros recursos para controlar o layout
• Seu objetivo era alcançar tipografia perfeita e grande força de comunicação visual, custasse o que custasse
• Em vez de priorizar a compatibilidade entre navegadores, seguia uma estratégia de otimização voltada apenas para navegadores específicos, como o Netscape Navigator
• Chamava a si mesmo de “terrorista do HTML” e colocava a perfeição estética acima de tudo, mesmo ignorando padrões web

Jakob Nielsen: prioridade para usabilidade e padrões web

• Nielsen ganhou fama popular como um guru da usabilidade com a visão de que “praticidade vale mais do que firula”
• Enfatizava a importância de um design acessível em todos os principais navegadores e defendia a separação entre estrutura e apresentação, ou seja, codificação semântica e padrões web
  • Defendia o uso da estrutura semântica do HTML e avaliou positivamente desde cedo a adoção inicial do CSS
• Embora tivesse expectativa quanto ao futuro do CSS, apontava que, naquele momento, o suporte ainda era insuficiente e os problemas de compatibilidade entre navegadores não estavam resolvidos

Jeffrey Zeldman: equilíbrio entre estética e padrões web

• Zeldman adotou ativamente padrões web como CSS, mas mantinha uma postura pragmática, usando também ferramentas “fora do padrão” como Flash ou Shockwave quando necessário
• Sempre sustentou a visão de que “no web design, tanto a estética quanto a acessibilidade web são importantes”
• Ainda em 2002, enfatizava que imagens, layouts com tabelas, folhas de estilo, JavaScript e tecnologias de servidor/cliente podem ser compatíveis com acessibilidade web

Flash versus CSS

• Flash era fácil de aprender e oferecia liberdade visual e recursos de mídia que o CSS da época ainda não conseguia fornecer
• Os navegadores (especialmente Netscape e IE) tinham suporte insuficiente aos padrões de CSS, mas o Flash podia oferecer a mesma experiência em qualquer navegador desde que o plugin dedicado estivesse instalado
• Siegel adotou o Flash rapidamente, mas reconhecia suas limitações, como a ausência de padrões completos e a estrutura de arquivos proprietária
• Já Nielsen criticava fortemente o caráter não padronizado do Flash (a junção entre apresentação e conteúdo) e o classificava como ‘99% bad’, isto é, um “desastre de usabilidade”
• No fim, tanto CSS quanto Flash abriram caminho para ampliar a expressividade da web, mas o CSS, como padrão aberto da web, acabou se tornando dominante no longo prazo

Os caminhos posteriores dos três personagens

• Nielsen manteve seus princípios de usabilidade, preservou o minimalismo do site Useit e, mesmo após a integração do site em 2012, continua pesquisando ICT e AI
• Siegel deixou de ser apenas um teórico do web design e ampliou sua atuação para várias áreas, como negócios digitais, web semântica e blockchain
• Zeldman é atualmente Executive Creative Director na Automattic (WordPress, Tumblr etc.) e continua compartilhando sua filosofia de design no blog pessoal, além de preparar o redesign do site

Conclusão

• Os três nomes que simbolizaram o web design dos anos 90 contribuíram para a evolução da web com filosofias distintas
• Após um período de transição em que tecnologia, padrões e experimentação estética coexistiam, a fusão entre padrões web e senso de design acabou conduzindo a principal direção da web atual
• A abordagem de Zeldman, ao mesmo tempo pragmática e equilibrada, continua influenciando web designers

[GN⁺]

Opiniões do Hacker News

• Este texto trata Nielsen como alguém que estava certo apenas "tecnicamente", mas quero enfatizar que, pelo menos para mim, ele foi alguém que me fez focar em saber se algo estava "certo na prática". Teve grande influência o fato de ele ter feito pesquisas testando com usuários reais para descobrir formas eficazes de transmitir informação. Por isso, embora o resultado visual fosse bem cafona, acredito que, em essência, ele estava apontando na direção correta
  • Tenho mais respeito pela linhagem de interação humano-computador (HCI) à qual Nielsen pertencia do que por Nielsen pessoalmente. Na época, nem designers, nem especialistas tradicionais em HCI, nem desenvolvedores entendiam de fato a web. Nielsen ao menos se concentrava na web, mas o problema era sua obsessão com as expectativas prévias dos usuários em relação a um meio novo. Quando dizia coisas como "hiperlinks devem ser sempre azuis e sublinhados", acho que isso ignorava o fato de que a web ainda estava em um estágio inicial de evolução, e não que os usuários quisessem de fato essa estabilidade. Parecia uma tentativa de impor regras rígidas cedo demais
  • Sinto que, naquela época, Nielsen era uma das poucas pessoas realmente focadas nas necessidades dos usuários. Era um período em que muitos sites achavam uma boa ideia abrir primeiro uma tela de introdução em Flash, e os designers em geral pareciam odiar tamanhos de fonte realmente legíveis
  • Ao longo dos anos fiz vários cursos do NNG Group. Aprendi com Nielsen e Tog, e embora eu saiba que Don Norman não dava aulas, isso me levou a ter um grande respeito por usabilidade. Os designers realmente odiavam Nielsen
  • Eu não achava que Discount Usability Engineering fosse me ajudar, mas quando coloquei em prática fiquei surpreso com os resultados, e desde então continuo usando isso em todo design/redesign. Quero agradecer ao Sr. Nielsen. O antigo link do UseIt.com (archive) sempre ficou na minha cabeça
  • Dependendo de como se define a "luta", dá para avaliar de formas diferentes. Na época de Nielsen, duas coisas estavam acontecendo. 1) arte, no sentido de criar seu próprio canto divertido e esquisito que ninguém iria ver, 2) empresários construindo webapps sérios para clientes. Os princípios de Nielsen eram excelentes para o segundo caso, mas um desastre para o primeiro. Como a web moderna perdeu todo o charme em nome de receita e eficiência, a história acabou registrando Nielsen de forma favorável
• Eu gostava muito da A List Apart do Zeldman. Na época, como todo mundo parecia ter uns vinte e poucos anos, eu não fazia ideia da idade dele e achava que era da nossa faixa etária :D. O Nielsen, sinceramente, nunca me tocou muito. Claro, ele ajudou milhões de usuários a usar as coisas com mais facilidade, mas a abordagem era rígida e entediante demais. Eu detestava especialmente essa postura prescritiva de dizer que certos links tinham obrigatoriamente de estar na homepage. Também lembro do Philip Greenspun criticando isso. Acho que todo mundo queria respostas claras e estava disposto a pagar por elas, e por isso ele conseguiu ter sucesso com consultoria. Num mundo que muda rápido, essas respostas também vencem rápido. Talvez por isso ele tenha tirado o próprio site do ar há muito tempo. Acho que percebeu que aquele mapa já estava envelhecido e fora de época. Ainda assim, foi uma época realmente incrível
  • As pessoas usuárias naquela época também eram diferentes das de hoje. O motivo de concentrar tudo em uma única página, e ainda por cima "acima da dobra" (above the fold), era que muitos usuários não sabiam rolar a página. Só depois a rolagem virou padrão. O ambiente dos sites era completamente diferente, tanto técnica quanto socialmente. É totalmente natural que esses detalhes não tenham continuado até hoje
  • O universo dos blogs de CSS/design do começo dos anos 2000 era realmente fascinante. Quando eu estava no ensino médio, adorava acompanhar gente como Dave Shea, Andy Budd, Doug Bowman, Shaun Inman, Mike Davidson e outros
  • Há muito tempo eu tocava um serviço de testes de usabilidade e, no caso do Nielsen, também tive essa impressão de que ele era rígido demais e obcecado por detalhes minuciosos. Parecia distante da realidade dos testes reais que eu rodava todos os dias
  • Pelo que lembro, Greenspun zombava mais do Siegel. No livro dele, Siegel enfatizava portais de entrada em 2 ou 3 etapas, e Greenspun achava aquilo absurdo. Eu avalio a abordagem do Nielsen de forma bastante positiva. Não seria ruim voltar a uma época em que "usabilidade" era valorizada na web. Hoje em dia se gasta um esforço imenso para recriar recursos da era do Flash, mas fico na dúvida se alguém realmente quer ver texto e fotos saltando pela tela quando faz scroll. No começo é curioso, mas depois só atrapalha. Acho que ninguém diz: "essa informação deste site é excelente, só queria que ela pulasse pela tela mais como um cachorrinho"
  • Visitei a A List Apart depois de muito tempo e ela está completamente diferente. E há um post de um ano atrás marcado como "New" na homepage. Os tempos realmente mudaram muito
• Só agora me dei conta de que "Jeffrey Zeldman — 42 anos no começo de 1997". No início dos anos 2000, eu achava que ele tinha só alguns anos a mais do que nós. Ver o "View Source" dos sites deles era realmente um momento de aprendizado. Só para constar, em alguns países o ato de "View Source" pode ser ilegal, então cada um que tome cuidado. Comecei minha carreira no começo dos anos 2000, publiquei muito trabalho em Flash, e Zeldman e Siegel eram meus heróis. Nielsen era o inimigo. Mas lá pela metade dos anos 2000, quando comecei a trabalhar com hospitais e clínicas e lidar com acessibilidade, HIPAA e questões afins, Nielsen acabou virando meu herói também :-)
  • Na verdade, ele realmente só tinha alguns anos a mais do que nós naquela época
  • Fiquei curioso para saber onde "View Source" seria ilegal
• Sinto falta daquela época em que era fácil simplesmente usar "View Source" para ver como algum efeito legal tinha sido feito. Hoje em dia quase não há nada que se destaque e, quando há, você precisa fuçar no inspector para encontrar algo escondido sob dezenas de camadas de JS ofuscado, o que torna a análise quase impossível
  • Você já explorou recentemente o projeto Minecraft feito em CSS? (CSS-Minecraft GitHub) Foi de longe a melhor experiência de "View Source" que tive em muito tempo
  • Ainda é divertido explorar o HTML/CSS de sites criados com criatividade, e não por máquinas de JS. O CSS moderno é realmente muito rico
• Para mim, o livro <i>Web Pages That Suck</i> também foi marcante. Ele também zoava <i>Creating Killer Web Sites</i>. Na época havia uma grande disputa de egos. Talvez o Flanders ainda mantenha o site hoje em dia. Eu também assinei a mailing list, mas não recebo notícias há mais de 10 anos
  • Eu também adorava aquele site. Hoje tudo é otimizado demais e, às vezes, até sinto falta das páginas toscas de antigamente. A usabilidade podia ser ruim, mas cada uma tinha sua própria personalidade. É parecido com a diversão de ver carros clássicos antigos num museu e imaginar para que serviam todas aquelas alavancas e pedais apertados. Talvez você não queira dirigir um de verdade, mas é divertido olhar
  • Esse livro também foi marcante para mim e foi o ponto de partida da minha carreira. A crítica do Flanders à "mystery meat navigation" (navegação em que não fica claro o que cada menu significa) teve uma influência enorme em mim, e eu ainda penso nisso sempre que me deparo com problemas de usabilidade
• Sinto muita saudade dessa época. Foi um período muito feliz, positivo e puro. Todo mundo estava sinceramente tentando construir algo e ensinar uns aos outros. Hoje tudo parece artificial e cheio de vaidade. Nunca vou esquecer a época em que eu aprendia HTML+CSS, lia os livros deles e ficava dando refresh em fóruns como Designer's Talk
• Hoje em dia há sites demais com pop-ups pedindo assinatura ou feedback, e é difícil ler porque o conteúdo fica pulando para cima e para baixo toda vez que JavaScript e anúncios carregam. Sinto que a web regrediu enormemente nos últimos anos. E parece que nem existe mais gente discutindo isso de forma crítica
• Ainda tenho "Creating Killer Websites" na minha estante. Comprei cedo, mas não sabia que viraria um clássico. Foi marcante ver sites reais com designs como os mostrados no livro. Mas, na minha opinião, não era prático. No fim, parecia uma cópia da mídia impressa. Ferramentas antigas como Coldfusion ou Dreamweaver pareciam quase um QuarkXpress (software de DTP). Sinto falta daquela época, mas no fim não segui para a área de design de sites
  • Talvez seja uma unpopular opinion, mas eu também consigo rir disso de forma parecida. Tendo passado por quase toda a experiência de web/design impresso, de scripts de BBS até ES6, SVG e WebGL, acho que os principais nomes daquela época não sabiam o que estavam fazendo na web. Eles eram excelentes no impresso, mas web não é impresso. Numa tela, que era um meio novo, não é preciso colocar toda a informação na mesma página. Só por volta de 2010 parece que o web design racional voltou a começar. Em 2005, usabilidade ainda era um conceito novo, e a UI K-12 da Apple também não ajudava muito. O que aqueles livros ensinavam era mais como aplicar design de pôster impresso à web, e havia pouca experimentação com interações próprias da web, como widgets ou botões. A cartografia também evolui devagar pelo mesmo motivo. Pessoalmente, acho que designers de jogos e de UI de jogos mostraram interfaces muito mais inovadoras e modernas desde cedo. Em muitos casos, os games e a demoscene estavam à frente do seu tempo
• Nos anos 2000, Zeldman era meu herói. Acho que Eric Meyer(Wikipedia) também deveria estar nessa lista
  • Eu ainda uso o CSS Reset 2.0 do Eric até hoje. Ainda não vi nada tão conciso e intuitivo quanto isso
• Às vezes me pergunto se vai chegar a idade em que vou esquecer que, no Netscape Navigator 4, só era possível aninhar tabelas até 7 níveis