O design na web veio de um ciclo completo desde seus primeiros dias.

Houve um renascimento de designs de sites simples e discretos que colocaram o conteúdo em primeiro plano, evitando os gráficos ousados ​​da última década, semelhante à forma como os primeiros sites colocaram a ênfase na função e no conteúdo.

Mas é provável que a Web e a maneira como foi projetada se movam em ciclos, como a maioria das tendências. Em algum momento no futuro próximo, poderemos mais uma vez ver sites com mais “designs” explícitos, com o conteúdo reduzindo um pouco a escala de importância.

Você perceberá ao longo deste artigo que há casos em que coloquei "design" entre aspas. Claro, todos os sites são projetados para uma extensão ou outra, e design não significa apenas gráficos.

As citações estão lá para diferenciar entre designs abertos e visualmente dominantes e a prática geral do design.

No início…

Nos primeiros dias da Internet, havia muito pouco "design" acontecendo. Na maior parte, as páginas da Web eram texto, com talvez uma ou duas imagens jogadas em boa medida. Muito disso foi devido a limites de largura de banda e preocupações com o tempo de carregamento (quando todos estão em dial-up, cada byte conta). E muito disso foi porque não havia muitas funções de “design” embutidas nos padrões da web.

Acrescente problemas a diferentes navegadores que exibem as coisas de maneiras muito diferentes, e você pode ver por que quase ninguém se incomodou com o design, além de alguns estilos de texto. Conteúdo reinou supremo (ao lado do GIF animado ocasional).

A web era nova e as pessoas se aproximavam muito do design de impressão. Não havia muitos web designers “profissionais”, e tendia a haver mais pessoas projetando para a web que vieram de um fundo de software em vez de um plano de fundo de design. Por causa disso, os designs visuais foram mantidos mínimos, ou foram muito, muito ruins.

Devemos mencionar aqui a prevalência do plano de fundo da “noite estrelada” nos primeiros projetos de websites. Está teorizado que a predominância desse espaço sideral é devido ao grande número de fãs de ficção científica e videogames que estavam on-line no início dos anos 90. Às vezes, essas origens eram feitas de imagens de azulejos estáticos, enquanto outras tinham animação piscando ou cintilando. Em ambos os casos, eles eram incrivelmente comuns nos primeiros sites.

Texto intermitente foi uma das piores tendências dos primeiros dias de web design. O texto em arco-íris (especialmente o texto animado que mudou as cores em um loop constante) foi outra tendência que desapareceu de sites profissionais (embora ainda seja vista em sites amadores, imediatamente remetendo a meados dos anos 90, embora geralmente sem uma sugestão de nostalgia). Estas foram as primeiras grandes tentativas de “design” visual na web.

Quadros, Tabelas, Flash e o Pico do “Design”

Não demorou muito para que as pessoas descobrissem que poderiam formatar seus sites usando tabelas HTML. Enquanto isso fez muito para avançar no mundo do web design, também resultou em alguns projetos de sites realmente horríveis. Ele também foi adicionado ao tamanho dos sites e aos tempos de carregamento, já que eles exigiam várias imagens de plano de fundo para criar o design na maioria dos casos.

Os frames eram outra maneira pela qual muitos criadores de website formatavam seu conteúdo. Um frame conteria elementos de navegação, enquanto outro conteria o conteúdo principal. O quadro de navegação permaneceria estático à medida que o novo conteúdo fosse carregado. Os quadros também foram usados ​​para exibir links externos mantendo o cabeçalho do site original ou outras informações (essa técnica ainda é usada por vários sites hoje em dia, mais notadamente About.com ).

O Flash também entrou em cena ao mesmo tempo e foi usado para criar sites animados totalmente interativos. Os tempos de carregamento para sites em Flash foram maiores em muitos casos, mas como a Internet de banda larga se tornou mais comum, os tempos de carregamento se tornaram menos importantes.

A internet naquela época era dominada pelo design. O conteúdo, em muitos (mais?) Casos, ficou em segundo plano no estilo visual. Os designers (profissionais e entusiastas) queriam mostrar suas habilidades de design, e o conteúdo e a usabilidade sofreram. Mas a web ainda era relativamente jovem e não fazia parte da vida cotidiana de bilhões de pessoas, como é agora.

A arquitetura e a usabilidade da informação ainda estavam em seus primeiros dias on-line e foram amplamente ignoradas por muitos designers. Os sinos e assobios eram o foco principal, independentemente de eles realmente melhorarem a experiência do usuário.

Web 2.0: balanceamento de conteúdo e design

Com o advento da Web 2.0, blogs e mais conteúdo gerado pelo usuário, o conteúdo começou a se tornar mais importante. O design arrojado ainda era importante, e ainda pensava muito e, em alguns casos, ainda prevalecia sobre o conteúdo exibido.

O Squidoo é um ótimo exemplo de estilos de design comuns à era da Web 2.0.

Houve alguns sites durante esse período que colocaram o foco mais diretamente no conteúdo (a Wikipédia provavelmente seria a mais proeminente delas), mas o design aberto ainda desempenhava um papel importante na maioria.

A Web 2.0 pode ser creditada com ênfase no conteúdo e, finalmente, dando a função pelo menos tanta importância quanto a forma. A maioria dos sites da Web 2.0 eram relativamente fáceis de usar e enfatizavam a experiência do usuário. Ainda havia uma ênfase nos elementos e gráficos de “design”, mas geralmente não à custa do conteúdo e usabilidade do site.

MySpace Design

Provavelmente, o pior a sair da era da Web 2.0 é o que eu chamarei de “design do MySpace”. Gráficos de brilho. Arco-íris e unicórnios. Combinações de cores horríveis e ilegíveis. Páginas com tudo animado. E todos os geradores que permitiram que pessoas sem experiência em design e sem conhecimento de HTML ou CSS criassem páginas de perfil mais horríveis do que qualquer “design” amador jamais criado nos primeiros dias da web. E para adicionar insulto à injúria, eles foram escritos principalmente em HTML e CSS mal formatados.

Felizmente, esses tipos de sites e páginas completamente exagerados e exagerados caíram no esquecimento. Claro, eles ainda são comumente vistos nos perfis do MySpace de garotas de 14 anos de idade (entre muitas outras demografias), mas felizmente elas não se espalharam pela web em geral. Com a exceção de Cornificar , claro.

O foco está de volta no conteúdo

Nos últimos dois anos, tem havido um ressurgimento de designs simples e limpos. Mesmo projetos que seriam considerados "grungy" ou "Web 2.0" -ish muitas vezes têm uma simplicidade sobre eles. O foco é colocado de volta no conteúdo.

Frieze Magazine tem um design muito limpo e simples, com ênfase no conteúdo.

Uma das razões que levam a essa tendência é o número de pessoas que estão navegando na Web em smartphones. Usuários navegando de um iPhone ou outro smartphone de tela grande não necessariamente querem ver um site para celular. Mas navegar em um site que é excessivamente complexo é uma tarefa em uma tela pequena.

O Typographica é outro ótimo exemplo de um site que fornece o palco do centro de conteúdo.

Esses novos designs oferecem conteúdo, enquanto desaparecem perfeitamente em segundo plano. Eles facilitam para os visitantes navegar e encontrar o que estão procurando e aprimorar a experiência geral. Mas eles não são óbvios ou ostensivos, e a maioria das pessoas não os percebe conscientemente. É um enorme desvio dos designs que foram proeminentes desde o final dos anos 90.

Conteúdo vs. Estilo

Com muita frequência, os designers e especialmente seus clientes analisam o conteúdo e o estilo (ou design) separadamente. Eles vêem os dois como entidades separadas que precisam, de alguma forma, trabalhar juntas. Ou pelo menos coexistir no mesmo espaço.

Essa é a maneira errada de abordar um projeto, no entanto. Seu conteúdo deve ser aprimorado pelo estilo visual do seu site. E os elementos visuais devem ser criados para suportar o conteúdo e torná-lo mais utilizável para seus visitantes. Tratar o conteúdo e o design como duas coisas separadas leva a um produto final que muitas vezes falta.

Veja o conteúdo que seu site precisa incorporar e pense em como melhor mostrar esse conteúdo dentro do design. Adotar uma abordagem holística é mais provável de resultar em um design que ofereça conteúdo sem esforço, sem chamar a atenção para si mesmo.

A natureza cíclica do design

Enquanto o design está em constante evolução, ele também se move em ciclos bastante regulares. Chegamos a um ciclo completo desde os primeiros dias do design da Web até onde o conteúdo é o foco principal dos websites. E, no entanto, crescemos tanto desde os primeiros dias da Web que ninguém confundiria um site bem projetado a partir de 2010 com um projetado em 1995.

O design visual aberto e dominante provavelmente retornará nos próximos anos, mas é provável que tenha evoluído e melhorado a ponto de não ser mais prejudicial à experiência do usuário.

Com a prevalência de vídeo e outros conteúdos não textuais combinados com as novas possibilidades apresentadas por CSS3 e HTML5, só faz sentido que os gráficos voltem a ocupar o centro do palco.


Escrito exclusivamente para WDD por Cameron Chapman

Como você vê a relação entre design e conteúdo e os ciclos de vida apresentados neste post? Por favor, compartilhe suas opiniões abaixo ...