00:00:00Olá pessoal,
00:00:00eu sou a Allie,
00:00:01e hoje vou mostrar o vZero para vocês.
00:00:03Se você é gerente de produto ou designer,
00:00:05provavelmente tem um milhão de ideias na cabeça e tempo insuficiente para desenvolvê-las.
00:00:09O vZero ajuda você a avançar mais rápido quando está criando ideias ou colaborando.
00:00:13Você digita um conceito e pronto,
00:00:15tem um protótipo funcional para mostrar à sua equipe.
00:00:18Neste vídeo,
00:00:18vamos ver como o vZero ajuda você a ir da ideia ou PRD até um protótipo ativo em minutos.
00:00:23Sem espera,
00:00:24sem apresentações ou enrolação,
00:00:25apenas protótipos reais para ajudar você a alinhar e entregar mais rápido.
00:00:29Vamos começar.
00:00:30Para este exemplo,
00:00:31vou mostrar como realmente usamos o vZero para construir o vZero..
00:00:35Vamos começar com um modelo de equipe compartilhado com toda a equipe do vZero que basicamente funciona como uma mini versão do vZero construída dentro do vZero.
00:00:42É um excelente ponto de partida quando você está tentando descobrir o que funciona ou não funciona dentro do vZero.
00:00:47Os modelos de equipe também permitem usar sistemas de design de equipe em toda a sua equipe que você pode importar para o vZero..
00:00:52Isso significa que suas gerações podem corresponder aos seus designs e marcas.
00:00:56Para este modelo,
00:00:57nosso designer já o criou para corresponder à aparência do nosso aplicativo,
00:01:00então vamos clicar em abrir no vZero e poder começar a iterar nesta versão pequena do vZero dentro do aplicativo.
00:01:06Vamos mergulhar.
00:01:07Recentemente,
00:01:08temos explorado como podemos realmente aumentar a conversão no estado desconectado da nossa página inicial..
00:01:13Uma hipótese que queremos testar é o que acontece se mudarmos esses cinco botões abaixo do chat para algo que possa ajudar a gerar mais conversão.
00:01:20Vamos imaginar que os usuários não estão clicando nesses botões e queremos tentar uma estratégia diferente para mostrar sugestões de prompts para construir.
00:01:28Posso pedir ajuda ao vZero.
00:01:30Vou começar com uma captura de tela mostrando apenas a parte do aplicativo que estou tentando modificar..
00:01:35Neste caso,
00:01:36é apenas aquela seção do site que tem a caixa de chat e esses cinco botões.
00:01:43Então podemos usar essa captura de tela e dizer ao vZero exatamente o que queremos mudar.
00:01:50Ótimo.
00:01:51Vamos arrastar essa captura de tela para a caixa de chat e então podemos começar nosso prompt.
00:01:59Quero tentar remover essas ações sugeridas.
00:02:03Em vez disso,
00:02:04gostaria de criar um texto de espaço reservado rotativo na caixa de entrada principal do chat que tenha exemplos de prompts..
00:02:16Vamos começar com um prompt de exemplo definido escolhido de uma lista de 10.
00:02:27Também gostaria de adicionar um efeito de digitação para que,
00:02:35quando precisar alternar os espaços reservados,
00:02:42pareça que está apagando caractere por caractere..
00:02:49E então digitando rapidamente um novo prompt.
00:02:56Ok, vamos ver o que o vZero vai criar.
00:02:58Você notará que meu prompt foi bem específico e detalhado sobre exatamente o que eu queria..
00:03:03Quando você está criando um protótipo e tem algo claro em mente,
00:03:09quanto mais específico você for,
00:03:11melhor o vZero consegue construir.
00:03:14Agora você verá que o vZero está elaborando um plano do que vai construir e então está realmente começando a escrever o código para construir o recurso que eu queria..
00:03:27E pronto.
00:03:28Você tem uma simulação da ideia exata que eu estava imaginando que agora posso compartilhar com o resto da minha equipe.
00:03:33Se eu quisesse fazer algumas mudanças simples aqui,
00:03:36poderia entrar no modo de design e ajustar coisas como pequenas edições de texto,
00:03:40mudanças de fonte,
00:03:40cores e muito mais.
00:03:41Vamos dar uma olhada e fazer isso agora..
00:03:43Então vou em design e posso clicar, digamos, neste título.
00:03:47Quero fazer uma edição no texto,
00:03:49então quero mudar esta palavra de ship para create.
00:03:53Posso fazer isso e clicar em salvar e então estamos prontos.
00:03:57Se eu quisesse ver como isso ficaria em diferentes dispositivos,
00:04:01posso clicar nas diferentes visualizações de pré-visualização no topo da tela..
00:04:07Então agora está mostrando como ficaria no desktop,
00:04:10mas podemos ver como ficaria no tablet ou no celular.
00:04:13Podemos trabalhar nessas visualizações depois..
00:04:17Por enquanto,
00:04:17vamos fazer o deploy disso e definir a visibilidade apenas para minha organização para que eu possa compartilhar com meus colegas de equipe e eles possam deixar comentários diretamente usando a barra de ferramentas da Vercel.
00:04:26Ótimo.
00:04:26Agora estamos na versão de produção do aplicativo..
00:04:28Então meus colegas de equipe podem entrar e,
00:04:31digamos,
00:04:31eles querem fazer uma pequena mudança como mudar isso de volta para ship,
00:04:35eles podem deixar esse comentário.
00:04:37Vamos mudar isso de volta para ship.
00:04:42Quando eles deixam esse comentário,
00:04:43recebo uma notificação e então saberei exatamente quais mudanças devo fazer com base no feedback da minha equipe.
00:04:49E aí está. O V0 ajuda você a avançar mais rápido.
00:04:52Você pode aumentar a área de ideias que sua equipe pode explorar,
00:04:55testar essas ideias mais cedo e realmente mostrar o que você quer dizer.
00:04:59Construa seu próximo protótipo em minutos em v0.app.
00:05:01Mal podemos esperar para ver o que você vai construir..