A criação e concepção de um website ou web design é a concepção da interface web: a arquitetura interacional, a organização das páginas, a estrutura em árvore e a navegação em um website . A concepção de um web design tem em consideração os condicionalismos específicos do meio Internet, nomeadamente ao nível da ergonomia , usabilidade e acessibilidade.
O web design requer, portanto, habilidades em programação, ergonomia e interatividade, bem como um bom conhecimento das restrições técnicas relacionadas a este campo. Essas restrições técnicas incluem a diversidade de terminais da web e suas exibições, acessibilidade , as especificidades de diferentes linguagens e processos, portabilidade , conformidade com as recomendações do W3C , etc.
O web design de um site é inicialmente apresentado na forma de um modelo funcional com especificações técnicas: ergonomia, carta gráfica , identidade visual, marketing, interatividade.
Um site pode ser composto de uma página estática simples em formato HTML possivelmente formatado ou enriquecido com CSS, incluindo imagens e links para outro conteúdo, ou composto de conteúdo dinâmico ou podemos enxertar recursos para torná-lo interativo com serviços programados em Java , PHP ou outra linguagem de servidor , formulários supondo processamento em JavaScript ou Ajax . Pode ser baseado em tecnologias de banco de dados , por exemplo MySQL ou MongoDB .
O berço da Web está no CERN (Organização Europeia para a Pesquisa Nuclear). É dentro desta organização que a Web foi inventada em 1989 por uma equipe de pesquisadores, notadamente sob a liderança de Tim Berners-Lee e seu colaborador Robert Cailliau , bem como outros pesquisadores que a sua própria maneira colaboraram no projeto inicialmente. World Wide Web . Originalmente, o projeto World Wide Web foi concebido e desenvolvido "através da combinação de três tecnologias que são os blocos de construção da Web, ou seja, o endereçamento da web por URL que indica a localização do recurso na web. " Internet, o protocolo de transferência HTTP que indica o método de acesso, e a linguagem de marcação de hipertexto HTML que permite estruturar recursos "para que pessoas que trabalham em universidades e institutos de todo o mundo possam trocar livremente documentos e compartilhar informações úteis para suas atividades, tecendo assim a primeira web (em inglês: Web ) na rede.
Os precursores da Internet não pararam nas bases combinatórias das tecnologias de comunicação web, em 1990 também desenvolveram o primeiro servidor HTTP no ambiente NeXTSTEP , e o cliente web desenvolvido em Objective-C , um navegador combinado com um publisher chamado WorldWideWeb mas rapidamente renomeado Nexus para evitar qualquer confusão com o nome World Wide Web, que é escrito com espaços. Eles, portanto, reúnem os elementos essenciais que constituem o primeiro site acessível ao público usando o princípio da disponibilidade do tipo servidor / cliente capaz de promover o pooling generalizado em um espaço criativo.
O primeiro site do próprio projeto da World Wide Web foi criado no CERN e estava hospedado no computador NeXT de Tim Berners Lee. A ideia básica do projeto da World Wide Web era combinar as tecnologias de computadores pessoais, computadores e redes de hipertexto para criar um sistema de informação global, poderoso e fácil de usar.
O site deu os primeiros passos fora do CERN em 1991, continha informações sobre o navegador WWW e descreveu as principais características da web. O site continha uma explicação sobre como acessar os demais documentos, como configurar seu próprio servidor, aulas sobre hipertexto e as noções de hiperlink , detalhes técnicos para criar uma página pessoal na web e explicações sobre como pesquisar informações na web, (ver primeiro website) ... fazendo de Tim Barners-Lee o principal web designer da Internet.
No início, os sites eram escritos em HTML básico, uma linguagem que dá aos sites uma estrutura básica (títulos e parágrafos), bem como a capacidade de usar hiperlinks. Era novo e era fundamentalmente diferente das formas de comunicação anteriores, os usuários podiam facilmente abrir outras páginas.
Conforme o design da Internet e do site progrediu, a linguagem que formava as páginas, "Hypertext Mark-up Language" ou HTML , tornou-se mais extensa e flexível. Um novo elemento, as tabelas, nas quais os dados podem ser exibidos, foram rapidamente desviadas de sua finalidade original e usadas como uma forma de layout. Com o advento do CSS e das folhas de estilo, o layout com tabelas foi rapidamente considerado obsoleto. As tecnologias modernas que usavam bancos de dados ou codificação do lado do servidor (consulte CGI , PHP , ASP.NET , ASP , JSP e ColdFusion ), bem como padrões de design como CSS, melhoraram e diversificaram ainda mais as ferramentas de design de sites.
O surgimento do Flash , desenvolvido pela Macromedia , que possibilita tanto a animação quanto o som e o vídeo, também mudou a aparência da web, oferecendo novos mapas aos designers de sites. No entanto, o Flash é muito mais restritivo do que o HTML porque é um formato protegido pela Macromedia e requer um plug-in para ser visualizado.
Uma técnica bastante recente chamada codificação remota tornou possível usar a Internet de forma mais dinâmica, sem a necessidade de plug-ins ou aplicativos especializados. O líder dessas tecnologias é AJAX , mas não é a única tecnologia existente. Além disso, o AJAX ainda não atingiu o status de padrão.
Dependendo do tipo de site, do contexto e dos meios disponíveis para o implementar, alguns destes passos são opcionais ou mesmo desnecessários. A cada uma dessas etapas correspondem competências especializadas (ergonomia, arquitetura da informação, SEO, redação web, etc.).
A acessibilidade do site é um fator a ser levado em consideração em cada etapa do desenvolvimento da estrutura das páginas. O mesmo se aplica ao SEO , cuja estratégia pode ser implementada desde a fase de design. Os princípios de referência também devem ser levados em consideração ao criar modelos, integrar páginas, escrever conteúdo, lançar o site e fazer sua manutenção.
A ergonomia também está envolvida em todas as etapas: projeto, receita e auditorias, melhoria contínua. Jakob Nielsen Ph.D é um pioneiro na área de ergonomia de computadores e usabilidade de websites .
O dinamismo no nível de gerenciamento de conteúdo estará no lado do servidor com linguagens de desenvolvimento como PHP , Java , ASP, etc. operando com um servidor web.
A plataforma Node.js permite a criação de servidor web em Javascript, portanto o dinamismo é feito em Javascript seja no lado cliente ou servidor.
Através de dispositivos móveis, não visamos os mesmos objetivos em termos de Web design. E isso pode levar a refazer todo o processo de design se mudarmos o público (mudar de um site para um celular)
Ao criar um site, você deve primeiro se certificar de que ele pode ser acessado em um celular e muito rapidamente. Entre a comunidade de desenvolvedores da web, aqueles que têm como alvo o mercado móvel dirão que o tempo de carregamento de uma página é uma restrição muito severa e pode prejudicar um site.
Para ajudar a melhorar a experiência, o Google lançou uma ferramenta chamada Pagespeed Insights, voltada para desenvolvedores que desejam conselhos sobre design da web móvel. A vantagem dessa ferramenta é que ela traz melhorias que o desenvolvedor pode integrar ao seu site, mas essas ferramentas têm limites.
O web designer deve, portanto, focar no desempenho e no conteúdo importante no celular e, em seguida, expandir a página de informações para dispositivos maiores.
Como parte de um site corporativo, o web design é definido de acordo com os objetivos definidos para ele:
Na França, o Web Design é ensinado em muitas escolas públicas e privadas de design em um curso dedicado à arte gráfica e à comunicação visual, geralmente em 3 ou 5 anos. Em Quebec, o web design é ministrado em CEGEPs ( faculdades gerais e profissionais ), por meio do programa de Técnicas de Integração Multimídia , que é ministrado ao longo de 3 anos. Para alunos adultos, também é possível treinar por meio de um atestado de estudos colegiais (AEC) em design de sites ou mídia interativa, programas de treinamento mais curtos, oferecidos em período integral ou parcial.
Também é possível acompanhar cursos de capacitação que conferem certificação profissional. Esses treinamentos podem ser feitos remotamente por meio de treinamento online ou presencial.
Os festivais dedicados ao web design chamam-se WebJam , sendo os mais conhecidos o Vector Lounge que se realiza anualmente em Limoges em várias cidades do mundo com o Webdesign International Festival, Chattanooga , Rouyn-Noranda , Paris com o Web Flash festival , Annecy , Amsterdam . O Cre824, por exemplo, é um evento americano de criação de sites ininterruptos 24 horas, organizado nos Estados Unidos.
Cada vez mais pequenos eventos estão surgindo e se desenvolvendo, como MYB "Move-Your- <body>" a competição Troyen Web Design por dois anos ou Paris Web (ciclo de conferências sobre Design, Qualidade, Acessibilidade).