Lições de Design de 200+ Construções de Aplicativos Adalo

Existe um certo tipo de app Adalo que faz outros construtores pararem e observarem mais de perto. Shantanu Srivastava construiu mais de 200 deles, para clientes em toda a Europa, EUA, Japão, China, Rússia, Itália e França, e ele é bastante implacável sobre a parte que a maioria dos criadores negligencia: como a coisa realmente se parece e se comporta ao usar.

Ele começou a construir sites no Wix no ensino médio, descobriu Adalo através do Product Hunt e tem estado entregando desde então. Hoje ele dirige sua própria agência, é ativo no fórum Adalo e consulta criadores que ficam presos.

Conversamos com Shantanu sobre os erros de design que ele vê repetidamente, como ele define o escopo de um projeto antes de tocar no construtor, o caminho de três etapas que ele dá a cada iniciante e por que ele acha que apps construídos por IA continuam voltando para um construtor de apps sem código.

Conheça Shantanu: Do Wix no Ensino Médio para Mais de 200 Projetos

Shantanu começou a construir jovem, criando sites no Wix enquanto ainda estava no ensino médio. Quando descobriu Adalo no Product Hunt, começou a aprendê-lo imediatamente. Seu primeiro app era um conceito de perguntas e respostas no espírito do Quora, onde os usuários podiam postar perguntas e fazer upload e download de material. O segundo era um app de análise de mídia social direcionado para ecommerce.

Uma vez que compreendeu como a plataforma funcionava, começou a construir para clientes e desde então cobriu praticamente todos os setores que você possa imaginar: ecommerce, manufatura, mídia social, apps de comunidade local, painéis internos. Além do trabalho com clientes, ele oferece consultas para outros criadores Adalo que chegam a um impasse.

Ele também testou as alternativas e é específico sobre por que ficou.

Já tentei Softr, FlutterFlow, Bubble e Glide também. Com Glide existem algumas limitações, a curva de aprendizado é muito grande. E se você falar sobre FlutterFlow, você tem que ser um pouco codificador para trabalhar nele.

Shantanu Srivastava, fundador de The Uncoders e Especialista Adalo

Seu dia a dia é um fluxo de trabalho de duas janelas. Assistentes de IA abertos de um lado, o editor Adalo do outro.

Converso de um lado para o outro com vários chats de IA para pesquisa, para tudo, para melhor UX. E do outro lado desenvolvo aplicações, basicamente transformando a ideia em realidade para vários criadores.

Shantanu Srivastava, fundador de The Uncoders e Especialista Adalo

Ele também faz uma observação que vale a pena considerar, sobre onde apps gerados por IA tendem a se encaixar.

Os usuários usam as ferramentas de IA para desenvolver a aplicação inteira, mas no final, se você falar sobre escalabilidade, eles sempre vêm para a ferramenta sem código. Eles dizem, quero mudar essa aplicação inteira que foi desenvolvida por IA para sem código.

Shantanu Srivastava, fundador de The Uncoders e Especialista Adalo

Como Ele Define o Escopo de um Projeto Antes de Construir Qualquer Coisa

Shantanu não abre o construtor primeiro. Ele começa com o que o cliente já tem, e ele é generoso sobre o que conta.

Um esboço aproximado é aceitável. Alguns clientes chegam com listas de recursos meticulosas, outros com três linhas descrevendo uma ideia vaga. De qualquer forma, ele faz as mesmas poucas perguntas de antemão: você tem notas detalhadas ou um app de referência que você gosta? Então ele agenda uma chamada para entender a ideia adequadamente.

Com esse contexto, ele usa ferramentas de IA para estruturar o escopo completo do app, prestando especial atenção à experiência do usuário, depois ajusta contra sua própria leitura das notas do cliente. Esse escopo volta para o cliente para revisão antes de qualquer coisa ser construída.

Uma vez que tenho o escopo completo do app pronto, envio para eles confirmarem. Por favor, dê uma olhada e revise. Se algo estiver faltando, é só me avisar.

Shantanu Srivastava, fundador de The Uncoders e Especialista Adalo

Somente após essa aprovação é que ele estima quanto tempo a construção levará e quais componentes ou serviços ela precisará. O trabalho inicial é o que mantém a estimativa honesta.

Os Erros de Design Que a Maioria dos Construtores Adalo Cometem

Pergunte a Shantanu por que alguns apps Adalo parecem inacabados e ele vai direto para a estrutura. Novos criadores, frequentemente sem conhecimento técnico ou sem código, tendem a resolver problemas com mais telas do que o problema precisa.

Eles criam múltiplas telas que poderiam ser feitas em apenas duas ou três telas. Eles criam 10 telas para isso.

Shantanu Srivastava, fundador de The Uncoders e Especialista Adalo

Isso não é apenas uma questão estética. Menos telas melhor organizadas significam um app mais rápido e um caminho mais curto para o usuário. Consolidar dez telas em três remove navegação, reduz o que precisa carregar e faz toda a coisa parecer intencional.

O segundo problema é as coisas pequenas que ninguém audita. Um botão que deveria estar centralizado na página ficando ligeiramente desalinhado. Espaçamento que é quase consistente. Individualmente trivial, coletivamente a diferença entre um app que parece profissional e um que não parece.

Essas coisas minúsculas, eles basicamente não dão atenção a isso. Quando vejo isso, acho que deveria redesenhar o app inteiro e torná-lo mais otimizado, para que ele funcione rápido e pareça profissional.

Shantanu Srivastava, fundador de The Uncoders e Especialista Adalo

O terceiro é escopo. Muitos clientes chegam querendo todos os recursos na versão um, e seu conselho é consistente.

Sempre sugiro a eles, comece com recursos limitados, depois melhore nas versões futuras.

Shantanu Srivastava, fundador de The Uncoders e Especialista Adalo

Os Dois Tipos de Clientes

Após mais de 200 projetos, Shantanu classifica clientes em dois grupos, e a diferença não é o quanto eles sabem.

O primeiro grupo sabe sua ideia com precisão e lhe dá espaço para trabalhar. Quando ele sugere um fluxo mais limpo ou uma lógica melhor, eles consideram, deixam ele construir e julgam o resultado.

O segundo grupo também sabe sua ideia, mas conforme ela se torna real eles continuam adicionando recursos, e tendem a rejeitar sugestões estruturais porque querem exatamente o que imaginaram. Ele é notavelmente simpático sobre isso em vez de dismissivo.

Isso é algo, é uma espécie de bebê para eles. Então por essa razão eu também os considero.

Shantanu Srivastava, fundador de The Uncoders e Especialista Adalo

Seu contrapeso é dados. Tendo observado o comportamento dos usuários em muitos apps, ele sabe quais fluxos tendem a funcionar, e ele pressiona clientes em direção à única fonte de verdade que resolve o argumento após o lançamento.

Sempre que você for lançar, considere também as avaliações, porque as avaliações são muito importantes para qualquer tipo de aplicação.

Shantanu Srivastava, fundador de The Uncoders e Especialista Adalo

Os apps dos quais ele mais se orgulha comprovam isso. Um app cliente que ele mantém por dois a três anos agora atende aproximadamente 14.000 a 15.000 usuários e funciona sem problemas. Outro é um app de comunidade construído para uma cidade dos EUA. Vários estão sob NDA, então ele mantém esses detalhes para si. E ele está atualmente testando uma ideia própria em cafés locais, um conceito de recompensas que ele acredita não existir em lugar nenhum ainda.

Sempre que desenvolvo aplicações, quando a UI inteira é boa, UX é boa, funcionando muito bem, nesse momento fico orgulhoso. E até os usuários finais também estão usando muito suavemente.

Shantanu Srivastava, fundador de The Uncoders e Especialista Adalo

Seu Caminho de Três Etapas para Iniciantes

Esta é a coisa mais diretamente útil que Shantanu compartilhou, e é um currículo genuinamente bom para qualquer pessoa abrindo Adalo pela primeira vez. Não comece com sua ideia real. Construa três apps.

App um: comece com um modelo. Escolha qualquer modelo Adalo e use-o puramente para aprender onde tudo fica no editor. Sem pressão, sem pensamento original necessário.

App dois: clone algo. Crie um novo app e tente replicar um modelo existente ou um app que você admira. Não reconstrua tudo, apenas um a três recursos. É aqui que você aprende a traduzir um resultado que você pode ver nos passos que o produzem.

App três: construa sua ideia real. Neste ponto o editor é familiar e você resolveu problemas reais, então seu próprio projeto recebe seu julgamento em vez de sua confusão.

Para o design em si, ele sugere usar ferramentas de IA, que funcionam bem em planos gratuitos, e navegar no Dribbble em busca de inspiração antes de começar a colocar elementos.

Em tipografia, suas escolhas são Poppins, Work Sans e Inter. E o recurso que ele mais quer é um que muitos designers reconhecerão: importar designs do Figma diretamente no Adalo, algo que ele suspeita que Ada possa eventualmente lidar a partir de uma imagem de referência.

Sobre Ada e SheetBridge

Shantanu testou Ada, o construtor de IA do Adalo, passando um prompt completo para um aplicativo e vendo até onde chegaria. Sua análise é equilibrada e corresponde ao que ouvimos de outros especialistas: útil, melhorando rapidamente, não uma substituição pela mão de um designer.

Acho que 10 a 30 por cento das telas já foram cobertas pela Ada em si. Mas para torná-lo funcional, para torná-lo melhor, tenho que fazer manualmente. Ada está funcionando muito bem agora e acho que está recebendo mais e mais atualizações no futuro.

Shantanu Srivastava, fundador de The Uncoders e Especialista Adalo

Ele também está interessado na nova geração de imagens do Ada, já que anteriormente obtinha ilustrações de comunidades gratuitas para coisas como espaços vazios.

SheetBridge, que conecta o Google Sheets diretamente a um aplicativo, resolveu um problema muito específico para ele. A empresa de um amigo mantinha seus dados em uma planilha e queria que a equipe pudesse vê-los sem poder alterá-los. Ele construiu um aplicativo de painel sobre a planilha existente, e tudo levou dois a três dias.

Eles estão amando agora, porque cada coisa que eles têm que atualizar no Google Sheet e é isso.

Shantanu Srivastava, fundador de The Uncoders e Especialista Adalo

Sobre publicar nas lojas de aplicativos, sua experiência é que é genuinamente direto uma vez que você conhece os passos, desde que siga as políticas da Apple e do Google. O item da lista de desejos dele é um único botão no editor para enviar a versão mais recente diretamente para as lojas.

Por que Os Uncoders Existe

A história de origem de sua agência, Os Uncoders, é refrescantemente sem glamour. Em seu país, uma vez que a renda individual ultrapassa um certo limite, você não pode continuar trabalhando como freelancer e precisa formar uma empresa para fins fiscais. O trabalho com Adalo foi o que o levou lá.

Graças ao Adalo, basicamente me ajudou a atingir esse marco e formar a agência.

Shantanu Srivastava, fundador de The Uncoders e Especialista Adalo

Ele a dirige sozinho, trazendo desenvolvedores especialistas e designers de UI/UX quando um projeto exige habilidades fora das suas. É uma operação enxuta que produz uma quantidade irrazoável de trabalho.

Conselhos para Construtores

O fio condutor em tudo o que Shantanu diz é que design não é decoração. É estrutura, e estrutura é o que torna um aplicativo rápido, compreensível e digno de uso.

Então não comece com sua obra-prima. Aprenda o editor em um modelo, clone um ou dois recursos para entender como os resultados são construídos, depois dê à sua ideia real o benefício dessa experiência. Coloque no mercado uma versão pequena, observe o que os usuários realmente fazem e leia suas avaliações. Consolide telas em vez de adicioná-las. E centralize o botão.

Se você quer construir dessa forma, você pode começar no Adalo gratuitamente, navegue aplicativos que outros criadores lançaram, ou contratar um Especialista Adalo para projetar e construir ao seu lado.

Perguntas Frequentes

Quem é Shantanu Srivastava?

Shantanu Srivastava é um Especialista em Adalo e fundador do The Uncoders, uma agência de desenvolvimento de aplicativos sem código. Ele começou a construir sites no Wix no ensino médio, descobriu Adalo através do Product Hunt e desde então entregou mais de 200 projetos para clientes na Europa, EUA, Japão, China, Rússia, Itália e França. Ele é ativo no fórum do Adalo e consulta com criadores que ficam presos.

Como faço meu aplicativo Adalo parecer profissional?

Foque na estrutura antes da decoração. Consolide telas em vez de adicioná-las, já que fluxos que levam dez telas geralmente podem ser feitos em duas ou três, o que também torna o aplicativo mais rápido. Em seguida, analise os pequenos detalhes que a maioria dos construtores pula, como centralizar botões adequadamente e manter o espaçamento consistente. Inicie com um conjunto de recursos limitado e expanda em versões posteriores, e busque inspiração de design em sites como Dribbble antes de colocar elementos.

Qual é o maior erro de design em aplicativos Adalo?

Usar muito mais telas do que um fluxo requer. Novos construtores geralmente criam dez telas para algo que poderia funcionar em duas ou três, o que desacelera o aplicativo e prolonga o caminho para os usuários. O segundo erro mais comum é ignorar pequenos detalhes de alinhamento e posicionamento, como um botão que deveria estar centralizado mas não está, que juntos fazem um aplicativo parecer inacabado.

Como um iniciante deve começar a aprender Adalo?

Construa três aplicativos em vez de começar com sua ideia real. Primeiro, abra um modelo Adalo e use-o para aprender o editor. Segundo, crie um novo aplicativo e tente replicar um a três recursos de um modelo existente ou de um aplicativo que você admira. Terceiro, construa seu projeto real, agora que o editor está familiarizado e você resolveu problemas reais pelo caminho.

Posso conectar o Google Sheets a um aplicativo Adalo?

Sim. SheetBridge conecta o Google Sheets diretamente a um aplicativo Adalo com sincronização em tempo real, sem exigir trabalho com API. Shantanu o usou para construir um painel interno para uma empresa que mantinha seus dados em uma planilha e queria que membros da equipe visualizassem os dados sem poder editá-los. A construção levou dois a três dias.

O que é Adalo?

Adalo é um construtor de apps sem código com um canvas visual multi-tela e um construtor de IA chamado Ada. Você pode projetar, construir e publicar apps web e apps nativos iOS e Android acionados por banco de dados a partir de um único projeto, depois lançar na Apple App Store e Google Play. Os planos começam gratuitamente com 500 registros por app, e planos pagos começam em $36 por mês.