Design & UX

21 jun, 2016

Por que você deve jogar seu layout no lixo

Publicidade

Para grande parte das equipes, o processo de desenvolvimento de produtos digitais está diretamente ligado à produção de layouts. Em geral, criamos um layout para cada tela que teremos em nosso produto. Assim é possível ter uma visão macro do que será feito e validar nossa solução com as expectativas do cliente.

Porém, no fim, um layout não é nosso produto e não será entregue ao cliente. De fato, só os layouts não geram nenhum valor. Ao mesmo tempo, é difícil mantê-los, controlar suas versões. Além de exigiram muito trabalho.

Neste artigo, vamos abordar práticas que nos ajudam a desenvolver produtos digitais de forma rápida, otimizada e consistente com sua identidade visual. Assim, você abandona os layouts de vez.

Blueprints

Blueprint é um modelo do projeto em baixo nível, com cores monocromáticas e o menor nível de detalhamento visual possível.

Projetos digitas sempre passam por diversos cenários das várias partes interessadas, incluindo profissionais de marketing, desenvolvedores, diretores e os próprios clientes. Fatores como cores e elementos visuais estão fora desse contexto.

Com os blueprints, evitamos nos concentrar nesses princípios subjetivos e damos mais atenção ao que realmente importa. Isso impede a refação de trabalho e encurta o processo de aprovação de telas.

Styleguide

Styleguide, ou guia de estilo, é o processo mais importante da criação de um projeto. Seu objetivo é ajudar a manter a consistência de design nos produtos e tornar reutilizável os componentes do front-end. O styleguide contém valores, padrões de design e componentes específicos que se repetem ao longo das páginas, permitindo que designer e desenvolvedores os reutilizem em todo produto sem se preocupar com o CSS.

Cores, ícones e tipografia são mantidos de forma consistente em nossa folha de estilos, facilitando alterações, mesmo que haja uma grade modificação no projeto.

Front-end

O front-end deve ser desenvolvido de forma organizada, com exportação de assets usando controle de versão, para entendermos como o projeto evolui durante o tempo e não cometermos os mesmos erros. Seu front-end deve estar sempre documentado e alinhado com seu styleguide.

Testes

No final do processo, execute seu produto no máximo possível de dispositivos, para testar a compatibilidade, e realize experimentos com os próprios usuários.

Faça reuniões frequentes com seu time de design, para saber o que estão fazendo e ter uma perspectiva geral de todo o projeto, mostrando o impacto dele em seus produtos. Procure sempre maneiras de otimizar seu processo de engenharia de design.

Agora que você já sabe como sobreviver sem um layout padrão, que tal colocar isso em prática?