Choco la Design | Design é como chocolate, deixa tudo mais gostoso.

O termo sugere que o assunto trata-se de um projeto que exija resposta. Parece ser meio óbvio, mas tecnicamente é mais um feedback pra mecânica da coisa do que a sua principal característica.

O QUE É

Basicamente é um projeto gráfico inteligente que prevê a adaptação do layout ao dispositivo (smartphone, tablets, desktops e notebooks – sejam elas pequenas ou grandes resoluções). Trata-se indiscutivelmente de um grande feito para a usabilidade mobile, especialmente pela simplicidade de desenvolvimento – não exige uma mudança de plataforma, árduos treinamentos, nem sequer uma nova especialidade; é apenas um aperfeiçoamento para o desenvolvedor web.

Visualize exemplos da função clicando aqui.

A NECESSIDADE

É de se estranhar que só esteja se falando sobre design responsivo no Brasil por agora; além de já ser um assunto bastante debatido pelos analistas de SEO do mundo inteiro, segundo a comScore, o Brasil demanda 31,8% do tráfego de notícias em iPads e 21% em iPhone. O que isso significa? Que existe demanda, que criou-se a necessidade de oferecer uma interface adaptável aos diversos tipos de dispositivos móveis e os desenvolvedores web brasileiros estão atrasados quanto ao seu aperfeiçoamento.

IMPLEMENTAÇÃO

 Na hora de desenvolver, é necessário analisar alguns fatores específicos; não deixar passar em branco é fundamental para o pleno funcionamento de sua investida.

• Primeiramente, todos os elementos do seu site precisam estar devidamente separados. Pense que eles serão re-diagramados de acordo com o seu código, se você planeja que tal elemento apareça em alguma ocasião separado de outro, não os mantenham na mesma imagem (óbvio, não é?);
• A consulta que o Media Queries realiza ao dispositivo permite que ele analise previamente algumas questões como resolução, tamanho do bronwser e orientação, o que viabiliza o carregamento ao formato ideal de leitura;
• Planejar os estilos utilizando um grid flexível é fundamental para que além de promover o mecanismo com perfeição, ela mantenha sua previsibilidade quanto às opções quanto a usabilidade;
• Lembre-se: ao promover estas adaptações, elas deverão ser mensuradas em porcentagens (que serão lidas pelas consultas de mídias);
• Você não está mais preso ao desktop. Explore as alternativas do mundo mobile e visualize como usuário o que gostaria de implementar como desenvolvedor. Modelos mentais é o segredo da experiência perfeita do usuário, esteja focado para perceber quando aparece uma grande oportunidade de integrar novas tecnologias ao seu projeto.

EU QUERO FAZER, COMO É?

Eu não sou desenvolvedora web, mas encontrei pra vocês Paulo Faustino, especialista em otimização de blogs wordpress. Ele ensina aqui o passo-a-passo para montar certinho.

Este assunto foi sugerido pelo leitor através do twitter do Choco la Design. Interaja, nós gostamos de saber o que lhes interessam saber.

Até a próxima semana o/