Construindo sites com o futuro em mente

Web design é carregado de questões existenciais. Um dos maiores é: Posso construir um site hoje que ainda será relevante (tanto em estilo quanto em função) amanhã?

A resposta provavelmente depende de quantos amanhãs no futuro você está se referindo. Mas uma boa regra geral é que, quanto mais o tempo passa, menos relevante o design e a funcionalidade de um site se tornam. O futuro sempre traz mudanças – muitas vezes de maneiras que não antecipamos.

Isso provavelmente é uma coisa boa, pois nos mantém ocupados com o trabalho de redesenho. Mas se estamos refatorando um site existente, isso pode ser um verdadeiro desafio.

A chave para enfrentar esse desafio é projetar e construir sites que estejam de olho no futuro. Abaixo estão algumas dicas para fazer exatamente isso.

Use sistemas estabelecidos

Os sistemas de gerenciamento de conteúdo (CMS) passaram a dominar o cenário. E embora todos conheçamos os grandes players, como WordPress e Drupal, há uma quantidade incalculável de concorrentes. Isso nem leva em conta a infinidade de serviços de construção de sites DIY por aí também.

Embora muitos dos sistemas promissores pareçam atraentes, há uma questão séria em relação ao seu potencial de longevidade. Simplificando: eles podem ou não estar por aí em alguns anos. Isso nem é uma questão de qualidade. A realidade é que é uma batalha difícil e é provável que haja algumas baixas ao longo do caminho.

Para seus projetos menores, isso pode não ser um fator decisivo. Mas para sites maiores, a estabilidade é fundamental. Ter que mudar para um novo CMS porque sua plataforma atual está definhando (ou pior) é uma tarefa importante.

É por isso que, antes de criar um design ou escrever uma única linha de código, escolher um CMS é a maior decisão que você tomará. Escolha sabiamente.

E, uma vez que você tenha escolhido o CMS perfeito, você vai querer pensar muito sobre os plugins que você pretende usar. Isso é especialmente importante quando esses plug-ins alimentam a funcionalidade principal, como comércio eletrônico, gerenciamento de membros etc. Novamente, o objetivo é evitar a grande interrupção de ter que mudar mais tarde.

Design e código para flexibilidade

Uma maneira de garantir um aborrecimento futuro é se encaixar com recursos inflexíveis. Isso inclui elementos de design criados para qualquer amostra de conteúdo fornecida por um cliente e código personalizado que não é facilmente extensível no futuro.

Projeto

Os sites evoluem com o tempo. Novo conteúdo é adicionado e seu formato está sempre sujeito a alterações. Isso pode ser muito difícil de prever, no entanto. E assim, tendemos a projetar para o aqui e agora.

Ainda assim, isso não significa que não podemos nos preparar para essa inevitabilidade. Uma maneira simples de fazer isso é utilizando alguns dos incríveis novos recursos de layout em CSS. O Flexbox, por exemplo, oferece layouts de várias colunas que podem ser estendidos para corresponder à coluna mais alta do grupo. E CSS Grid pode ser ajustado em layouts complexos quase infinitos com apenas um pouco de código.

A navegação é outra área que parece sempre ultrapassar sua intenção inicial. Podemos nos preparar para isso seguindo as tendências, como colocar pelo menos alguns itens atrás do bom e velho cardápio de hambúrgueres. Isso permite o crescimento e não requer necessariamente nenhuma mudança radical no design.

Acima de tudo, procure soluções criativas e práticas. Isso ajudará você a evitar esbarrar em uma parede de design feita por você mesmo.

Código

Assim como as necessidades de conteúdo mudam, os requisitos de funcionalidade também mudam. Portanto, provavelmente vale a pena antecipar e aceitar que o código que escrevemos hoje vai mudar em algum momento.

Dependendo da linguagem que você está usando e do seu nível de experiência, escrever código que permita ajustes futuros pode ser um verdadeiro desafio. Às vezes, apenas fazê-lo funcionar para a necessidade mais imediata exige todo o nosso poder cerebral.

Além disso, existem várias maneiras de obter o mesmo resultado. Isso, no entanto, é uma coisa boa. Depois de atingir sua meta de funcionalidade inicial, você tem a oportunidade de dar uma segunda olhada.

A partir daí, pense em maneiras de simplificar o que você fez e veja como será fácil estender mais tarde. Pergunte a si mesmo como você pode tornar seu código o mais eficiente possível. Tomar essas medidas agora pode evitar uma confusão futura.

Procure áreas de crescimento potencial

Às vezes, construir sites para clientes é um jogo de adivinhação. Muitas vezes, envolve tentar descobrir pedidos vagos e antecipar como eles reagirão às suas ideias. Pode ser difícil entrar no mesmo comprimento de onda.

É por isso que é importante fazer as perguntas certas. Isso pode ser muito útil quando se trata de identificar áreas de um projeto que podem se expandir com o tempo.

Por exemplo, digamos que um cliente lhe diga que está procurando por um simples site de comércio eletrônico (que, aliás, não existe). Esta é uma área preparada para o crescimento.

Novos produtos e recursos provavelmente serão adicionados em algum momento. Compreendendo isso, você pode projetar e construir antecipando a possibilidade. Um exemplo pode ser a implementação de um carrinho de compras que pode ser facilmente estendido para fazer uma infinidade de coisas, em vez de um com um foco restrito.

Você não pode parar o futuro, mas pode tentar construir para ele

Embora prever o futuro do web design e as necessidades de nossos clientes não seja uma ciência exata, ainda é um esforço digno. Certamente, haverá momentos em que adivinhamos errado. Mas implementar práticas inovadoras em nosso fluxo de trabalho nos ajudará a acomodar a maioria das mudanças.

Acima de tudo, trata-se de tomar decisões inteligentes a cada passo do caminho. Seja escolhendo um CMS ou escrevendo algum CSS, é importante pensar em como isso afeta a capacidade de um site se adaptar ao futuro.

Nada do que criamos vai durar para sempre em sua forma atual. Mas com a preparação, podemos ajudar a garantir que a sua evolução seja o mais suave possível.