O que é Mobile First?

10 de maio de 2012 Metodologia de Projetos, Mobile, Webdesign 7 comentários

Nos últimos dias, ouvi muito falar sobre Mobile First, mas não sabia bem o que era. Pois bem, fui pesquisar sobre o assunto e descobri que é uma metodologia de projetar sites em que o seu processo é, primeiramente, a criação da versão mobile e depois a versão desktop. Simples né? Mas, nem tudo é tão simples assim.

Com o crescimento das vendas de smartphones e o acesso a internet móvel, o Mobile First pode mudar uma tradição no processo de desenvolvimento, que é a de criarmos primeiro a versão desktop e depois a versão mobile. Quem defende essa metodologia é Luke Wroblewski. Segundo ele, o excesso de informação, em grande parte dos sites, se dá porque é relativamente fácil adicionar conteúdo na versão desktop.

“O mobile não deixa espaço para nenhum conteúdo de relevância duvidosa. Você precisa saber o que realmente importa. Para fazer isso, você precisa conhecer bem os seus usuários e o seu mercado.”, afirma Luke.

Veja um exemplo do desenvolvedor americano: o site abaixo foi projetado utilizando essa metodologia. Observem na versão que utiliza o Mobile First como princípio, a versão para computadores de mesa fica mais limpa, apenas com as informações relevantes.

Web First

 

Mobile First

Vocês acham que isso um dia vai virar padrão? E, vocês, usariam essa metodologia?

Mais informações aqui e aqui no blog do Luke Wroblewski.

  • Edson Luiz

    Sou de Recife, tenho 25 anos, faço graduação em Design Gráfico na Unibratec, por mais de dois anos fui desenvolvedor de aplicações mobile. Atualmente sou designer de interfaces para dispositivos móveis no Projeto Samsung (Cin/UFPE). Aqui no Choco la Design irei falar sobre Design de interface e um pouco sobre o que acontece no mundo da mobilidade. você pode me seguir no twitter e no Facebook

    Veja todos os 36 posts publicados por »

    COMENTÁRIOS

    • Rafael Overdrive

      Eu acho ótimo, apliquei nos últimos trabalhos que eu criei/desenvolvi e gostei do resultado.
      Alguns links interessanes sobre o assunto:
      http://designshack.net/articles/css/mobilefirst/
      http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu

      • Edson Luiz

        Muito bacana os links Rafael =)

    • Karlus

      eu já pensava nessa metodologia a muito tempo, e aprovo a ideia de sites limpos com apenas informações relevantes. muita coisa irrelevante causa poluição informacional. o q ao meu ver nao é bom

    • amandabritodiz

      Essa metodologia iria apurar o senso minimalista e do que seria relevante. Aprovado.

    • http://www.carlosfachini.com/ Carlos Fachini

      Muito bom isso, realmente o Design mobile ve muito forte, acho que o cara que cria pra desk hoje tem que saber criar um site “mobile” ou a mais “nova” responsivo…

    • http://www.facebook.com/Thulioph Thulio Philipe

      Em pesquisa, foi visto que a quantidade de acessos a sites por mobile é muito maior que desktops, e vem crescendo cada dia mais, se o “público é mobile” vamos começar por mobile! 

    • Karen

      Fiz um curso recentemente sobre isso, foi muito falado a questão dos tamanhos menores de tela, não como restrição, mais sim como oportunidade para o design, pois te forçam a priorizar, a manter o foco, eliminar da interface itens que não são extremamente necessários.