Um olhar para trás aos 30+ Vários anos de design de sites na Internet

World wide web design percorreu um longo caminho desde 1991, quando o primeiro site foi lançado. Completamente centrada no conteúdo textual, esta página da web marcou o início do que se transformaria em uma revolução eletrônica.

E embora as lembranças de GIFs “em construção” e cores ofuscantes de histórico me façam agradecer o quanto a internet ocorreu, existem algumas decisões históricas de estilo de site que precisam essencialmente de um aceno de respeito.

Sites de internet como este não tem faltado a tempo, ambos. Se você quiser ver como era um site em qualquer intervalo, considerando o fato de seu lançamento, insira o título do domínio no Wayback Machine e escolha um dia. Neste artigo, vamos apenas dar uma olhada em como o estilo do site se desenvolveu, desde interfaces apenas de conteúdo textual até os designs suaves e atuais que vemos hoje em dia.

Início dos anos 1990: Antiguidade

O início dos anos 90 marca o início da linha do tempo do layout do nosso site. Neste ponto, não havia essa coisa como um link da web de alto ritmo. Eram modems dial-up, ou não era nada. Portanto, os sites precisavam ser desenvolvidos para velocidades de link consideravelmente inferiores. Eles apareciam principalmente como partições de texto – o que agora consideramos como “formato de layout” não existia.

Embora depois as variações de HTML permitidas para designs muito mais avançados, elas estavam sendo incrivelmente primárias em comparação com atualmente, consistindo principalmente de tags para cabeçalhos, parágrafos e links de entrada. Componentes visíveis e estilos como tipografia, imagens e navegação estavam sendo itens de um futuro não tão distante e previsível.

Dicas para sites de Internet modernos:

Embora a funcionalidade desses primeiros sites fosse puramente informativa, podemos ver alguns componentes de design que utilizam agora. Essas páginas da web antigas foram extremamente leves e otimizadas para uma conexão de internet gradual que todos nós continuamos a experimentar de tempos em tempos. Esses fatores de design e estilo levaram em consideração a experiência de trabalho da pessoa, algo que os sites de hoje não costumam fazer, mesmo com velocidades mais rápidas.

Certamente, a World Wide Web de hoje pode lidar com sites da Internet carregados de mídia... mas mesmo agora tem alguns limites. Grandes arquivos de mídia, estilo gráfico pesado e animações anormais podem contribuir para maiores taxas de rejeição quando as velocidades de carregamento geralmente não são tão rápidas quanto desejamos. Mantenha sua pessoa na cabeça ao levar em consideração estilo e design intrincados, e lembre-se de BEIJAR (Continue a mantê-lo muito simples, super-herói).

Meados da década de 1990: A Idade Média

As eras centrais da estrutura da rede foram atormentadas por construtores de sites on-line e GIFs espaçadores. (Maior do que uma praga real, ideal?) Em meados dos anos 90, o estilo do site desenvolveu-se tanto em condições de composição quanto de aparência visual. Os designers começaram a usar principalmente layouts baseados em tabelas para gerenciar o material, permitindo maior flexibilidade e imaginação criativa. Os sites da Web têm, no entanto, um conteúdo bastante textual significativo, mas o texto agora pode ser dividido em colunas, linhas e outros recursos de navegação para uma legibilidade muito melhor.

Os recursos de layout gráfico também cresceram imediatamente em popularidade. Contadores de visitas do site, texto animado e GIFs dançantes são apenas alguns dos recursos gráficos que marcam esse período no estilo da rede.

Dicas para os sites de hoje:

No momento, existem muitas explicações para o design e o estilo dependentes da mesa não serem a escolha ideal para o seu site - a marcação substancial, os momentos de carregamento lento e a inconsistência visual são apenas algumas das armadilhas.

Não importa, esse progresso foi vital na evolução do estilo da World Wide Web: foi o primeiro passo para a estrutura da página do site não linear. Elementos distintos agora podem ser posicionados em seções distintas de uma página da web, e designers experientes para contemplar a maneira mais eficaz de fornecer dados ao consumidor.

A estrutura da página da Web permanece crucial quando se considera a navegação e o conteúdo escrito. Ele decide em grande parte como o usuário experimenta e interage com seu site. Embora esses fatores possam não ter estado na vanguarda ao longo das eras centrais da estrutura da web, eles certamente estão na vanguarda atualmente.

Final dos anos 1990: O Renascimento

Renascimento. Renascimento. O estilo de rede mundial experimentou sua parcela razoável de reimaginações, mas um dos primeiros aconteceu com a introdução do Flash. Introduzido em 1996, o Flash abriu um mundo de perspectivas de estilo que não eram atingíveis com HTML simples. Foi o casamento de gráficos virtuais e interação.

Embora muitos dos mesmos componentes de design e estilo de períodos anteriores tenham continuado a apresentar, eles foram aprimorados com animações, visuais de história lado a lado, cores neon, botões 3D, páginas da web e outras multimídia.

O Flash marcou o início do estilo e design concentrados no cliente - construção e navegação tornaram-se critérios vitais e os designers começaram a aprimorar a aparência e a usabilidade em excesso de artigos puros.

Dicas para sites atuais da Internet:

O Flash foi um divisor de águas, mas não aderiria permanentemente. Flash é quase nunca aplicado agora e é considerado um dos maiores pecados de otimização da Web de todos os tempos. Hoje, é a norma optar por soluções alternativas, como animações CSS e JavaScript para obter resultados equivalentes, ou incorporar filmes de sites de hospedagem de vídeo.

Início dos anos 2000: O Iluminismo

O início dos anos 2000 foi um intervalo em que a usabilidade e a adaptabilidade realmente vieram à tona na estrutura da World Wide Web.

A principal demanda era CSS, uma linguagem de codificação que permitia aos desenvolvedores manter regras visíveis em informações separadas de HTML, separando proficientemente conteúdo escrito e moda. Isso deu maior liberdade artística a ambos os designers de rede e desenvolvedores de conteúdo escrito – o conteúdo agora podia ser desenvolvido completamente a partir do design e vice-versa. CSS produziu sites mais fáceis de manter (menos código e complexidade), muito mais flexíveis (tags div são independentes de uma outra) e mais rápido para carregar (arquivos de tamanho menor).

Um conhecimento muito melhor da psicologia das cores também levou ao aumento do uso de espaços em branco e à diminuição de tons berrantes, como neons. Os links começaram a ficar adicionados aos ícones do que apenas o conteúdo textual, a resolução e a pixelização tornaram-se questões muito mais importantes, e o posicionamento estratégico do material também ganhou força.

Dicas para sites atuais da Internet:

Homens e mulheres geralmente vasculham sites procurando as informações e os fatos de que precisam, então qualquer site que simplifique essa tarefa recebe uma grande nota de teste. Web designers experientes sabem que a maioria dos usuários finais não deve navegar por tudo em um site e entender como o público considera as informações.

Conseqüentemente, fatos colocados intuitivamente, links de entrada visualmente acentuados e navegação simples são apenas alguns dos melhores procedimentos aos quais os sites modernos precisam aderir. Geralmente estilo e design com usabilidade em pensamentos!

Meados ao final dos anos 2000: A Revolução Industrial

A Revolução Industrial do design e estilo de rede começa com o início da Rede 2. É neste momento que as coisas realmente começaram a se mover para a rede mundial de computadores moderna. O progresso dos aplicativos multimídia, a ascensão do conteúdo escrito interativo e o advento das mídias sociais são algumas características definitivas desse intervalo.

Além disso, essas melhorias ditaram principalmente a forma como a estrutura do site era... bem feita . Alterações estéticas agregaram melhor distribuição de cores, maior uso de ícones e melhor atenção à tipografia.

Mais importante, no entanto, o estilo e o design cresceram para se tornarem sobre material de conteúdo, e o conteúdo escrito virou sobre otimização do motor de pesquisa. Com a pessoa agora firmemente no centro do layout, as soluções de marketing (pelo menos explicitamente) cresceram para se tornar o desempenho secundário dos sites - agora era tudo sobre ter descoberto.

Dicas para os sites da Internet de hoje:

Como comentado, a evolução do Website 2. observou o avanço da otimização da Web como algo a se considerar. Embora esses métodos tenham sido adaptados ao longo dos anos, pensar em seu site em termos de otimização da Web ainda é uma prioridade importante para a maioria dos sites corporativos florescentes.

O SEO requer conteúdo escrito, e o conteúdo escrito cresceu principalmente para se tornar a ênfase do estilo e design do site durante esse período. Otimização de palavras-chave, links de entrada e saída, autoria, marcação e conhecimento de distribuição, como RSS se tornaram elementos de layout puros. Embora o spam de url e o bloqueio de termos de pesquisa tenham explorado rapidamente esses métodos, esses procedimentos não são eficazes por um longo período e (espero) na maioria das vezes fracassaram.

2010 até agora: a era da moda

Hoje, cerca de dois anos após a publicação do primeiro site, layout de rede firmemente se firmou como um ingrediente insubstituível de cada estratégia de marketing e publicidade muito boa. A análise mais recente descobriu que 50% dos consumidores de hoje assumem que o estilo do site é crucial para o modelo de um negócio.

Nas condições da estética contemporânea, assistimos à proliferação do minimalismo: artigos esparsos, gráficos planos (tão longos, botões 3D!), paletas de cores mais simples e visuais grandes e arrojados. Além disso, o UX assumiu o estágio intermediário, fornecendo opções de layout como rolagem infinita e design e estilo de página da web solitária.

Você já deve ter observado que nosso site na internet abraçou todas essas características com seu layout mais recente:

Um passo mais importante na evolução do estilo e design da web é a internet celular. Considerando o início do Iphone em 2007, houve uma reanálise da forma como os sites da internet são estruturados para acomodar a crescente quantidade de usuários móveis da rede mundial de computadores. Isso apresenta várias estruturas móveis que escolhem uma estratégia “mobile-first” e um objetivo ainda maior na otimização do ritmo do celular, considerando o fato de que os telefones normalmente não têm a velocidade de processamento ou o poder de relacionamento de seu desktop típico.

Essa revolução digital também proporcionou o aumento do layout responsivo, em que os aspectos da página se modificam mecanicamente para a largura da janela de navegação, permitindo que os sites da internet vislumbrem muito bem em qualquer máquina ou monitor. Agora, o design responsivo é necessário para garantir um encontro satisfatório com o usuário móvel, sendo que mais de 50% dos visitantes do site em todo o mundo virão de dispositivos celulares.

Onde os sites vão depois?

Se há um elemento específico que educou cada indivíduo solitário em apenas um desses desenvolvimentos, é o conteúdo escrito. Cada ingrediente da estrutura abaixo foi adaptado de forma a levar o material mais adequado à pessoa da maneira mais produtiva e eficaz. Noções de acessibilidade, adaptabilidade e usabilidade realmente definem esse período de layout da world wide web.

Embora haja muito mais que podemos fazer com o design de internet atualmente, é bom pensar em voltar a aparecer de onde viemos. Querendo saber como o design do site progrediu muito, é realmente emocionante sentir onde quer que esteja nos próximos 20 anos.

Atenção do editor: Este artigo foi publicado inicialmente em julho de 2013 e está atualizado quanto à abrangência.