No Masters Tournament de 1961, Arnold Palmer tinha uma pancada de vantagem sobre Gary Player quando saiu do tee do 18º buraco. Durante o percurso até ao fairway, permitiu-se falar com um amigo que felicitou Palmer pela sua vitória.
Apesar de Palmer saber que precisava de se concentrar em terminar o buraco, não conseguia deixar de pensar no casaco verde que em breve estaria nos seus ombros.
Palmer fez bogey no buraco e perdeu o Masters por uma pancada para Player.
Demasiadas vezes sabemos exatamente o caminho certo a seguir (e as decisões certas a tomar), mas não o seguimos por uma razão ou outra.
O que é que isto tem a ver com design responsivo para telemóveis?
Todos os dias surgem novos estudos e estatísticas …
Para a maioria de nós, penso que a mensagem foi ouvida em alto e bom som.
O telemóvel é o futuro (e o presente)
O telemóvel é obviamente uma parte muito importante da Web atual e futura e, se a sua empresa não estiver a utilizar (ou a preparar-se para utilizar) uma estratégia móvel que funcione, pode esperar uma morte rápida na obscuridade.
Os programadores, designers e criadores de conteúdos estão a aperceber-se do poder de uma filosofia “mobile first”, e estão a encontrar enormes benefícios no seu caminho …
Os meus sítios web funcionam mais depressa desenvolvendo o Mobile First. Eu recodifiquei os sítios web de forma responsiva e mobile first e, muitas vezes, reduzi o meu tempo de carregamento em 30-40%.
Os meus clientes compreendem melhor e mais facilmente a prioridade dos conteúdos e a hierarquia visual. Todos eles se sentem frustrados por não conseguirem obter o conteúdo que pretendem nos seus navegadores móveis e eu posso facilmente utilizar esta frustração para os convencer a reconsiderar a experiência no ambiente de trabalho.
O meu wireframing tornou-se mais rápido. Uma vez que os clientes sabem agora que informação é mais importante para eles e para os seus utilizadores, posso pegar nisso e transformá-lo num wireframe de ecrã maior que eles compreendem.
Portanto, se os telemóveis são tão importantes e pretendem dominar o mundo, não deveríamos pensar de forma diferente na forma como construímos o nosso sítios Web e produza o nosso conteúdo?
Se o mundo está a fazer esta mudança que favorece os dispositivos móveis em detrimento das estações de trabalho, faria sentido que déssemos prioridade aos nossos esforços tendo em mente o público móvel.
Isto tornou-se bastante claro para mim depois de ler o livro de Luke Wroblewski, que tem o título apropriado, Mobile First.
A premissa do texto de Lucas é que devemos pensar primeiro no utilizador móvel, não só porque colheremos os frutos do crescimento dos telemóveis hoje, mas também porque nos preparará para o crescimento explosivo que se prevê para o futuro.
Além disso, a adoção de uma filosofia “mobile first” obrigar-nos-á a concentrar-nos e a definir prioridades devido às limitações dos dispositivos móveis e permitir-nos-á proporcionar experiências inovadoras utilizando as novas capacidades disponíveis para os dispositivos móveis à medida que estes ficam online.
1. Uma filosofia “mobile first” aproveita o crescimento atual e prepara-o para o futuro
Wroblewski recentemente escreveu uma comparação surpreendente no seu site.
Num dia normal (no momento em que escrevo), nascem cerca de 371.000 bebés e são vendidos mais de meio milhão de dispositivos iOS. E …
700.000 dispositivos Android são activados. 200.000 dispositivos Nokia são utilizados pela primeira vez e 143.000 smartphones Blackberry chegam às mãos de um novo utilizador.
Assim, o total de smartphones que entram no mundo por dia é de cerca de 1,45 milhões de dispositivos, em comparação com 317 124 nascimentos de seres humanos.
E isso não é tudo …
Outras estatísticas no seu livro são ainda mais convincentes para o desenvolvimento de uma filosofia mobile first, porque mostram que não só as pessoas estão a comprar dispositivos móveis, como as audiências estão realmente a interagir com sítios Web através de um dispositivo móvel.
As pessoas não estão a jogar Angry Birds e a utilizar o Facebook a toda a hora. Estão a visitar sítios Web ricos em conteúdo.
O Yelp é um serviço de avaliação muito popular e, se olhar para os seus números de tráfego, verá que apenas 7% da sua audiência total utiliza os seus produtos móveis. Sem qualquer investigação adicional, sentir-se-á tentado a zombar e a declarar que o tempo dos dispositivos móveis ainda não chegou. Mas se aprofundar um pouco mais, descobre que esses 7% são responsáveis por 35% de todas as suas pesquisas em todos os seus produtos.
Outro exemplo dado é o do serviço imobiliário Zillow. Wroblewski salienta que os clientes da Zillow visualizam as listas de imóveis activos 45% mais frequentemente a partir de dispositivos móveis, em comparação com o seu sítio para computador.
Agora, para que não pense que esta filosofia é apenas para sítios relacionados com serviços, um estudo revelou que o utilizador médio de um smartphone visita até 25 sítios Web por dia e que os 50% principais desses sítios representam menos de metade de todas as visitas móveis.
Assim, é muito provável que o seu site também faça parte deste fenómeno de crescimento móvel.
2. Uma filosofia mobile first obriga-o a concentrar-se no que é importante
Apesar de o panorama móvel ter evoluído imenso nos últimos anos, o ambiente em que existe continua a ter muitas restrições quanto ao que é possível fazer em termos de desenvolvimento e design.
Mas, como qualquer bom criador lhe dirá, os constrangimentos fomentam a criatividade e a resolução de problemas.
No seu livro, Wroblewski identifica várias restrições atualmente em vigor para os dispositivos móveis que podem realmente melhorar a experiência móvel de um utilizador … incluindo o tamanho do ecrã e o desempenho do dispositivo móvel.
Os tamanhos de ecrã mais pequenos disponíveis para os dispositivos móveis obrigam os designers a eliminar os aspectos irrelevantes e inúteis do seu design.
Demasiadas vezes, as empresas querem preencher todos os pixéis disponíveis e acabam por ter um site desorganizado que é difícil de navegar e utilizar.
Mas ao desenvolver para um dispositivo móvel, a perda de espaço no ecrã obriga as equipas de design e desenvolvimento a concentrarem-se no que é realmente importante, porque não há espaço para qualquer elemento de valor questionável.
Wroblewski salienta, com razão, que para gerir a sua empresa de forma eficaz, precisa de compreender os seus clientes e a sua empresa. Quando desenha para um dispositivo móvel primeiro obriga-o a chegar a esse ponto.
Como ilustrado no livro, a Southwest Airlines é um exemplo perfeito. No seu sítio Web completo, tem uma tonelada de anúncios, apelos à ação e uma série de ligações de que a grande maioria dos utilizadores não precisa.
Na sua aplicação móvel, a Southwest toma a decisão de se concentrar exatamente nas necessidades dos seus clientes. Oferece uma forma simples e fácil de interagir com os serviços que presta.
Este foco de laser mantém o utilizador envolvido, satisfeito e de regresso.
Para além do tamanho do ecrã, o desempenho da rede móvel de um utilizador tem um impacto significativo na forma como este interage com os sítios Web. O que isto significa é que tudo o que possa ser feito para eliminar problemas de desempenho deve ser feito.
Mais uma vez, isto obriga o designer e o programador a considerar o que os seus utilizadores realmente precisam. Se as imagens grandes e as bibliotecas javascript robustas forem retiradas da equação, não somos forçados a fazer cedências, mas sim a inovar e a concentrarmo-nos no que é verdadeiramente importante.
3. Adotar uma filosofia “mobile first” permite a utilização de novas capacidades
Wroblewski conclui afirmando que:
As restrições naturais dos dispositivos móveis, redes e padrões de utilização ajudam a concentrar e a simplificar as experiências móveis. Mas conceber para dispositivos móveis não é apenas aceitar as limitações – é também alargar o que pode fazer.
As pessoas utilizam os seus dispositivos móveis em todo o lado. Assim, estão disponíveis novas oportunidades para satisfazer as necessidades dos utilizadores.
Um bom exemplo é a deteção da localização. Um dispositivo móvel pode identificar com mais precisão a localização exacta de um utilizador do que um computador de secretária e pode ser utilizado para fornecer informações relevantes sobre a sua localização específica ou o ambiente que o rodeia.
Ainda no outro dia, queria alugar um jogo na Redbox, mas não queria ir a todas as lojas para saber onde estava. Utilizando o seu sítio Web móvel, a Redbox identificou rapidamente a minha localização e deu-me uma lista dos quiosques mais próximos que tinham o jogo que eu queria alugar.
Em vez de me dar uma lista de todos os locais da área que eu tinha de explorar para obter dados, a Redbox, utilizando uma filosofia mobile first, fez o trabalho por mim, com base nos dados de localização que adquiriu.
Para além de utilizar as novas capacidades disponíveis atualmente, uma filosofia “mobile first” permite-lhe posicionar-se na vanguarda das tendências futuras que serão utilizadas nos dispositivos móveis, como o NFC, a perceção inteligente e quaisquer outras novas ferramentas que venham a surgir e que ainda nem sequer foram imaginadas.
Então, para onde vamos a partir daqui?
Primeiro, leia o livro de Luke.
Em seguida, comece a pensar de forma criativa sobre como pode implementar uma estratégia móvel com o seu conteúdo. Naturalmente, uma forma inteligente e simples de estabelecer uma base móvel sólida para o seu site e negócio é utilizar um dos nossos muitos temas filhos do Genesis com capacidade de resposta móvel.
Não se apoie no sucesso do passado, ignorando a realidade do presente e do futuro.
Se não está a adotar uma filosofia mobile first com o seu conteúdo online, já está a ser deixado para trás …