{"id":17129,"date":"2021-03-16T20:44:30","date_gmt":"2021-03-16T23:44:30","guid":{"rendered":"https:\/\/enotas.com.br\/blog\/?p=17129"},"modified":"2024-06-24T08:58:18","modified_gmt":"2024-06-24T11:58:18","slug":"mobile-first","status":"publish","type":"post","link":"https:\/\/enotas.com.br\/blog\/mobile-first\/","title":{"rendered":"Mobile first: saiba mais sobre essa nova abordagem"},"content":{"rendered":"

Nos \u00faltimos anos, cada vez mais pessoas t\u00eam utilizado os celulares para acessar a internet. <\/p>\n

Segundo um estudo da empresa chinesa Vivo,<\/a> em parceria com o Cyber Media Research, o uso de smartphones aumentou significativamente em 2020. Em grande parte, esse aumento aconteceu por causa da pandemia e da necessidade de quarentena. <\/p>\n

Em casa, as pessoas est\u00e3o mais tempo nas redes sociais, participando de lives ou jogando. Esses canais, muitas vezes, funcionam como um ref\u00fagio para as longas horas trancados em casa. <\/p>\n

Esse aumento do uso dos smartphones aumenta a necessidade de que sejam produzidos programas e sites pensados, primeiro, para o mobile – e n\u00e3o apenas como uma adapta\u00e7\u00e3o. <\/p>\n

Essa perspectiva, contudo, n\u00e3o \u00e9 uma novidade. A abordagem que ficou conhecida como \u201cMobile First\u201d foi desenvolvida por Luke Wroblewski em 2009, e ficou famosa por causa do CEO do Google, Eric Schmidt. <\/p>\n

\n

Veja tamb\u00e9m: <\/strong><\/p><\/blockquote>\n

Como emitir nota fiscal de servi\u00e7o?<\/a><\/p><\/blockquote>\n

Como emitir NFC em PhP?<\/a><\/p><\/blockquote>\n

O que \u00e9 a abordagem Mobile First? <\/h2>\n

Essa abordagem afirma a necessidade de que o desenvolvimento de aplicativos, programas e sites sejam produzidos pensando primeiramente na experi\u00eancia do usu\u00e1rio mobile. <\/p>\n

Ou seja, primeiro \u00e9 preciso planej\u00e1-lo para ser usado pelo celular. <\/p>\n

A ideia \u00e9 mudar a vis\u00e3o do desenvolvimento de projetos da vers\u00e3o desktop primeiro e depois mobile. <\/p>\n

Dessa forma, a ideia \u00e9 que os projetos se desenvolvam mais na vers\u00e3o desktop, ao inv\u00e9s de serem limitados e compactados quando s\u00e3o colocados na vers\u00e3o mobile. <\/p>\n

Qual a relev\u00e2ncia de usar a abordagem mobile first? <\/h2>\n

Por exemplo, quando um site \u00e9 desenvolvido pensando primeiro na vers\u00e3o desktop, existe uma infinidade de recursos para serem aproveitados. <\/p>\n

O design e a usabilidade do site est\u00e3o incr\u00edveis no desktop, assim como as cores e toda a organiza\u00e7\u00e3o. <\/p>\n

Depois, quando chega o momento de adapt\u00e1-lo para a vers\u00e3o mobile, voc\u00ea percebe que nada que faz parte do modelo desktop pode ser aproveitado no mobile. <\/p>\n

Isso leva a vers\u00e3o mobile a se tornar inferior ao que \u00e9 apresentado no desktop. E, para alguns consumidores, pode parecer mais um \u201cpuxadinho\u201d que um produto realmente pronto e completamente desenvolvido. <\/p>\n

A ideia do mobile first, por outro lado, se apresenta mais como um processo de desenvolvimento para cima. <\/p>\n

Voc\u00ea j\u00e1 come\u00e7a com um conte\u00fado incr\u00edvel para o mobile, dando a ela a prioridade necess\u00e1ria para que seja um produto de qualidade por si. <\/p>\n

Depois, esse produto \u00e9 desenvolvido para o desktop, o que oferece uma possibilidade ainda maior de escalar a qualidade do que \u00e9 oferecido. <\/p>\n

\"\"<\/span><\/p>\n

Antecipa\u00e7\u00e3o de receb\u00edveis – como receber hoje o que se vendeu a prazo?<\/strong><\/p><\/blockquote>\n

De onde surgiu essa ideia? <\/h2>\n

O criador deste conceito, como j\u00e1 explicamos, \u00e9 Luke Wroblewski, diretor de Produtos do Google. O primeiro artigo sobre o tema \u00e9 de 2009. Em 2011, Luke lan\u00e7ou o livro \u201cMobile First\u201d<\/a>, explicando melhor sua ideia. <\/p>\n

Em 2010, o CEO do Google, Erich Schmidt, afirmou que a empresa estava adotando essa mentalidade<\/a> no desenvolvimento de seus projetos. <\/p>\n

Ele afirmou que \u201cvoc\u00ea sempre deve colocar o seu melhor time, e o seu melhor aplicativo voltado para o aplicativo mobile\u201d. <\/p>\n

O que Luke ressalta com esse conceito \u00e9 como \u00e9 fundamental a produ\u00e7\u00e3o e desenvolvimento de produtos \u00e9 incitar o poder de s\u00edntese, n\u00e3o deixando espa\u00e7o para qualquer conte\u00fado que n\u00e3o seja realmente relevante. <\/p>\n

Qual a import\u00e2ncia da abordagem Mobile First? <\/h2>\n

Como explicamos no in\u00edcio, n\u00f3s estamos sempre no telefone. Seja em uma fila, no supermercado ou em casa, sem fazer nada. O celular j\u00e1 faz parte da nossa rotina. <\/p>\n

Cada segundo de tempo livre usamos para nos atualizar das not\u00edcias, ouvir um podcast ou olhar algo que queremos comprar. <\/p>\n

Segundo o relat\u00f3rio anual “State of Mobile Report”<\/a>, sobre o uso de aparelhos celulares, ficamos em m\u00e9dia 5 horas por dia em nossos smartphones. <\/p>\n

Aplicativos s\u00e3o respons\u00e1veis por nos ajudar com a nossa rotina, exerc\u00edcios f\u00edsicos, a manter a produtividade, a aprender e diversas outras atividades. <\/p>\n

Por tudo isso, \u00e9 evidente que o mobile j\u00e1 ocupa um espa\u00e7o central na rotina dos consumidores. Isso deixa bem claro a necessidade de uma abordagem mobile first. <\/p>\n

Instagram e o Mobile First<\/h2>\n

Voc\u00ea j\u00e1 notou a enorme diferen\u00e7a entre usar o Instagram no celular e no computador? <\/p>\n

\u00c9 muito mais dif\u00edcil postar uma foto, por exemplo, ou um stories. At\u00e9 agora, n\u00e3o existe a fun\u00e7\u00e3o de compartilhar no stories para a vers\u00e3o do computador. <\/p>\n

Tudo isso porque o Instagram \u00e9 um aplicativo voltado para a experi\u00eancia mobile first. <\/p>\n

Criado em 2010, agora, uma das maiores redes sociais do mundo, o Instagram nunca mudou o seu foco para os celulares. <\/p>\n

E este \u00e9 um caso pensado! Toda engenharia por tr\u00e1s do Instagram est\u00e1 pautada em dominar o mundo mobile<\/a>. <\/p>\n

\n

O aumento de materiais direcionados para o conte\u00fado mobile \u00e9 uma tend\u00eancia para os pr\u00f3ximos anos. <\/p>\n

Para ver outras tend\u00eancias, veja nossa publica\u00e7\u00e3o sobre Tend\u00eancias do Marketing Digital para 2021.<\/a><\/p>\n

\n

 <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Nos \u00faltimos anos, cada vez mais pessoas t\u00eam utilizado os celulares para acessar a internet.  Segundo um estudo da empresa chinesa Vivo, em parceria com o Cyber Media Research, o uso de smartphones aumentou significativamente em 2020. Em grande parte, esse aumento aconteceu por causa da pandemia e da necessidade de quarentena.  Em casa, as […]<\/p>\n","protected":false},"author":15,"featured_media":17135,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[205],"tags":[],"class_list":["post-17129","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech"],"_links":{"self":[{"href":"https:\/\/enotas.com.br\/blog\/wp-json\/wp\/v2\/posts\/17129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/enotas.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/enotas.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/enotas.com.br\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/enotas.com.br\/blog\/wp-json\/wp\/v2\/comments?post=17129"}],"version-history":[{"count":8,"href":"https:\/\/enotas.com.br\/blog\/wp-json\/wp\/v2\/posts\/17129\/revisions"}],"predecessor-version":[{"id":31848,"href":"https:\/\/enotas.com.br\/blog\/wp-json\/wp\/v2\/posts\/17129\/revisions\/31848"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/enotas.com.br\/blog\/wp-json\/wp\/v2\/media\/17135"}],"wp:attachment":[{"href":"https:\/\/enotas.com.br\/blog\/wp-json\/wp\/v2\/media?parent=17129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/enotas.com.br\/blog\/wp-json\/wp\/v2\/categories?post=17129"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/enotas.com.br\/blog\/wp-json\/wp\/v2\/tags?post=17129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}