É a época do ano em que todos os blogueiros da Web tiram uma bola de cristal, tiram a poeira das cartas de tarô e passam horas olhando fixamente para xícaras de chá em um esforço para prever as tendências para o próximo ano.
As listas resultantes geralmente variam em plausibilidade desde a certeza absoluta (a Apple lançará um novo dispositivo) até o totalmente implausível (será uma TV).
A verdade é que é extremamente raro que qualquer tendência chegue inesperadamente. Se você olhar com cuidado, verá as raízes de todas as principais tendências no próximo ano começarem a se desenvolver em 2013 (ou antes). Embora seja possível que um conceito genuinamente revolucionário seja popularizado, é muito mais provável que 2014 seja um ano de pequenos ganhos incrementais, inspirados ou em resposta a um constante desenvolvimento tecnológico.
O futuro do web design já é evidente, só precisamos olhar para trás para ver. Aqui estão 7 previsões para 2014 que já estão se mostrando verdadeiras e como você pode sobreviver a elas.
A pseudo-classe : hover em CSS é um dos conceitos de design mais originais da Web. Intimamente amarrado com o cursor, indica quando uma pessoa está pensando em clicar em um elemento e incentiva-o a fazê-lo. No entanto, como os dispositivos que não têm um cursor continuam a inundar o mercado, a utilidade de : hover é cada vez mais questionável.
Recentemente, ouvi uma conversa em que um designer argumentou que o uso de: hover era na verdade uma prática ruim, pois encorajava os designers de UX a pensar em termos que a maioria dos usuários finais não experimentaria (navegar com um cursor). Certamente, efeitos de foco interessantes estão surgindo cada vez menos em novos sites.
Dica de sobrevivência: Embora seja verdade que os usuários móveis provavelmente ultrapassarão os usuários de desktops nos próximos 12 meses, a porcentagem de usuários de desktops ainda será de dois dígitos. Nós projetamos para plataformas, o IE7, por exemplo, com muito menos participação de mercado. Mobile-first não significa desktop-never e : hover degrada normalmente. Então, para mim ,: hover ainda tem um slot na caixa de ferramentas; apenas não é de missão crítica.
Quando chegou pela primeira vez na cena, jQuery foi uma revelação. Ainda fico impressionado com a simplicidade de manipular elementos DOM dinamicamente, e não apenas em um navegador, mas em todos eles!
jQuery é justamente uma das bibliotecas mais populares de todos os tempos, e para muitas pessoas tornou-se sinônimo de JavaScript, com sites sendo construídos em “HTML, CSS e jQuery”.
No entanto, jQuery não é sem seus críticos e as vozes de dissidência cresceram mais alto ao longo de 2013. A principal objeção a jQuery é que é grande. Mesmo que a versão 2.0 tenha deixado cair o suporte para o IE 6, 7 e 8, ainda é um arquivo grande para carregar; especialmente em sites para dispositivos móveis. O pedido extra de http e o extra kb são um preço alto a pagar por algo simples, como uma interpolação de opacidade.
Mais e mais pessoas estão percebendo que o JavaScript baunilha é mais rápido e mais eficiente, para qualquer coisa que não seja grandes quantidades de manipulação DOM (quando o jQuery realmente se destaca).
É improvável que o jQuery desapareça em breve - é uma biblioteca muito boa para isso -, mas o domínio do mercado que é apreciado nos últimos dois ou três anos está começando a cair.
Dica de Sobrevivência: Passe algum tempo conhecendo a linguagem por trás do jQuery; descubra como document.getElementById () funciona. Você pode se surpreender com o quanto de JavaScript de baunilha você já entende, e sua capacidade de usar o jQuery também irá melhorar.
Tanto do cenário de web design é composto de atitudes, modismos e preconceitos de web designers; a web móvel estava condenada no dia em que alguém sugeriu isso como uma alternativa ao design responsivo.
A Web para dispositivos móveis é qualquer website projetado para funcionar exclusivamente em um dispositivo móvel, geralmente um smartphone, normalmente executado em paralelo com um site para computador. Em outras palavras, dois sites. Você também pode exibir um sinal de "Melhor visualização em um monitor de 1024 x 768" em sua página inicial.
É claro que há bons argumentos para a execução de vários sites para algumas empresas, até porque nosso caso de uso varia - o exemplo clássico é um site de restaurante, onde os usuários de desktop provavelmente querem ver o menu e os usuários de dispositivos móveis provavelmente querem instruções para o o negócio. Mas tudo isso se perdeu na louca corrida para abraçar a mentalidade de um único local para todos os aspectos do design responsivo, especialmente porque situações do mundo real que justificam vários sites são poucas e distantes entre si.
Dica de sobrevivência: considere o desenvolvimento de vários sites se houver uma boa razão para acreditar que os usuários se beneficiarão de diferentes conteúdos em diferentes dispositivos, mas os tratará como micro-sites. E, claro, certifique-se de que qualquer site que você cria seja responsivo (a variedade de tamanhos de tela para celular continuará a aumentar este ano).
Quando o Flash deu um mergulho de nariz, levou consigo não apenas a inatacável posição de mercado da Adobe, mas também a moda para qualquer coisa em Flash.
Os clientes, sem saber exatamente o que era ruim sobre o Flash, rejeitaram qualquer coisa Flash, flash ou flashy. Seguiram-se alguns breves anos de contenção, com os designers abraçando o design minimalista e os clientes adotando faturas menores.
Foi muito cedo em 2013, quando as coisas começaram a mudar, e o amor crescente por imagens em tela cheia, animação de texto, transições de página e sites de uma única página continuou a crescer no ritmo.
A qualidade inacreditavelmente sub-assada do vídeo em HTML5 ajusta a mídia rica de volta por alguns anos, mas 2014 será o ano que mudará.
Dica de sobrevivência: Faça o seu lema "Só porque eu posso, não significa que eu deveria." Aprenda com os erros do passado usando rich media de maneiras que melhoram projetos e sempre se concentre em manter os tempos de carregamento baixos.
O velho ditado de que "o conteúdo é rei" é justificado pelos rankings do Google, fundamentos de design e prioridades do cliente.
No entanto, a incessante marcha do CMS, como WordPress, SquareSpace, Webydo e Drupal, significa que os designers estão cada vez mais encontrando-se projetando não apenas para o conteúdo que não têm, mas para o conteúdo que mudará regularmente.
O conteúdo é muitas vezes finalizado muitos meses depois que a agência de web design passou a ser nova, e embora isso possa ser ruim para o design, a boa notícia é que os clientes estão cada vez mais entendendo a Web como um projeto em andamento, que requer manutenção regular e gestão profissional.
Dica de Sobrevivência: Com conteúdo em estado de fluxo permanente, o novo monarca é a marca. Não apenas marca visual, mas tom de voz, estilo, linguagem e qualidade. Seja flexível com sua abordagem e concentre-se em projetar sistemas, não em páginas fixas. Os sites agora precisam ser projetados de maneira responsiva, não apenas para uma variedade de dispositivos, mas para uma variedade de conteúdo.
Mudar seu algoritmo em uma noite de sexta-feira parece ser algo que a equipe da Mountainview faz sempre que eles acham que são os únicos trabalhando no fim de semana. Muitos web designers chegaram à sua mesa na segunda-feira de manhã para descobrir relatórios de sites de clientes, anteriormente na posição # 1 no Google, definhando na página 8357 de 8358. É uma maravilha o Google ainda não ter nomeado uma atualização 'Hyena'.
Não há razão para pensar que 2014 será diferente de 2013 ou 2012 nessa frente.
Dica de sobrevivência: o Google continua aconselhando a mesma coisa: Escreva um bom conteúdo original voltado para os seres humanos e não para os bots. Se você se esquivou de uma bala até agora, não pense que continuará a ter sorte. Agora é a hora de garantir que o seu SEO seja totalmente branco. A grande novidade deste ano é o SEO local, então concentre seu conteúdo nessa frente.
Eu tenho previsto que o SVG vai decolar por anos, e estou constantemente errado. Mas, 2014 será o ano do SVG, tudo para o nosso amor pelos ícones.
Nos últimos 12 meses, a Web tornou-se cada vez mais sitiada por ícones. Onde antigamente reinava o texto, agora temos ícones. Até mesmo o útil "menu" para indicar a navegação em telas móveis foi substituído por um obscuro ícone de hambúrguer que ocupa exatamente a mesma quantidade de espaço e é menos transparente.
Sim, é possível usar fontes de ícone, mas por que você, quando uma pequena quantidade de código fornece os mesmos resultados sem a necessidade de carregar um arquivo de fonte de ícone volumoso?
O SVG também resolve o problema da imagem responsiva; É verdade que as imagens adaptadas a um formato vetorial são mais limitadas do que o bitmap, mas a popularidade do design plano e a moda para ilustrações simples de blocos criam o ambiente perfeito para o SVG se estabelecer e se desenvolver em 2014.
Dica de sobrevivência: Tente exportar alguns arquivos SVG de um aplicativo de desenho e, em seguida, dê uma olhada no código. É ótimo que existam aplicativos de imagem que criem SVG para você, mas um mestre de verdade entende suas ferramentas; aprenda a codificar manualmente o SVG e você estará colhendo os benefícios ao longo de 2014 e no futuro.
Quais tendências você vê desenvolvendo em 2014? Você acha que algo revolucionário vai acontecer? Deixe-nos saber seus pensamentos nos comentários.
Imagem em destaque / miniatura, imagem de previsão via Shutterstock.