Blog sobre WordPress
No Result
View All Result
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce
Cadastrar e-mail
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce
No Result
View All Result
Blog sobre WordPress
No Result
View All Result
banner-horizontal-3

Início » WordPress Mobile » O conceito e aplicabilidade do Mobile First

O conceito e aplicabilidade do Mobile First

Mobile First é um conceito aplicado em projetos web onde o foco inicial da arquitetura e desenvolvimento é direcionado aos dispositivos móveis.

Leandro Vieira by Leandro Vieira
2 anos ago
Reading Time: 5 min
13
Compartilhe no FacebookCompartilhe no LinkedIn
Audio

Mobile First é um conceito aplicado em projetos web onde o foco inicial da arquitetura e desenvolvimento é direcionado aos dispositivos móveis e em seguida para os desktops.

Conteúdo relacionado

WordPress e o desenvolvimento de aplicativos móveis

Não use Design Adaptativo. Considere o Design Responsivo

Como personalizar sua mobile branding no Google

A técnica tem se popularizado cada vez mais entre os profissionais de marketing e tecnologia.

O conceito de Mobile First foi elaborado por Luke Wroblewski em 2009 e 2010 no seu blog e no ano seguinte ele publicou através da A Book Apart o livro Mobile First que é uma leitura obrigatória para aqueles que queiram compreender a fundo a técnica e suas aplicabilidades.

Ilustração sobre o conceito de Mobile First

Imagens que ilustram o conceito de Mobile First

Desktop First. Mobile Second
Mobile First. Desktop second

Em projetos web de uma forma geral o foco precisa ser no usuário para que ele tenha a melhor experiência possível e cumpra sua missão no website.

Quando projetamos primeiramente para mobile somos forçados a sermos sucintos e fazer uso da melhor maneira dos poucos espaços disponíveis nas telas dos dispositivos móveis e auxiliar os usuários a realizarem suas desejadas tarefas.

As imagens acima ilustram os cenários de Desktop First, Mobile Second e Mobile First, Desktop Second.

No primeiro exemplo temos um clássico cenário de focus no desktop e aproveitamento de todos os espaços possíveis e na inserção do máximo de informação que couber na tela.

No segundo um uso racional, focado e objetivo no que as pessoas procuram em websites do segmento demostrado.

Design Responsivo é só o começo

O Google entrevistou dezenas de executivos de marketing e agências sobre suas grandes prioridades e perspectivas para 2017.

Isso resultou nas “5 questões que os profissionais de marketing devem se fazer em 2017”.

A última delas foi “Is my organization building for the mobile screen first?”.

Embora o artigo seja de três anos atrás, ele nunca foi tão atual quanto agora.

Considere a leitura das cinco questões.

A aplicabilidade do Mobile First

O crescimento móvel no Brasil é uma incrível realidade.

Os projetos web de uma forma geral precisam aplicar este conceito para explorar seu potencial e facilitar, além de uma melhor experiência para os usuários, o uso da segunda tela pelos usuários.

A segunda Tela (Second Screen)

Uma segunda Tela (ou Second Screen) é um termo que se refere a um dispositivo eletrônico adicional (como um smartphone ou tablet) que permite ao consumidor interagir com o conteúdo que está a consumir, como filmes, música ou jogos eletrônicos.

https://pt.wikipedia.org/wiki/Segunda_tela

Mobile First e a segunda tela

Quando os websites são projetados com o conceito de Mobile First a interação dos usuários com suas interfaces além de ser facilitada é agradável quando a atenção é dividida com outras telas como a TV.

O conceito e real uso do Mobile First precisa ir além dos aplicativos.

Conteúdos para você seguir adiante

Neste Blog da Apiki sobre WordPress, temos incríveis conteúdos sobre o assunto aqui abordado.

Eles poderão te inspirar e apoiar na implementação desse conceito em seus projetos digitais.

Segue a lista de uma curadoria para facilitar a sua jornada

  • Como implementar Mobile First em projetos WordPress;
  • As vantagens e os desafios na implementação do Mobile First;
  • Não use Design Adaptativo. Considere o Design Responsivo;
  • Como pequenos negócios podem, e devem, tirar proveitos do mobile;
  • WordPress e o desenvolvimento de aplicativos móveis;
  • Como personalizar sua mobile branding no Google;
  • Tags para Mobile First no cabeçalho da página.

Conclusão

O Mobile vem ganhando cada vez mais espaço, e espaço considerável.

Se antes a grande força estava nas questões comportamentais dos usuários, agora ela se ancora na economia.

Na Black Friday de 2019, por exemplo, 55% dos pedidos foram realizados a partir de um celular.

O faturamento foi de R$ 3,87 bilhões, um aumento de 30,9% em relação ao ano passado.

Esses números foram alcançados somente nos dias 28 e 29 de novembro.

E você está preparado, vai se preparar ou ainda duvida do Mobile First?

Tags: DesignMobile First
Share8Share1SendShare
Previous Post

Os 3 principais motivos para atualizar o PHP, além do WordPress

Next Post

Os elementos que determinam a performance de site WordPress

Leandro Vieira

Leandro Vieira

Uma das grandes referências de WordPress no Brasil, entusiasta e evangelista da plataforma. Fundador e CEO da Apiki, empresa especializada no desenvolvimento web com WordPress.

Related Posts

Twitter Card – o recurso para seu tweet ir além dos 140 caracteres
WordPress Mobile

Twitter Card – o recurso para seu tweet ir além dos 140 caracteres

28 de julho de 2020
Como implementar Mobile First
WordPress Mobile

Como implementar Mobile First em projetos WordPress

15 de janeiro de 2021
O protocolo Open Graph no WordPress
WordPress Mobile

O protocolo Open Graph no WordPress

15 de janeiro de 2021
Tags Mobile
WordPress Mobile

Tags para Mobile First no cabeçalho da página

19 de agosto de 2020
Next Post
Ilustração mostrando um homem analisando os elementos que determinam a performance de site WordPress

Os elementos que determinam a performance de site WordPress

Segurança e LGPD: comece a implementação pelo básico

Segurança e LGPD: comece a implementação pelo básico

Comments 13

  1. Pingback: Você precisa ir além do Design Responsivo em projetos WordPress
  2. Pingback: SEO para Mobile e o Webinar da SEMrush com especialistas do mercado
  3. Pingback: As possibilidades inovadoras para o Design de Interface no mobile
  4. Pingback: Presença Digital: 04 erros que um advogado não pode cometer
  5. Pingback: As possibilidades inovadoras para o Design de Interface no mobile
  6. Pingback: Design de Interface no mobile: Conheça as possibilidades inovadoras
  7. Pingback: Frameworks CSS – HTML5 e CSS3 para Designers
  8. Pingback: Desenvolvimento de sites e sua importância para uma empresa
  9. Pingback: IGTV Instagram: O que significa para sua empresa? - Guia Bem
  10. Pingback: Dispositivos móveis, mobile first, prioridade do google, design responsivo
  11. Pingback: Media Queries e breakpoints: projetando uma melhora experiência
  12. Pingback: WordPress e o desenvolvimento de aplicativos móveis - Apiki
  13. Pingback: 5 Benefícios do Whatsapp em seu Recrutamento | Blog Recrutei

Deixe um comentário Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

banner-lateral-3
Receba no seu e-mail uma série de conteúdos sobre Infra para WordPress.
  • Este campo é para fins de validação e não deve ser alterado.

Facebook LinkedIn Instagram Twitter Youtube Github RSS

Sobre a Apiki

Empresa especializada em WordPress com três unidades de negócios.

  1. Design e Desenvolvimento;
  2. Infra e Hospedagem;
  3. Suporte e manutenção.

Em resumo, só fazemos uma coisa em WordPress: tudo.

Páginas do Apiki.com

  • Apiki.com
  • Sobre a Apiki
  • Hospedagem
  • Desenvolvimento
  • UX & UI para WordPress
  • Growth em WordPress
  • Suporte
  • Atendimento

Páginas do Blog

  • Sobre
  • Newsletter
  • Desenvolvimento WordPress
  • Segurança para WordPress
  • WordPress Mobile
  • Infra para WordPress
  • WordPress SEO
  • WordPress Performance
  • E-commerce

© 2020 Apiki - Empresa especializada em WordPress.

No Result
View All Result
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce

© 2020 Apiki - Empresa especializada em WordPress.