Designer de Web

Página semiprotegida
Da Wikipédia, a enciclopédia livre
Ir para a navegação Saltar para pesquisar

Web design engloba muitas habilidades e disciplinas diferentes na produção e manutenção de sites . As diferentes áreas de web design incluem web design gráfico; design de interface do usuário (design de interface do usuário); autoria, incluindo código padronizado e software proprietário ; design de experiência do usuário (design UX); e otimização de mecanismos de busca . Muitas vezes, muitos indivíduos trabalharão em equipes cobrindo diferentes aspectos do processo de design, embora alguns designers cubram todos eles. [1] O termo "design da web" é normalmente usado para descrever o processo de design relacionado ao design de front-end (lado do cliente) de um site, incluindo marcação de escrita. O web design se sobrepõe parcialmente à engenharia web no escopo mais amplo do desenvolvimento web . Espera-se que os designers da Web tenham consciência da usabilidade e, se seu papel envolver a criação de marcação, também devem estar atualizados com as diretrizes de acessibilidade da Web .

História

Livros de web design em uma loja

1988–2001

Embora o web design tenha uma história bastante recente. Ele pode ser vinculado a outras áreas, como design gráfico, experiência do usuário e artes multimídia, mas é mais bem visto do ponto de vista tecnológico. Tornou-se uma grande parte da vida cotidiana das pessoas. É difícil imaginar a Internet sem gráficos animados, diferentes estilos de tipografia, fundo, vídeos e música.

O início da web e web design

Em 1989, enquanto trabalhava no CERN , Tim Berners-Lee propôs a criação de um projeto global de hipertexto, que mais tarde ficou conhecido como World Wide Web . Durante 1991 a 1993 nasceu a World Wide Web. Páginas somente de texto podem ser visualizadas usando um navegador simples em modo de linha. [2] Em 1993 Marc Andreessen e Eric Bina , criaram o navegador Mosaic . Na época havia vários navegadores, porém a maioria deles eram baseados em Unix e naturalmente pesados ​​em texto. Não havia uma abordagem integrada aos elementos de design gráfico, como imagens ou sons. O navegador Mosaic quebrou esse molde. [3] O W3Cfoi criado em outubro de 1994 para "levar a World Wide Web a todo o seu potencial, desenvolvendo protocolos comuns que promovam sua evolução e garantam sua interoperabilidade". [4] Isso desencorajou qualquer empresa de monopolizar um navegador proprietário e uma linguagem de programação, o que poderia ter alterado o efeito da World Wide Web como um todo. O W3C continua estabelecendo padrões, que hoje podem ser vistos com JavaScript e outras linguagens. Em 1994, Andreessen formou a Mosaic Communications Corp., que mais tarde ficou conhecida como Netscape Communications ., o navegador Netscape 0.9. A Netscape criou suas próprias tags HTML sem levar em conta o processo de padrões tradicionais. Por exemplo, o Netscape 1.1 incluiu tags para alterar as cores de fundo e formatar texto com tabelas em páginas da web. Ao longo de 1996 a 1999, as guerras dos navegadores começaram, enquanto a Microsoft e a Netscape lutavam pelo domínio final dos navegadores. Durante esse tempo, havia muitas novas tecnologias no campo, notadamente Cascading Style Sheets , JavaScript e Dynamic HTML . No geral, a competição de navegadores levou a muitas criações positivas e ajudou o design da web a evoluir em um ritmo acelerado. [5]

Evolução do webdesign

Em 1996, a Microsoft lançou seu primeiro navegador competitivo, completo com seus próprios recursos e tags HTML. Foi também o primeiro navegador a suportar folhas de estilo, o que na época era visto como uma técnica de autoria obscura e hoje é um aspecto importante do web design. [5] A marcação HTML para tabelas foi originalmente destinada à exibição de dados tabulares. No entanto, os designers rapidamente perceberam o potencial de usar tabelas HTML para criar layouts complexos de várias colunas que de outra forma não seriam possíveis. Neste momento, como o design e a boa estética pareciam ter precedência sobre a boa estrutura de marcação, pouca atenção foi dada à semântica e acessibilidade na web. Sites HTML eram limitados em suas opções de design, ainda mais com versões anteriores do HTML. Para criar designs complexos, muitos web designers tiveram que usar estruturas de tabela complicadas ou até mesmo usar imagens .GIF espaçadoras em branco para impedir o colapso das células vazias da tabela. [6] CSS foi introduzido em dezembro de 1996 pelo W3C para dar suporte à apresentação e layout. Isso permitiu que o código HTML fosse semântico, em vez de semântico e de apresentação, e melhorou a acessibilidade da Web, consulte design da Web sem tabela .

Em 1996, o Flash (originalmente conhecido como FutureSplash) foi desenvolvido. Na época, a ferramenta de desenvolvimento de conteúdo Flash era relativamente simples em comparação com agora, usando ferramentas básicas de layout e desenho, um precursor limitado do ActionScript e uma linha do tempo, mas permitia aos web designers ir além do HTML, GIFs animados e JavaScript . No entanto, como o Flash exigia um plug-in , muitos desenvolvedores da Web evitavam usá-lo por medo de limitar sua participação no mercado devido à falta de compatibilidade. Em vez disso, os designers reverteram para animações gif (se não renunciassem completamente ao uso de gráficos em movimento ) e JavaScript para widgets. Mas os benefícios do Flash o tornaram popular o suficiente entre mercados-alvo específicos para eventualmente chegar à grande maioria dos navegadores, e poderoso o suficiente para ser usado no desenvolvimento de sites inteiros. [6]

Fim das primeiras guerras de navegadores

Em 1998, a Netscape lançou o código Netscape Communicator sob uma licença de código aberto , permitindo que milhares de desenvolvedores participassem do aprimoramento do software. No entanto, esses desenvolvedores decidiram iniciar um padrão para a web do zero, que orientou o desenvolvimento do navegador de código aberto e logo se expandiu para uma plataforma completa de aplicativos. [5] O Projeto de Padrões da Web foi formado e promoveu a conformidade do navegador com os padrões HTML e CSS . Programas como Acid1 , Acid2 e Acid3foram criados para testar a conformidade dos navegadores com os padrões da web. Em 2000, o Internet Explorer foi lançado para Mac, que foi o primeiro navegador totalmente compatível com HTML 4.01 e CSS 1. Também foi o primeiro navegador a oferecer suporte total ao formato de imagem PNG . [5] Em 2001, após uma campanha da Microsoft para popularizar o Internet Explorer, o Internet Explorer atingiu 96% do uso de navegadores , o que significou o fim das primeiras guerras de navegadores, pois o Internet Explorer não tinha concorrência real. [7]

2001–2012

Desde o início do século 21, a web tornou-se cada vez mais integrada à vida das pessoas. Como isso aconteceu, a tecnologia da web também mudou. Também houve mudanças significativas na forma como as pessoas usam e acessam a web, e isso mudou a forma como os sites são projetados.

Desde o fim das guerras dos navegadores [ quando? ] novos navegadores foram lançados. Muitos deles são de código aberto, o que significa que tendem a ter um desenvolvimento mais rápido e são mais favoráveis ​​a novos padrões. As novas opções são consideradas por muitos como melhores do que o Internet Explorer da Microsoft .

O W3C lançou novos padrões para HTML ( HTML5 ) e CSS ( CSS3 ), bem como novas APIs JavaScript , cada uma como um padrão novo, mas individual. [ quando? ] Enquanto o termo HTML5 é usado apenas para se referir à nova versão do HTML e algumas das APIs JavaScript, tornou-se comum usá-lo para se referir a todo o conjunto de novos padrões (HTML5, CSS3 e JavaScript).

2012 e posteriores

Com a melhoria da cobertura de internet 3G e LTE, grande parte do tráfego do site passou a ser gerado por dispositivos móveis. Isso afetou a indústria de web design, empurrando-a para um estilo minimalista, leve e simplista. Em particular, surgiu a abordagem "Mobile first", que implica criar o design do site com layout orientado para o celular primeiro e depois adaptá-lo a dimensões de tela mais altas.

Ferramentas e tecnologias

Os web designers usam uma variedade de ferramentas diferentes, dependendo da parte do processo de produção em que estão envolvidos. Essas ferramentas são atualizadas ao longo do tempo por padrões e softwares mais recentes, mas os princípios por trás delas permanecem os mesmos. Os designers da Web usam editores gráficos vetoriais e raster para criar imagens ou protótipos de design formatados para a Web. As tecnologias usadas para criar sites incluem padrões W3C como HTML e CSS, que podem ser codificados manualmente ou gerados pelo software de edição WYSIWYG . Outras ferramentas que os web designers podem usar incluem validadores de marcação [8] e outras ferramentas de teste de usabilidade e acessibilidade para garantir que seus sites atendam às diretrizes de acessibilidade da web. [9]

Habilidades e técnicas

Projeto de marketing e comunicação

O design de marketing e comunicação em um site pode identificar o que funciona para seu mercado-alvo. Este pode ser um grupo etário ou uma vertente particular da cultura; assim o designer pode entender as tendências de seu público. Os designers também podem entender o tipo de site que estão projetando, o que significa, por exemplo, que as considerações de design de site (B2B) business-to-business podem diferir muito de um site direcionado ao consumidor, como um site de varejo ou entretenimento. Uma consideração cuidadosa pode ser feita para garantir que a estética ou o design geral de um site não entrem em conflito com a clareza e precisão do conteúdo ou a facilidade de navegação na web , [10]especialmente em um site B2B. Os designers também podem considerar a reputação do proprietário ou da empresa que o site está representando para garantir que sejam retratados de forma favorável.

Design de experiência do usuário e design interativo

A compreensão do usuário do conteúdo de um site geralmente depende da compreensão do usuário sobre como o site funciona. Isso faz parte do design da experiência do usuário . A experiência do usuário está relacionada ao layout, instruções claras e rotulagem em um site. O quão bem um usuário entende como ele pode interagir em um site também pode depender do design interativo do site. Se um usuário perceber a utilidade do site, é mais provável que continue usando. Os usuários habilidosos e bem versados ​​no uso do site podem encontrar uma forma mais distinta, mas menos intuitiva ou menos amigávelinterface do site útil, no entanto. No entanto, os usuários com menos experiência são menos propensos a ver as vantagens ou a utilidade de uma interface de site menos intuitiva. Isso impulsiona a tendência de uma experiência de usuário mais universal e facilidade de acesso para acomodar o maior número possível de usuários, independentemente da habilidade do usuário. [11] Grande parte do design da experiência do usuário e do design interativo são considerados no design da interface do usuário .

Funções interativas avançadas podem exigir plug-insse não habilidades avançadas de linguagem de codificação. Escolher se deve ou não usar interatividade que requer plug-ins é uma decisão crítica no design da experiência do usuário. Se o plug-in não vier pré-instalado com a maioria dos navegadores, existe o risco de que o usuário não tenha conhecimento nem paciência para instalar um plug-in apenas para acessar o conteúdo. Se a função exigir habilidades avançadas de linguagem de codificação, pode ser muito caro em tempo ou dinheiro para codificar em comparação com a quantidade de aprimoramento que a função adicionará à experiência do usuário. Há também o risco de que a interatividade avançada seja incompatível com navegadores mais antigos ou configurações de hardware. Publicar uma função que não funciona de forma confiável é potencialmente pior para a experiência do usuário do que não fazer nenhuma tentativa. Depende do público-alvo se for

Melhoria progressiva

A ordem do aprimoramento progressivo

O aprimoramento progressivo é uma estratégia em web design que enfatiza o conteúdo da web em primeiro lugar, permitindo que todos acessem o conteúdo básico e a funcionalidade de uma página da web, enquanto os usuários com recursos adicionais de navegador ou acesso mais rápido à Internet recebem a versão aprimorada.

Na prática, isso significa fornecer conteúdo por meio de HTML e aplicar estilo e animação por meio de CSS na medida do possível, e depois aplicar outras melhorias por meio de JavaScript . O texto das páginas é carregado imediatamente por meio do código-fonte HTML, em vez de esperar que o JavaScript inicie e carregue o conteúdo posteriormente, o que permite que o conteúdo seja legível com tempo de carregamento e largura de banda mínimos e por meio de navegadores baseados em texto e maximiza a compatibilidade com versões anteriores . [12]

Como exemplo, sites baseados em MediaWiki , incluindo Wikipedia, usam aprimoramento progressivo, pois permanecem utilizáveis ​​enquanto JavaScript e até CSS são desativados, pois o conteúdo das páginas é incluído no código-fonte HTML da página, enquanto o contra-exemplo Everipedia depende de JavaScript para carregar páginas ' conteúdo posteriormente; uma página em branco aparece com o JavaScript desativado.

Layout da página

Parte do design da interface do usuário é afetada pela qualidade do layout da página . Por exemplo, um designer pode considerar se o layout da página do site deve permanecer consistente em diferentes páginas ao projetar o layout. A largura do pixel da página também pode ser considerada vital para alinhar objetos no design do layout. Os sites de largura fixa mais populares geralmente têm a mesma largura definida para corresponder à janela atual do navegador mais popular, na resolução de tela atual mais popular, no tamanho de monitor atual mais popular. A maioria das páginas também são alinhadas ao centro por questões de estética em telas maiores.

Os layouts fluidos aumentaram em popularidade por volta de 2000 para permitir que o navegador fizesse ajustes de layout específicos do usuário para layouts fluidos com base nos detalhes da tela do leitor (tamanho da janela, tamanho da fonte em relação à janela etc.). Eles cresceram como uma alternativa para layouts baseados em tabelas HTML e design baseado em grade tanto no princípio de design de layout de página quanto na técnica de codificação, mas foram muito lentos para serem adotados. [nota 1] Isso ocorreu devido a considerações sobre dispositivos de leitura de tela e tamanhos variados de janelas sobre os quais os designers não têm controle. Assim, um design pode ser dividido em unidades (barras laterais, blocos de conteúdo, anúncios incorporadosáreas, áreas de navegação) que são enviadas ao navegador e que serão encaixadas na janela de exibição pelo navegador, da melhor maneira possível. Embora essa exibição possa muitas vezes alterar a posição relativa das principais unidades de conteúdo, as barras laterais podem ser deslocadas abaixo do corpo do texto e não ao lado dele. Esta é uma exibição mais flexível do que um layout baseado em grade codificado que não cabe na janela do dispositivo. Em particular, a posição relativa dos blocos de conteúdo pode mudar enquanto o conteúdo dentro do bloco não é afetado. Isso também minimiza a necessidade do usuário de rolar horizontalmente a página.

Web design responsivo é uma abordagem mais recente, baseada em CSS3, e um nível mais profundo de especificação por dispositivo na folha de estilo da página por meio de um uso aprimorado da @mediaregra CSS. Em março de 2018, o Google anunciou que lançaria a indexação mobile-first. [13] Sites que usam design responsivo estão bem posicionados para garantir que atendam a essa nova abordagem.

Tipografia

Os designers da Web podem optar por limitar a variedade de tipos de letra do site a apenas alguns que tenham um estilo semelhante, em vez de usar uma ampla variedade de tipos ou estilos de tipo . A maioria dos navegadores reconhece um número específico de fontes seguras, que os designers usam principalmente para evitar complicações.

O download de fontes foi posteriormente incluído no módulo de fontes CSS3 e desde então foi implementado no Safari 3.1, Opera 10 e Mozilla Firefox 3.5. Isso aumentou posteriormente o interesse pela tipografia da web , bem como o uso de download de fontes.

A maioria dos layouts de site incorpora espaço negativo para dividir o texto em parágrafos e também evitar texto alinhado ao centro. [14]

Gráficos em movimento

O layout da página e a interface do usuário também podem ser afetados pelo uso de gráficos em movimento. A escolha de usar ou não gráficos em movimento pode depender do mercado-alvo do site. Gráficos em movimento podem ser esperados ou pelo menos mais bem recebidos com um site voltado para entretenimento. No entanto, um público-alvo de site com um interesse mais sério ou formal (como negócios, comunidade ou governo) pode achar as animações desnecessárias e distrativas, mesmo que apenas para fins de entretenimento ou decoração. Isso não significa que um conteúdo mais sério não possa ser aprimorado com apresentações animadas ou em vídeo que sejam relevantes para o conteúdo. Em ambos os casos, o design gráfico em movimento pode fazer a diferença entre visuais mais eficazes ou visuais que distraem.

Os gráficos em movimento que não são iniciados pelo visitante do site podem gerar problemas de acessibilidade. Os padrões de acessibilidade do consórcio World Wide Web exigem que os visitantes do site possam desativar as animações. [15]

Qualidade do código

Os designers de sites podem considerar uma boa prática a conformidade com os padrões. Isso geralmente é feito por meio de uma descrição especificando o que o elemento está fazendo. A não conformidade com os padrões pode não tornar um site inutilizável ou propenso a erros, mas os padrões podem estar relacionados ao layout correto das páginas para legibilidade, bem como garantir que os elementos codificados sejam fechados adequadamente. Isso inclui erros no código, layout mais organizado para o código e garantir que os IDs e as classes sejam identificados corretamente. As páginas mal codificadas às vezes são chamadas coloquialmente de sopa de tags . Validando via W3C [8]só pode ser feito quando uma declaração DOCTYPE correta é feita, que é usada para destacar erros no código. O sistema identifica os erros e áreas que não estão em conformidade com os padrões de web design. Essas informações podem ser corrigidas pelo usuário. [16]

Conteúdo gerado

Existem duas maneiras de gerar sites: estaticamente ou dinamicamente.

Sites estáticos

Um site estático armazena um arquivo exclusivo para cada página de um site estático. Cada vez que essa página é solicitada, o mesmo conteúdo é retornado. Este conteúdo é criado uma vez, durante o design do site. Geralmente é de autoria manual, embora alguns sites usem um processo de criação automatizado, semelhante a um site dinâmico, cujos resultados são armazenados a longo prazo como páginas concluídas. Esses sites estáticos criados automaticamente se tornaram mais populares por volta de 2015, com geradores como Jekyll e Adobe Muse . [17]

Os benefícios de um site estático são que eles eram mais simples de hospedar, pois seu servidor só precisava servir conteúdo estático, não executar scripts do lado do servidor. Isso exigia menos administração do servidor e tinha menos chance de expor falhas de segurança. Eles também podem servir páginas mais rapidamente, em hardware de servidor de baixo custo. Essas vantagens tornaram-se menos importantes à medida que a hospedagem barata se expandiu para oferecer também recursos dinâmicos, e os servidores virtuais ofereceram alto desempenho por curtos intervalos a baixo custo.

Quase todos os sites têm algum conteúdo estático, pois os recursos de suporte, como imagens e folhas de estilo, geralmente são estáticos, mesmo em um site com páginas altamente dinâmicas.

Sites dinâmicos

Sites dinâmicos são gerados em tempo real e usam tecnologia do lado do servidor para gerar páginas da web. Eles normalmente extraem seu conteúdo de um ou mais bancos de dados de back-end: alguns são consultas de banco de dados em um banco de dados relacional para consultar um catálogo ou resumir informações numéricas, outros podem usar um banco de dados de documentos como MongoDB ou NoSQL para armazenar unidades maiores de conteúdo, como postagens de blog ou artigos de wiki.

No processo de design, as páginas dinâmicas geralmente são simuladas ou estruturadas usando páginas estáticas. O conjunto de habilidades necessário para desenvolver páginas da Web dinâmicas é muito mais amplo do que para páginas estáticas, envolvendo codificação do lado do servidor e do banco de dados, bem como o design da interface do lado do cliente. Mesmo projetos dinâmicos de médio porte são, portanto, quase sempre um esforço de equipe.

Quando as páginas da Web dinâmicas foram desenvolvidas, elas geralmente eram codificadas diretamente em linguagens como Perl , PHP ou ASP . Alguns deles, notadamente PHP e ASP, usaram uma abordagem de 'modelo' em que uma página do lado do servidor se assemelhava à estrutura da página do lado do cliente concluída e os dados eram inseridos em locais definidos por 'tags'. Este foi um meio mais rápido de desenvolvimento do que a codificação em uma linguagem de codificação puramente procedural, como Perl.

Ambas as abordagens foram suplantadas em muitos sites por ferramentas de alto nível focadas em aplicativos, como sistemas de gerenciamento de conteúdo . Eles se baseiam em plataformas de codificação de uso geral e pressupõem que um site existe para oferecer conteúdo de acordo com um dos vários modelos bem reconhecidos, como um blog sequenciado no tempo , uma revista temática ou site de notícias, um wiki ou um fórum de usuários. Essas ferramentas tornam a implementação de um site muito fácil e uma tarefa puramente organizacional e baseada em design, sem exigir nenhuma codificação.

A edição do conteúdo em si (assim como a página do modelo) pode ser feita tanto por meio do próprio site, quanto com o uso de software de terceiros. A capacidade de editar todas as páginas é fornecida apenas a uma categoria específica de usuários (por exemplo, administradores ou usuários registrados). Em alguns casos, usuários anônimos podem editar determinado conteúdo da web, o que é menos frequente (por exemplo, em fóruns - adicionando mensagens). Um exemplo de site com uma alteração anônima é a Wikipedia .

Design da página inicial

Especialistas em usabilidade, incluindo Jakob Nielsen e Kyle Soucy, muitas vezes enfatizam o design da página inicial para o sucesso do site e afirmam que a página inicial é a página mais importante em um site. [18] Nielsen, Jakob; Tahir, Marie (outubro de 2001), Usabilidade da página inicial: 50 sites desconstruídos , New Riders Publishing, ISBN 978-0735711020[19] [20] No entanto, os profissionais da década de 2000 estavam começando a descobrir que um número crescente de tráfego do site estava ignorando a página inicial, indo diretamente para páginas de conteúdo interno por meio de mecanismos de pesquisa, boletins eletrônicos e feeds RSS. [21] Levando muitos profissionais a argumentar que as homepages são menos importantes do que a maioria das pessoas pensa. [22] [23] [24] [25] Jared Spool argumentou em 2007 que a página inicial de um site era na verdade a página menos importante em um site. [26]

Em 2012 e 2013, os carrosséis (também chamados de 'sliders' e 'rotating banners') tornaram-se um elemento de design extremamente popular nas páginas iniciais, frequentemente usados ​​para exibir conteúdo recente ou em destaque em um espaço confinado. [27] [28] Muitos profissionais argumentam que os carrosséis são um elemento de design ineficaz e prejudicam a otimização e a usabilidade do mecanismo de busca de um site. [28] [29] [30]

Ocupações

Existem dois trabalhos principais envolvidos na criação de um site: o web designer e o desenvolvedor da web , que geralmente trabalham juntos em um site. [31] Os web designers são responsáveis ​​pelo aspecto visual, que inclui o layout, coloração e tipografia de uma página web. Os web designers também terão um conhecimento prático de linguagens de marcação , como HTML e CSS, embora a extensão de seu conhecimento seja diferente de um web designer para outro. Particularmente em organizações menores, uma pessoa precisará das habilidades necessárias para projetar e programar a página da Web completa, enquanto organizações maiores podem ter um web designer responsável apenas pelo aspecto visual.

Outros trabalhos que podem estar envolvidos na criação de um site incluem:

  • Designers gráficos para criar visuais para o site, como logotipos, layouts e botões
  • Especialistas em marketing na Internet para ajudar a manter a presença na web por meio de soluções estratégicas para direcionar os espectadores ao site, usando técnicas de marketing e promocionais na internet
  • Escritores de SEO para pesquisar e recomendar as palavras corretas a serem incorporadas a um determinado site e tornar o site mais acessível e encontrado em vários mecanismos de pesquisa
  • Copywriter da Internet para criar o conteúdo escrito da página para atrair os espectadores direcionados do site [1]
  • O designer de experiência do usuário (UX) incorpora aspectos de considerações de design focadas no usuário, que incluem arquitetura da informação, design centrado no usuário, teste de usuário, design de interação e, ocasionalmente, design visual.

Veja também

Veja também

Disciplinas relacionadas

Notas

  1. Marcação baseada em ^ e imagens .GIF espaçadoras<table>
  1. ^ a b Lester, Georgina. "Diferentes trabalhos e responsabilidades de várias pessoas envolvidas na criação de um site" . Artes do País de Gales Reino Unido . Recuperado 2012-03-17 .
  2. ^ "Biografia mais longa" . Recuperado 2012-03-16 .
  3. ^ "Navegador de mosaico" (PDF) . Recuperado 2012-03-16 .
  4. ^ Zwicky, ED, Cooper, S e Chapman, DB (2000). Construindo Firewalls de Internet . Estados Unidos: O'Reily & Associates. pág. 804 . ISBN 1-56592-871-7.{{cite book}}: CS1 maint: usa o parâmetro de autores ( link )
  5. ^ a b c d Niederst, Jennifer (2006). Web Design em poucas palavras . Estados Unidos da América: O'Reilly Media. págs. 12–14. ISBN 0-596-00987-9.
  6. ^ a b Chapman, Cameron, The Evolution of Web Design , Six Revisions, arquivado a partir do original em 30 de outubro de 2013
  7. ^ "AMO.NET America's Multimedia Online (Internet Explorer 6 PREVIEW)" . amo.net . Recuperado 2020-05-27 .
  8. ^ a b "Serviço de validação de marcação W3C" .
  9. ^ W3C. "Iniciativa de Acessibilidade da Web (WAI)" .
  10. ^ THORLACIUS, LISBETH (2007). "O Papel da Estética no Web Design" . Revisão Nordicom . 28 (28): 63–76. doi : 10.1515/nor-2017-0201 . S2CID 146649056 . Recuperado 2014-07-18 . 
  11. ^ Castañeda, JA Francisco; Muñoz-Leiva, Teodoro Luque (2007). "Modelo de aceitação da Web (WAM): efeitos moderadores da experiência do usuário". Informação e Gestão . 44 (4): 384–396. doi : 10.1016/j.im.2007.02.003 .
  12. ^ "Construindo um frontend resiliente usando aprimoramento progressivo" . GOV.UK. _ Recuperado em 27 de outubro de 2021 .
  13. ^ "Lançando a indexação mobile-first" . Blog oficial da Central de webmasters do Google . Recuperado 2018-06-09 .
  14. ^ Stone, John (2009-11-16). "20 prós e contras da tipografia eficaz da Web" . Recuperado 2012-03-19 .
  15. ^ World Wide Web Consortium: Compreendendo as Diretrizes de Acessibilidade de Conteúdo da Web 2.2.2: Pause, Pare, Esconda
  16. ^ Controle de qualidade do W3C. "Meu site é padrão! E o seu?" . Recuperado 2012-03-21 .
  17. ^ Christensen, Mathias Biilmann (2015-11-16). "Geradores de sites estáticos revisados: Jekyll, Middleman, Roots, Hugo" . Revista sensacional . Recuperado em 26/10/2016 .
  18. ^ Soucy, Kyle, sua página inicial está fazendo o que deveria? , Usable Interface, arquivado a partir do original em 8 de junho de 2012
  19. Nielsen, Jakob (10 de novembro de 2003), The Ten Most Violated Homepage Design Guidelines , Nielsen Norman Group, arquivado a partir do original em 5 de outubro de 2013
  20. Knight, Kayla (20 de agosto de 2009), Essential Tips for Designing an Effective Homepage , Six Revisions, arquivado do original em 21 de agosto de 2013
  21. ^ Spool, Jared (29 de setembro de 2005), o design da página inicial é mais relevante? , User Interface Engineering, arquivado a partir do original em 16 de setembro de 2013
  22. ^ Chapman, Cameron (15 de setembro de 2010), 10 dicas de usabilidade com base em estudos de pesquisa , seis revisões, arquivadas do original em 2 de setembro de 2013
  23. ^ Gócza, Zoltán, Myth #17: A página inicial é sua página mais importante , arquivada a partir do original em 2 de junho de 2013
  24. McGovern, Gerry (18 de abril de 2010), O declínio da página inicial , arquivado a partir do original em 24 de maio de 2013
  25. Porter, Joshua (24 de abril de 2006), Priorizando Tempo de Design: Uma Abordagem de Cauda Longa , Engenharia de Interface do Usuário, arquivado a partir do original em 14 de maio de 2013
  26. Spool, Jared (6 de agosto de 2007), Podcast de ferramentas de usabilidade: Home Page Design , arquivado a partir do original em 29 de abril de 2013
  27. Bates, Chris (9 de outubro de 2012), Melhores práticas em design de carrossel para marketing na web eficaz , Smart Insights, arquivado a partir do original em 3 de abril de 2013
  28. ^ a b Messner, Katie (22 de abril de 2013), Image Carousels: Getting Control of the Merry-Go-Round , Usabilidade.gov, arquivado a partir do original em 10 de outubro de 2013
  29. ^ Jones, Harrison (19 de junho de 2013), Homepage Sliders: Bad For SEO, Bad For Usabilidade , arquivado do original em 22 de novembro de 2013
  30. ^ Laja, Peep (8 de junho de 2019), Carrosséis de imagens e controles deslizantes? Não os use. (Aqui está o porquê.) , CXL, arquivado a partir do original em 10 de dezembro de 2019
  31. ^ Oleksy, Walter (2001). Carreiras em Web Design . Nova York: The Rosen Publishing Group, Inc. pp.  9-11 . ISBN 9780823931910.

links externos