Eu vou sair e dizer: sites e aplicativos da web devem ser projetados para dispositivos móveis primeiro.

Durante anos, a maioria das equipes fez o oposto. O Mobile, se foi que aconteceu, foi um port da versão para desktop que foi concebida, projetada e construída antes mesmo de qualquer pessoa considerar a experiência móvel.

E por muito tempo, isso fazia todo o sentido: navegar na web em telefones celulares era doloroso; as operadoras controlavam o acesso à web em seus dispositivos; e as velocidades da rede móvel fizeram com que tudo parasse com muita frequência.

Tempos de mudança

Mas as coisas mudaram tão dramaticamente nos últimos anos que começar com o desktop pode ser um modo de pensar cada vez mais atrasado. Projetar para dispositivos móveis primeiro pode abrir novas oportunidades de crescimento e levar a uma melhor experiência geral do usuário.

Vamos nos aprofundar nas três principais razões: o celular está apresentando um crescimento explosivo; o celular força você a se concentrar; e móvel amplia suas capacidades.

Primeiro, crescimento. Caso você não esteja acompanhando as estatísticas mais recentes, vou dar uma rápida recapitulação: o celular está crescendo como um louco. Enquanto os analistas há muito anunciam o celular como "a próxima grande novidade", suas profecias estão finalmente dando frutos..

Talvez o conjunto mais completo e inspirador de estatísticas venha do Mobile Internet Report da Morgan Stanley Research. Este tesouro de dados sobre o que está acontecendo em dispositivos móveis destaca alguns números realmente chocantes: a adoção da Internet móvel está superando o crescimento impressionante da adoção da Internet no desktop; Espera-se que os smartphones superem o mercado global de PCs em 2012; e os usuários de dados móveis pesados ​​triplicarão para um bilhão até 2013. Esse é um enorme público que está emergindo muito rapidamente. Então agora é a hora de aproveitar a oportunidade móvel!

Mas isso não é apenas uma oportunidade para criar uma versão móvel de um produto da Web para aproveitar esse crescimento; é uma oportunidade de fornecer uma experiência muito melhor para seus usuários.

Considere o serviço de rede social Facebook. Há mais de 100 milhões de usuários ativos acessando o Facebook por meio de seus dispositivos móveis. Esses usuários são duas vezes mais ativos no Facebook que os usuários não móveis.

A combinação de experiências móveis e de desktop resulta em usuários mais engajados nos dois conjuntos de dispositivos. Isso porque o Facebook não pensa apenas em sua experiência móvel como uma porta do site de desktop. Ele o abraça como uma maneira de tornar toda a experiência do Facebook melhor.

Nas palavras de Joe Hewitt, desenvolvedor líder do aplicativo para iPhone do Facebook: "Meu objetivo era inicialmente apenas fazer um companheiro móvel, mas me convenci de que era possível criar uma versão do Facebook que fosse realmente melhor que o site." Essa é realmente a oportunidade móvel em poucas palavras.

Agora, como as restrições e os recursos dos dispositivos móveis ajudam você a chegar lá??

Forçado a se concentrar

Projetando para o ambiente móvel vem com um conjunto natural de restrições. Embora alguns possam argumentar que essas restrições limitam o design para dispositivos móveis, acredito que elas sejam inerentemente boas para a experiência do usuário e, como resultado, para os negócios em geral..

Em particular, as telas pequenas, as conexões lentas e o contexto de uso de dispositivos móveis são fortes catalisadores para um excelente design da Web..

Talvez o mais impactante dessas restrições seja o espaço na tela. Quando você está trabalhando com uma tela de 480x320 pixels (encontrada nas três primeiras gerações do iPhone da Apple, a primeira geração de telefones Android e o Palm Pre), 80% do espaço da tela tinha 1024x768 (comum para a maioria dos sites na área de trabalho) desapareceu.

Isso significa que 80 por cento do conteúdo, navegação, promoções e interações que você poderia caber na área de trabalho precisam ir. E isso é ótimo.

Perder muito espaço na tela faz com que as equipes da Web se concentrem. Você precisa garantir que o que fica na tela seja o conjunto mais importante de recursos para seus clientes e sua empresa. Simplesmente não há espaço para qualquer fragmento de interface ou conteúdo de valor questionável. Você precisa saber o que mais importa.

Para fazer isso, você precisa realmente conhecer seus clientes e sua empresa. Qual é o bom design 101. Projetando para o celular obriga você a chegar lá, goste ou não. Considere a diferença entre a tela do itinerário de viagem da Expedia em seu site para computador e sua experiência com o iPhone.

O principal objetivo desta página é permitir que um cliente analise seus planos de viagem. Se você olhar bem de perto no meio desta página da web, poderá identificar essas informações.

Em contraste, a experiência do Expedia da Expedia coloca a mesma informação na frente e no centro e com melhor hierarquia visual - permitindo que o usuário verifique rapidamente os horários de chegada e partida. Acabaram-se todos os detritos de interface, promoções e lixo presentes no site para computador. Tudo o que resta é o que os usuários da Expedia precisam para realizar suas tarefas. Por que o site da área de trabalho não poderia fazer o mesmo??

Como outro exemplo, considere a diferença entre o site da Southwest Airlines na área de trabalho e sua experiência com o iPhone. Como há muitos pixels disponíveis na Web para desktop, eles foram preenchidos com muitas promoções, recursos, opções e muito mais - porque eles podem ser.

A experiência móvel, por outro lado, tem como foco o que os clientes precisam e o que a Southwest faz: reservar viagens, fazer check-in, verificar o status do voo, verificar milhas e receber alertas. Não há espaço para mais nada. Apenas o que mais importa.

Concentrar-se no que mais importa ajuda a resolver um dos problemas mais antigos no design da web: o problema "tudo, inclusive a pia da cozinha". Esse problema existe porque adicionar coisas a um site é relativamente fácil. Muitas coisas são adicionadas - especialmente quando várias partes interessadas estão envolvidas.

Diferentes departamentos internos, proprietários de recursos, empresas e indivíduos têm requisitos diferentes para sites. Por isso, muitas vezes, as equipes da Web tentam equilibrar muitas promoções, interações, módulos de conteúdo, opções de navegação e muito mais em um único layout. Em uma tela de 1024x768, há muitos pixels para preencher!

Se você projeta para dispositivos móveis primeiro, é possível criar um contrato primeiro sobre o que é mais importante. Você pode então aplicar o mesmo raciocínio à versão para desktop do seu produto da web. "Concordamos que esse era o conjunto mais importante de recursos e conteúdo para nossos clientes e negócios" - por que isso deveria mudar com mais espaço na tela??

Existem, é claro, diferenças baseadas nos contextos móveis e de desktop. Mas o valor central de um serviço da web permanece o mesmo em ambos os formatos. Quando uma equipe projeta para dispositivos móveis primeiro, o resultado final é uma experiência focada nas principais tarefas que os usuários desejam realizar sem os desvios irrelevantes e os restos da interface geral que contaminam muitos dos sites atuais. Simplesmente não há espaço em uma tela de 320 x 480 pixels para elementos estranhos. Você tem que priorizar.