De olho nesta crescente cultura de acessos atrav\u00e9s dos pequenos aparelhos, o gigante do Vale do Sil\u00edcio resolveu fazer importantes mudan\u00e7as em seu algor\u00edtimo no dia 21 de abril de 2015, privilegiando os endere\u00e7os com design\u00a0mobile-friendly<\/span><\/a> em seus resultados de busca.<\/p>\n Mas quais s\u00e3o as principais caracter\u00edsticas deste novo ciclo de design para web?<\/p>\n Para quem j\u00e1 tem um site na internet e n\u00e3o sabe se ele \u00e9 ou n\u00e3o amig\u00e1vel para dispositivos m\u00f3veis, o Google tem uma ferramenta que \u00e9 uma m\u00e3o na roda. Basta acessar o teste de compatibilidade<\/span><\/a> fornecido pela empresa e ver se est\u00e1 tudo ok. Mas para aqueles que ainda est\u00e3o planejando colocar uma p\u00e1gina na rede existem outras dicas que podem ajudar bastante.<\/p>\n O site webflow.com<\/a> \u00e9, al\u00e9m de uma \u00f3tima ferramenta, uma excelente refer\u00eancia de site produzido para se navegar em qualquer em qualquer dispositivo e com qualquer tamanho de tela. Algo que nem sempre \u00e9 pensando pelos arquitetos de informa\u00e7\u00e3o e web designers.<\/p>\n As vezes o bot\u00e3o de uma home page fica vis\u00edvel e pr\u00e1tico na tela do desktop, mas escondido na do celular. Por isso \u00e9 sempre bom pensar com o conceito de mobile first, ou seja, primeiramente em como a p\u00e1gina vai ser mostrada nos smartphones e tablets e s\u00f3 depois nas telas maiores. Desta forma, aquele designer esperto que sabe desenvolver um projeto web<\/span><\/a>, cria desde o come\u00e7o uma no\u00e7\u00e3o dos tamanhos ideais para cada resolu\u00e7\u00e3o.<\/p>\n \u00c9 muito f\u00e1cil comprometer a leitura do usu\u00e1rio que tenta ler o conte\u00fado de um site em telas como a dos smartphones. Mas a Wired<\/a>, uma das revistas mais comentadas do mundo, soube resolver muito bem isso em seu novo portal.<\/p>\n Sabendo que uma home page n\u00e3o tem que servir como exame de vista para o usu\u00e1rio, o designer deve trabalhar com tamanhos de fontes que deem a melhor leitura na tela. O ideal \u00e9 usar algo entre 16 e 20 pixels para o conte\u00fado e 22 a 24 para os t\u00edtulos.<\/p>\n A web s\u00e9rie francesa Oui Surf<\/span><\/a> \u00e9 um modelo a se seguir de velocidade de carregamento. Ainda que o foco seja seus v\u00eddeos, o loading n\u00e3o dura para sempre e, quando acessado atrav\u00e9s do smartphone, ele troca os filmes por imagens antes do clique.<\/p>\n Vale lembrar que o usu\u00e1rio que usa o celular para ler alguma coisa no \u00f4nibus no caminho para o trabalho n\u00e3o quer gastar todo o plano de dados do seu 3G vendo apenas um site, por isso \u00e9 bom que o designer saiba um pouco de l\u00f3gica de programa\u00e7\u00e3o<\/span><\/a> (ou tenha bons amigos desenvolvedores) para entender como deixar o carregamento da p\u00e1gina o mais r\u00e1pido poss\u00edvel.<\/p>\n Agora que voc\u00ea j\u00e1 sabe a import\u00e2ncia dos sites mobile, que tal se profissionalizar em Tecnologia e Projeto Web<\/span><\/a> e fazer a diferen\u00e7a no mercado?<\/p>\n![\"Veja](\"https:\/\/www.impacta.com.br\/blog\/wp-content\/uploads\/2015\/09\/shutterstock_276752663.jpg\" "\\"Veja")
<\/a><\/p>\nComo planejar o design de\u00a0sites mobile?<\/strong><\/span><\/h2>\n
Webflow | Design f\u00e1cil para navegar com os dedos<\/strong><\/span><\/h2>\n
Wired | Tamanho das fontes<\/strong><\/span><\/h2>\n
Oui Surf | Velocidade de carregamento<\/strong><\/span><\/h2>\n
Fa\u00e7a a diferen\u00e7a na sua carreira<\/span><\/h2>\n