Como o Flutter Web pode reduzir o custo do desenvolvimento do seu aplicativo

Você tem uma ideia de produto, mas precisa de um plano para divulgá-la ao mundo. Para expor seu serviço ao maior número possível de usuários, você precisa de aplicativos móveis e da web. Mas sua pesquisa curta é brutal – embora você tenha apenas uma ideia restrita , ela requer três aplicativos diferentes (Android, iOS, web), três tipos diferentes de especialistas (Kotlin, Swift, JavaScript) e talvez até três fornecedores separados.

Mas você não é o primeiro a estar nesta posição. Os criadores de aplicativos como Airbnb, Uber Eats e Discord também ficaram onde você está agora. Todos eles decidiram optar por uma solução multiplataforma. E parece que em 2020 o jogador mais importante nesta disciplina é Flutter.

O que é Flutter?

Flutter é uma estrutura do Google que permite produzir aplicativos móveis para iOS e Android usando uma base de código. A primeira versão estável do Flutter foi lançada no final de 2018. O Google criou o Flutter como uma resposta ao derretimento dos orçamentos de aplicativos móveis e à crescente popularidade do React Native, tornando-se seu principal concorrente.

O Flutter chama a atenção para o Dart, uma linguagem orientada a objetos do Google que, de acordo com muitos especialistas em domínio, é o futuro de todo desenvolvimento mobile, web e desktop. Comparado com o JavaScript que o React Native usa, o Dart é totalmente orientado a objetos e fortemente tipado. O que isso significa para o seu negócio? O código entregue no Dart é muito mais resistente a erros e muito mais fácil de manter, mesmo por muitos anos em uma equipe em mudança.

Flutter para Web conquista navegadores

Como tudo isso se traduz na Web? 2020 é um ano importante para o Flutter porque traz um novo desafio. O framework está prestes a conquistar telas maiores e navegadores da web. Nos últimos dois anos, além do Flutter, houve um projeto de pesquisa chamado Hummingbird , que deveria gerar aplicativos da web a partir do mesmo código Flutter que os aplicativos iOS e Android usam.

O projeto amadureceu e, há um ano, a equipe principal o incluiu na estrutura e, atualmente (em maio de 2020) ainda está na versão beta. O que isto significa? Ainda hoje é possível construir aplicativos da web usando o Flutter e a equipe do Google pode anunciá-lo como estável a qualquer momento. Um código, uma tecnologia, três pássaros com uma cajadada só . Parece que seu projeto se encaixa perfeitamente.

Um cenário para aplicativos multiplataforma é bastante comum. Muitas soluções populares e conhecidas usaram esse modelo para economizar tempo e dinheiro. Walmart, Soundcloud e Bloomberg decidiram por aplicativos móveis multiplataforma. Aposto que você tem pelo menos um aplicativo multiplataforma no seu celular.

Curioso sobre o desenvolvimento multiplataforma?

Saber mais

No entanto, a possibilidade de construir aplicativos da web ao longo do caminho é algo que se abriu para nós apenas alguns meses atrás. Embora nenhuma das grandes marcas tenha decidido ainda sobre esse movimento, está claro hoje que mais cedo ou mais tarde será uma excelente ferramenta para startups e PoCs rápidos.

Benefícios do Flutter para seu aplicativo

Custos de desenvolvimento reduzidos

Usando Flutter para Web, três aplicativos são criados usando uma base de código , dentro de uma equipe tecnologicamente conectada , com um ritmo . Você não precisa procurar fornecedores de três tecnologias diferentes e depois sincronizar seu trabalho. Não há necessidade de duplicar a mesma função de pagamento ou autorização de mídia social três vezes.

No entanto, isso não significa que você poderá limitar o número de desembolsos em três vezes. Muitas vezes, é um pouco mais complicado fornecer uma determinada funcionalidade para plataforma cruzada. Na minha experiência, existe algo como um fator multiplicador multiplataforma que é igual a 1,2-1,5. Isso significa que se uma funcionalidade leva X horas de desenvolvimento para uma plataforma, leva (1.2-1.5) * X quando se trata de plataforma cruzada. Ainda assim, x1,5 em comparação com x3 pode ser um caso vencedor para o seu orçamento.

Desenvolvimento de aplicativos mais rápido

Todos os itens acima tornam o flutter uma excelente opção para PoC e verificação de ideias de produtos. Em apenas algumas semanas, você pode obter um aplicativo funcional que pode ser lançado facilmente nas lojas de aplicativos. Após o sucesso potencial, você pode considerar a reconstrução de aplicativos para tecnologias nativas. Esse caminho foi seguido pelo Airbnb. Após o sucesso de seus aplicativos móveis multiplataforma, eles decidiram mudar para aplicativos nativos em 2018.

Processo de manutenção mais simples

Além disso, lembre-se do que acontecerá quando seu aplicativo finalmente for bem-sucedido. Quando entra em manutenção, é muito mais fácil manter o aplicativo com um especialista em Dart/Flutter . Sua empresa pode não conseguir encontrar tarefas para três desenvolvedores diferentes em tempo integral apenas mantendo o código. Da mesma forma, qualquer desequilíbrio em suas habilidades gerará variações no ritmo de trabalho.

As habilidades de uma equipe de desenvolvimento também são importantes, considerando a aparência compartilhada em diferentes plataformas. Trabalhando em três projetos, sua forma final depende fortemente das habilidades do desenvolvedor e da atitude da interface do usuário. Quando o cara do iOS prefere cantos arredondados e o Android não está tão interessado neles, pode acontecer que esses dois aplicativos sejam diferentes na forma como influenciam a marca do produto.

Flutter para riscos da Web

Desenvolvimento de problemas de tecnologia

Ok, mas existem riscos ou desvantagens associados à escolha do Flutter para Web? Como sempre, há dois lados da história. Do ponto de vista técnico, devemos lembrar que ainda é uma tecnologia beta. Portanto, não é totalmente estável e você pode até encontrar um problema insolúvel . O suporte de bibliotecas Flutter coexistentes também às vezes é incompleto. É comum uma biblioteca funcionar como um encanto em dispositivos móveis, mas travar em aplicativos de rede porque não é otimizada para isso. Este é um problema menor quando limitado à interface do usuário, mas pode ser problemático se for sua integração principal do serviço de pagamento.

Exceções de aplicativos da Web

Outro problema é que mesmo que os universos de aplicativos Android e iOS sejam muito semelhantes e a base de código na maioria dos casos seja 95-100% a mesma, isso pode não se aplicar à versão do navegador. Uma gaveta de folha inferior, um menu de guia inferior ou carrosséis horizontais são ótimos padrões de UX móvel que não se aplicam bem à web. Muitas vezes, você precisa criar exceções apenas para o aplicativo Web . O design arquitetônico geralmente precisa ser totalmente diferente em dispositivos móveis e na web. Logo no início do trabalho, é bom estabelecer uma mesa redonda entre designers e desenvolvedores. Deixe-os compartilhar seus pontos de vista e tente chegar a um consenso, especialmente se você se preocupa com seu orçamento e datas.

Flutter vs Reagir Nativo

Mas o Flutter para Web é sua única opção? Claro que não. Sua alternativa mais importante é o React Native. React Native é uma estrutura competitiva que o Facebook inventou e deu suporte anos antes do Flutter. Ele permite que você faça exatamente a mesma coisa - crie todos os aplicativos iOS, Android e da Web (de maneira semelhante ao Flutter por um tempo relativamente curto).

Descubra o que o futuro reserva para aplicativos móveis

Obtenha o relatório gratuitamente!

Passei os últimos dois anos trabalhando com React Native, recentemente entrando no mundo Flutter para que eu possa dar alguns conselhos se você enfrentar uma decisão entre esses dois. Em primeiro lugar, não há um único vencedor neste duelo , ambas as tecnologias estão maduras e ambas são excelentes como plataformas cruzadas. Mas existem algumas nuances que podem trazer vantagem na hora de implementar um projeto específico:

• Se você se preocupa particularmente com a interface do usuário relacionada a gestos (deslizar, arrastar, puxar gavetas, etc.), o Flutter será uma escolha melhor por causa de sua arquitetura e suporte a gestos no lado nativo. O RN às vezes se esforça para oferecer um bom desempenho de combinação de gestos + animações.
• Se a web for o principal ponto de contato para sua empresa, selecione React Native. O RN produz um aplicativo de navegador muito mais próximo dos produtos desenvolvidos nativos e você pode depurá-lo com ferramentas nativas. Por outro lado, o Flutter para projetos da Web não transpila para DOM típico e precisa de adaptadores.
• Se o seu aplicativo deve ser mantido e desenvolvido ao longo dos anos (ou a equipe que trabalha nele pode mudar com o tempo), o Flutter e o Dart podem ser uma solução melhor.
• Se sua aplicação pressupõe o uso de mecanismos um pouco mais complexos (bluetooth, biometria, geolocalização) ou integrações externas (pagamentos, mídias sociais), o React Native existe há mais tempo e possui um espectro muito mais amplo de bibliotecas ao redor. O ecossistema Flutter para Web está crescendo a cada mês, mas ainda assim, a pesquisa de bibliotecas disponíveis deve preceder todos os projetos lá.

Quer obter mais informações sobre essas duas estruturas amplamente populares? Confira nossa comparação de React Native e Flutter!

Resumindo

Nunca antes os usuários estiveram tão dispersos entre as plataformas. Dispositivos móveis e navegadores da web são apenas as pontas do iceberg. Os usuários usam cada vez mais aplicativos em carros, relógios e aparelhos de TV, enquanto os assistentes de voz também se tornaram mais populares. Portanto, há a necessidade de simplificar o processo e reduzir os custos de produção de software. Uma base de código para desenvolvimento web e mobile já é um padrão comum, e o Flutter for Web é um exemplo incrível.

Crie seu próximo aplicativo com o Flutter

Vamos trabalhar juntos

Por muito tempo, considerei o Flutter para Web como uma tecnologia incipiente. Meu trabalho recente me fez mudar de ideia e agora estou corrigido. Flutter é um jovem adulto diante de um futuro brilhante e definitivamente vale a pena considerar. Parece ser uma escolha atraente para ideias com orçamentos pequenos e prazos curtos. É para quem quer verificar as suas ideias de forma rápida e com baixo custo, para quem tem uma ideia e está a responder às necessidades do mercado. Isso é exatamente a mesma coisa que o Flutter fez com o desenvolvimento de software.

Parece promissor?

Quer saber se o desenvolvimento multiplataforma seria uma boa solução para o seu negócio? Entre em contato com nossa equipe e faça um orçamento para o seu projeto.