Um guia para construtores iniciantes

Seu primeiro aplicativo começa com uma tarefa útil.

Faça a primeira versão pequena o suficiente para ser inspecionada. Este guia leva você de um resumo em linguagem simples até um resultado que você pode revisar e melhorar.

01 — Escolha uma jornada de usuário único

Escreva uma frase sobre a pessoa e a tarefa: ‘Um designer freelance precisa ver quais projetos precisam de atenção.’ Liste o menor conjunto de telas necessárias para mostrar essa tarefa. Deixe pagamentos, contas de equipe e automação para análise posterior.

  • Nomeie o usuário e seu objetivo.
  • Liste as informações que as telas precisam.
  • Decida como será uma primeira demonstração bem-sucedida.

02 — Inspecione um modelo ou escreva seu briefing

Navegue pelas visualizações públicas do modelo se desejar um ponto de partida visível. Leia a lista de interfaces incluídas e a nota de dados de amostra. Faça login para remixar um modelo ou use o fluxo de trabalho imediato do aplicativo. Em um prompt, explique páginas, ações e dados de exemplo, em vez de selecionar uma pilha técnica inteira.

  • Use nomes e registros fictícios.
  • Inclua o que a primeira versão deve deixar de fora.
  • Nunca inclua credenciais privadas ou informações de clientes.

03 — Revise a visualização

Abra o resultado quando uma visualização estiver disponível. Siga a jornada principal em ordem. Se não for possível iniciar, use o guia de solução de problemas e descreva o erro específico com as informações confidenciais removidas. Uma tela bonita é apenas uma parte de uma tarefa de trabalho.

  • Experimente a navegação e um exemplo válido.
  • Tente uma entrada vazia e um valor inválido.
  • Recarregue e verifique se os registros esperados persistem.

04 — Solicite uma alteração de cada vez

Descreva o que você vê e o que deveria acontecer. Por exemplo: ‘Quando eu escolher Concluído, oculte os projetos ativos, mas mantenha o filtro visível.’ Inspecione o comportamento alterado antes de adicionar outro recurso. Mantenha uma pequena lista de verificação do que foi e do que não foi testado.

  • Mantenha as alterações específicas e observáveis.
  • Verifique novamente a viagem principal após uma mudança.
  • Revise o layout do telefone e a interação do teclado.

05 — Entenda o que precisa ser conectado

Registros de amostra, uma tela de login de demonstração e um estado de sucesso do formulário não são prova de um serviço ativo. Revise os serviços, permissões, tempo de execução e opções de publicação disponíveis para seu projeto. Peça ajuda técnica quando estiverem envolvidos dados confidenciais, pagamento ou regras de acesso complexas.

  • Verifique cada dado real ou destino de serviço.
  • Revise os limites do plano e os custos de serviços externos.
  • Remova o conteúdo de amostra antes de compartilhar com usuários reais.

Um ponto de partida

Torne o briefing específico.

Adapte este exemplo ao seu negócio. Mantenha os dados de amostra separados das informações reais do cliente.

Crie um rastreador de projeto simples para um designer freelance. Inclua uma lista de projetos, uma página de detalhes do projeto e um filtro de status. Use clientes e projetos de amostra. Não conecte contas reais nem envie mensagens. Explique quais partes usam dados de amostra e o que precisa ser configurado antes do uso real.

Explore antes de começar

Modelos reais para inspecionar.

Ver todos os modelos

Estas são visualizações estáticas atuais e disponíveis. Leia as interfaces incluídas e as notas de configuração de cada modelo antes de remixá-lo em seu próprio projeto.

Quando você precisar da próxima etapa

Siga a documentação do produto.

Antes de começar.

Quanto tempo deve levar a primeira construção?

Depende do escopo, geração, configuração do tempo de execução e das alterações necessárias. Comece com uma pequena tarefa e registre o tempo e o custo reais, em vez de depender de uma promessa de velocidade universal.

Posso compartilhar uma amostra de visualização com os clientes?

Revise o que é público, o que usa dados de amostra e quais ações estão conectadas. Use os controles de compartilhamento e publicação disponíveis para seu projeto e explique quaisquer limites de demonstração para as pessoas que o visualizarem.

Comece com uma tarefa útil

Faça algo que você possa revisar.