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

Início » WordPress Mobile » Você precisa ir além do Design Responsivo em projetos WordPress

Você precisa ir além do Design Responsivo em projetos WordPress

Leandro Vieira by Leandro Vieira
6 anos ago
Reading Time: 3 min
8
Você precisa ir além do Design Responsivo em projetos WordPress
Compartilhe no FacebookCompartilhe no LinkedIn

Design Responsivo e Mobile First, para mim, são a mesma coisa. Ou seja, Design Responsivo já passou, há muito muito tempo, e já temos o próximo passo definido e claro: Mobile First.

Conteúdo relacionado

O conceito e aplicabilidade do Mobile First

WordPress e o desenvolvimento de aplicativos móveis

Não use Design Adaptativo. Considere o Design Responsivo

Algumas pessoas/empresas, enxergam além e aproveitam a dianteira para fazer melhores negócios e se preparar para o próximo grande passo. Por outro lado, outras empresas, ou pessoas, iniciam uma corrida por que enxergam um tsunami vindo em sua direção, ou por que o viu passar e agora precisam se reerguer para alcançar aqueles que estão adiante.

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?”. Considere a leitura e das outras quatro.

Por que você deve ir além da implementação do Design Responsivo?

Click To Tweet

O que é Design Responsivo

Web Design Responsivo como um dos tipos de website para dispositivos móveisÉ um conceito de desenvolvimento em tornar a interface e experiência do usuário em projetos digitais a se moldarem aos variados tamanhos de tela dos dispositivos.

Com a implementação do Design Responsivo você mantém um único site, uma única gestão de conteúdo, um único URL e o mesmo HTML para todos os dispositivos: computadores, tablets, celulares, leitores de tela e qualquer outra coisa.

O CSS é utilizado para detectar o tamanho da tela e assim adaptar a experiência do usuário e renderizar o website no melhor formato para o dispositivo em questão.

O conceito já é commodity e todo desenvolvimento para a web, no mínimo, deve considerar sua implementação.

O que é Mobile First

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.

A técnica tem se popularizado cada vez mais entre os profissionais de marketing e tecnologia. E não é por menos, os números sobre Mobile no Brasil são expressivos.

Os números sobre Mobile no Brasil

Temos um número de conexões mobile no Brasil maior do que a população. As vendas de desktop caem ano após ano. As de dispositivos móveis crescem mês após mês.

As perspectivas sobre mobile no Brasil são consistentes e precisam ser levadas em consideração.

Diversas atividades cotidianas são realizadas através do mobile, são mensagens trocadas, vídeos assistidos, games jogados, transações bancárias efetuadas, serviços de mapas consultados e diversas outras.

Qual a grande dificuldade em adotar o conceito

Mindset.

Constatei isso na prática, através de horas de bate-papo, milhares de milhas percorridas e visitas enriquecedoras em mais de 130 agências digitas no Brasil inteiro em 2016. Foi uma experiência incrível!

Percebi que os diversos profissionais envolvidos em projetos digitais ainda tem dificuldades em pensar as soluções para os projetos.

A imagem abaixo ilustra bem a maneira correta de se pensar e aplicar o conceito de Mobile First.

O surgimento de novas tecnologias e recursos

Com todos caminhando para uma direção mobile é natural o surgimento de novas tecnologias para os projetos digitais.

Se falarmos do Google podemos considerar o AMP e o Progressive Web Apps. O primeiro é um recurso para carregarmos mobile extremamente mais rápidas do que atualmente.

Além do maior buscador da internet, várias plataformas também adotam o Accelerated Mobile Pages em seus mecanismos, dentre elas o Twitter, LinkedIn, Pinterest e várias outras

Se tratando do Facebook devemos considerar o Instant Article que segundo a rede social artigos compartilhados no Newsfeed com o formato implementado serão 10x mais rápido do que sites mobile padrão; conquistarão 20% mais leitura e terão uma taxa de abandono 70% inferior.

Conclusão

Estamos vivendo o momento, a hora é agora e precisamos considerar o Mobile First em tudo para facilitarmos a mudança. Mudar nunca é fácil, mas precisamos dar os primeiros passos.

Em fevereiro de 2017 lançamos o novo site da Apiki com o conceito de Mobile First. O próximo passo será este blog e todas as nossas próximas iniciativas.

Como estão suas iniciativas para esse novo cenário?

Tags: AMPdesign responsivoFBIAMobile First
Share8Share1SendShare
Previous Post

AMP – Suas páginas carregando extremamente rápidas no mobile

Next Post

13 passos para reforçar a segurança do 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

Como personalizar sua mobile branding no Google
WordPress Mobile

Como personalizar sua mobile branding no Google

4 de agosto de 2020
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
Next Post
Segurança do WordPress

13 passos para reforçar a segurança do WordPress

wp-config.php e as constantes de segurança do WordPress

wp-config.php e as constantes de segurança do WordPress

Comments 8

  1. Rubens Monteiro says:
    6 anos ago

    Excelente artigo Leandro, parabéns! Vou sugerir ao pessoal na agência que trabalho para termos a mesma visão.

    Responder
    • Leandro Vieira Pinho says:
      6 anos ago

      Obrigado Rubens, manda um feedback depois sobre a evolução deles sobre o assunto.

      Responder
      • Rubens Monteiro says:
        6 anos ago

        Pode deixar!

        Responder
  2. Pingback: Quando você não deve usar URLs com 'm.' para mobile
  3. Pingback: As possibilidades inovadoras para o Design de Interface no mobile
  4. Pingback: As possibilidades inovadoras para o Design de Interface no mobile -
  5. Pingback: Os erros de SEO mais comuns em Conteúdo e Tecnologia -
  6. Pingback: 7 ações para você vender mais na Black Friday 2020 - Apiki

Deixe um comentário Cancelar resposta

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

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.