Última atualização em 17.06.2020 De grandes repositórios de recursos e frameworks a repositórios de recursos livres e...

8 Min.
Última atualização em

A virada do ano oferece sempre o tempo e o lazer para se inspirar e olhar para as próximas tendências e desenvolvimentos: A qual estética teremos que nos despedir no futuro? E que tendências irão dominar o mundo do design nos próximos anos? A web designer Sonja Hoffmann tem a sua avaliação para 2020 na sua bagagem.

Várias fontes parecem concordar que a era do design plano em 2020 irá, pela primeira vez, recuar um pouco para segundo plano. Para começar, acredita-se que outros projetos simplesmente virá à tona. E, por outro lado, que uma mudança no design semi-plano poderia ser anunciada aqui.

Última atualização em 17.06.2020 De grandes repositórios de recursos e frameworks a repositórios de recursos livres e...

Além disso, as ilustrações estão em ascensão, na sua maioria desenhadas à mão e longe do perfeccionismo. Os cabeçalhos não só terão um toque mais pessoal, mas também elementos firmemente integrados, tais como ícones e botões. Porque o web design - os vários especialistas em publicações especializadas concordam com isso - tem tido um toque demasiado artificial e perfeito nos últimos anos. No futuro, será dada mais atenção à individualidade e personalidade.

Os graduados vieram com o desenvolvimento do CSS e permanecerão conosco no futuro. Parece haver ainda uma demanda suficiente para exploração e elaboração. Também em 2020 podemos estar curiosos sobre as variações e combinações que podemos esperar. Os gradientes de cor também continuarão a desempenhar um papel importante no design do logotipo.

Última atualização em 17.06.2020 De grandes repositórios de recursos e frameworks a repositórios de recursos livres e...

As cores fortes e o minimalismo ainda desempenharão um papel importante em 2020 

A abundância de informação com que hoje somos confrontados obriga-nos a apresentar a nossa informação de uma forma mais clara e nítida. As áreas sensatamente utilizadas garantem que o usuário possa trabalhar através do conteúdo mais rapidamente e assim ter uma experiência de usuário mais agradável, mas também mais eficiente. O minimalismo, especialmente o uso do espaço em branco, continuará a ser uma componente essencial dos conceitos de design no próximo ano.

Última atualização em 17.06.2020 De grandes repositórios de recursos e frameworks a repositórios de recursos livres e...

O minimalismo - ou seja, um design muito simples e reduzido - está a tornar-se cada vez mais próprio sob a forma de variações monocromáticas. Neste caso, podem ser usadas cores fortes e expressivas.

Última atualização em 17.06.2020 De grandes repositórios de recursos e frameworks a repositórios de recursos livres e...

As cores naturais permanecem em voga

A virada do ano, com as suas infinitas previsões, traz consigo ideias para "a cor do ano", mais uma vez este ano. O que, a maioria dos designers concorda, continuará a estar no reino da natureza. Veremos também muitos tons suaves de verde e azul em 2020, com uma tendência para a "menta".

Elementos gráficos combinados com imagens ou fotografias

Mesmo em 2020 ainda haverá provavelmente uma tendência para layouts assimétricos. Imagens e fotografias em particular serão combinadas com ilustrações e "Bold Typography". Uma mistura de elementos gráficos e material visual completa assim a tendência minimalista para o próximo ano de uma forma emocionante.

Última atualização em 17.06.2020 De grandes repositórios de recursos e frameworks a repositórios de recursos livres e...

O utilizador continua a ser o centro das atenções

Também no futuro, o foco do bom web design será o usuário. Especialmente no campo do comércio electrónico, a experiência do utilizador final está em primeiro plano em todas as decisões criativas. Desenhos claros que são fáceis de navegar e entender substituem layouts abstratos e confusos. A Viagem do Utilizador deve ser concebida da forma mais simples e descomplicada possível. As chamadas para acções com código de cores serão utilizadas de uma forma mais direccionada.

Além das lojas online claramente estruturadas, o Design Responsivo, em particular, continuará a ser priorizado. Porquê? No mundo ocidental, quase 60% dos nossos dispositivos móveis agora acessam a Internet. 

Agora que o Google tornou oficialmente a facilidade de utilização do telemóvel um factor importante no seu ranking, ninguém deve continuar a negligenciar a sua presença na Web móvel se quiser continuar a ter visitantes no seu site em 2020. Portanto, não seremos libertados dos termos "Mobile First" e "responsivos" no futuro.

Além disso, a incorporação de ficheiros SVG continua a ser um tema quente. Mesmo que não seja informação nova, muito poucos sites ainda usam gráficos vetorizados. Especialmente em dispositivos menores os gráficos vetoriais têm vantagens significativas - por exemplo, tempos de carregamento mais rápidos e nitidez excepcional com 100% de escalabilidade.

No máximo desde que o GDPR nos causou a todos pânico, estamos cientes de que os nossos dados serão armazenados. No futuro, estes dados devem ser utilizados de forma mais sensata e mais adaptada ao utilizador. Os Anúncios Alvo já não são mais uma novidade. A partir de agora poderemos receber notificações push dos sites que visitamos, mesmo que o sucesso destes seja difícil de entender para nós operadores de sites (O que realmente chega? O que é realmente lido?).

Especialmente então o uso de chat bots e IA faz mais sentido, uma vez que se baseiam na interacção mútua e oferecem um valor acrescentado claramente reconhecível para o consumidor.

free_dev_blog_orange

Já tivemos o suficiente de sites rígidos por enquanto: 2020 será mais comovente e animado. Até agora, o vídeo médio tem sido usado com relativa parcimônia no web design. Afinal, ao usar imagens em movimento, as consequências no tempo de carregamento, taxa de salto e ranking do Google devem ser sempre levadas em conta.

O mais tardar desde a introdução do novo formato .webm, mais amigável para a web, isto afrouxou um pouco. Assim, a fim de criar mais presenças interessantes na web no futuro, veremos com mais frequência ilustrações animadas sob a forma de GIF's. Além disso, haverá mais as chamadas micro-interações, que tornarão a navegação através das páginas mais clara e amigável.

Micro-interacções são pequenas animações que nos mostram como utilizadores que algo está a acontecer ou deveria acontecer aqui. Uma forma lúdica de "feedback", por assim dizer. Como usuário, você se sente mais integrado e pode se identificar mais facilmente com o site/produto. Além disso, estas interacções podem proporcionar momentos de surpresa positivos e servir de orientação para definir mais claramente a viagem do utilizador. Isto facilita o fluxo do usuário - é mais provável que o usuário encontre o que procura no site.

Uma micro-interacção pode parecer-se com isto, por exemplo:

Última atualização em 17.06.2020 De grandes repositórios de recursos e frameworks a repositórios de recursos livres e...
Última atualização em 17.06.2020 De grandes repositórios de recursos e frameworks a repositórios de recursos livres e...
Última atualização em 17.06.2020 De grandes repositórios de recursos e frameworks a repositórios de recursos livres e...
Última atualização em 17.06.2020 De grandes repositórios de recursos e frameworks a repositórios de recursos livres e...

3D e "luz 3D".

Como efeito secundário da propagação da Realidade Aumentada (RA) e da Realidade Virtual (RV), esperamos mais elementos 3D integrados nos nossos designs de websites no futuro. Pelo que AR/VR ainda não fará o avanço para o web design no próximo ano. As razões para isto são, por um lado, custos demasiado elevados. Mas também a contradição para otimizar os tempos de carregamento e desenhos que se concentram no usuário final. Afinal, o uso de novas tecnologias faz naturalmente o maior sentido se houver um valor acrescentado óbvio.

Última atualização em 17.06.2020 De grandes repositórios de recursos e frameworks a repositórios de recursos livres e...

Como uma alternativa econômica, ou seja, uma espécie de "luz 3D", os elementos colocados uns sobre os outros são muito populares. Especialmente com sombras leves por baixo, sugerem uma ligeira tridimensionalidade e criam mais profundidade.

Última atualização em 17.06.2020 De grandes repositórios de recursos e frameworks a repositórios de recursos livres e...

Desde a entrada em vigor do Regulamento de Base sobre Protecção de Dados (GDPR), em Maio de 2018, já foram punidas várias infracções. Estes incluem os mais sérios, como o Heise Online neste artigo relatado. Entretanto, também foi acordado um conceito para Avaliação do montante da coima que tem em conta, entre outras coisas, o volume de negócios da empresa e a gravidade da infracção.

Além disso, esperamos que o Regulamento de Privacidade e Comunicações Electrónicas (ePVO), que esclarecerá a situação legal relativa às ferramentas de monitorização, seja emitido em 2020. O ePVO foi originalmente destinado a ser publicado em conjunto com o GDPR. Ambos os regulamentos servem, de momento, para fins de protecção de dados. Quais os requisitos que o Regulamento ePrivacidade trará para os operadores do website é explicado por um advogado Mario Steinberg neste artigo

Abundância de Ferramentas e Frameworks Web

No próximo ano ainda vamos sofrer com uma abundância de "ajudas de programação" sob a forma de frameworks e um aumento ainda maior em linguagens supostamente mais fáceis de aprender. No entanto, o mercado quase atingiu a saturação - e os nossos criadores atingiram os seus limites de boa vontade. Os quadros, inicialmente destinados a simplificar a implementação de desenhos, também causaram complicações na sua abundância no passado. No futuro, mesmo que ainda não directamente no próximo ano, vamos lutar novamente por soluções mais simples e uniformes.

Muita esperança é colocada em Reagir

O JavaScript continua a ser uma parte importante da programação web, suportada pela React - uma biblioteca JavaScript para a criação de interfaces de utilizador.

Embora o React já tenha ganho importância em 2019, ainda não atingiu o seu auge e será mais proeminente em 2020. Com a ajuda do React, muito provavelmente continuaremos a integrar elementos de IU nos nossos websites e aplicações web no futuro. Portanto, para os desenvolvedores do frontend, é definitivamente uma ferramenta que vale a pena aprender. Isto é especialmente verdade no WordPress -contexto, uma vez que o novo Gutenberg Editor de blocos é baseado em Reagir.

PHP, Ruby, Python, Node.js, Java, e .Net também permanecem linguagens de programação relativamente equivalentes para o backend.

Última atualização em 17.06.2020 De grandes repositórios de recursos e frameworks a repositórios de recursos livres e...

O usuário estará ainda mais em foco na parte da frente e de trás

No futuro, não só iremos gerar e avaliar dados backend, mas também estender esses dados para o frontend. Isso nos ajudará a entender mais sobre o que é clicado quando e como em nossos sites e, assim, seremos capazes de Personalizar a IU de forma mais eficiente e melhorar permanentemente o UX.

Com base nos desenvolvimentos actuais, podemos assumir a longo prazo que a Web se tornará ainda mais interactiva no futuro. Eu definitivamente vejo um maior potencial para experiências que são direta e individualmente adaptadas ao usuário individual. Por exemplo, através de uma navegação incomum e criativa do site, como no portfólio de Bruno Simon.

Última atualização em 17.06.2020 De grandes repositórios de recursos e frameworks a repositórios de recursos livres e...

Em geral, a Internet deve ser mais divertida - seja através de abordagens mais criativas e pessoais na preparação e reprodução da informação. Um resumo maravilhoso e lúdico das tendências de web design para 2020 é oferecido pela agência nova-iorquina Red Collar em esta página.

Última atualização em 17.06.2020 De grandes repositórios de recursos e frameworks a repositórios de recursos livres e...

Gostaria também de mencionar a implementação da Navegação por Voz. Ainda que esta tecnologia provavelmente ainda não tenha o seu grande avanço em 2020, podemos preparar-nos para ela a longo prazo. Assim como, mais uma vez com foco nos usuários: websites mais cuidadosamente adaptados a grupos de pessoas com limitações.

Assim, podemos concluir que 2020 vai ser um ano emocionante em termos de web design, no qual queremos refinar o nosso conhecimento acumulado e apresentá-lo de uma forma mais acessível - com mais personalidade e diversão.

Você tem em mente os desenvolvimentos acima mencionados ou outras tendências de web design para o ano 2020? Estamos contentes com o seu comentário!

Foto: Elina Krima | Pexels

Após estudar Game Design e Escrita Criativa na região verde de Auckland, ele se especializou Sonja Hoffmannem web e app design e seu desenvolvimento. Seu foco é a gamificação e a exploração da motivação e experiência do usuário, aliada a uma paixão e curiosidade por tendências tecnológicas.

Comentários sobre este artigo

Escreva um comentário

O seu endereço de e-mail não será publicado. Os campos obrigatórios estão marcados com * marcado.