00:00:00Hola a todos, soy Allie, y hoy les voy a mostrar vZero.
00:00:03Si eres product manager o diseñador,
00:00:05probablemente tengas un millón de ideas en la cabeza y no suficiente tiempo para desarrollarlas.
00:00:09vZero te ayuda a avanzar más rápido cuando estás ideando o colaborando.
00:00:13Puedes escribir un concepto y boom,
00:00:15tienes un prototipo funcional para mostrar a tu equipo.
00:00:18En este video,
00:00:19veremos cómo vZero te ayuda a pasar de una idea o PRD a un prototipo en vivo en minutos.
00:00:24Sin esperas,
00:00:24sin presentaciones ni relleno,
00:00:26solo prototipos reales para ayudarte a alinearte y lanzar más rápido.
00:00:30Comencemos.
00:00:30Para este ejemplo,
00:00:31les mostraré cómo usamos vZero para construir vZero..
00:00:35Vamos a empezar con una plantilla de equipo compartida con todo el equipo de vZero que básicamente funciona como una versión mini de vZero construida dentro de vZero.
00:00:42Es un lugar increíble para comenzar cuando intentas descubrir qué funciona o no funciona dentro de vZero.
00:00:46Las plantillas de equipo también te permiten usar sistemas de diseño del equipo en todo tu equipo que puedes importar a vZero..
00:00:52Eso significa que todas tus generaciones pueden coincidir con tus diseños y marcas.
00:00:56Para esta plantilla,
00:00:57nuestro diseñador ya la ha creado para que coincida con cómo se ve nuestra app,
00:01:00así que haremos clic en abrir en vZero y podremos empezar a iterar sobre esta versión mini de vZero dentro de la app.
00:01:06Vamos allá.
00:01:07Recientemente,
00:01:07hemos estado explorando cómo podemos aumentar la conversión en el estado de sesión cerrada de nuestra página de inicio..
00:01:13Una hipótesis que queremos probar es qué pasa si cambiamos estos cinco botones debajo del chat por algo que pueda ayudar a generar más conversión.
00:01:20Imaginemos que los usuarios no están haciendo clic en esos botones y queremos probar una estrategia diferente para mostrar sugerencias de prompts al usuario.
00:01:28Puedo pedirle ayuda a vZero.
00:01:30Empezaré con una captura de pantalla mostrando solo la parte de la aplicación que intento modificar..
00:01:35En este caso,
00:01:36es solo esa sección del sitio que tiene el cuadro de chat y esos cinco botones.
00:01:43Luego podemos usar esa captura de pantalla y decirle a vZero exactamente qué queremos cambiar.
00:01:51Perfecto.
00:01:52Arrastraremos esa captura al cuadro de chat y luego podemos empezar nuestro prompt.
00:01:59Quiero probar eliminar estas acciones sugeridas.
00:02:03En su lugar,
00:02:04me gustaría probar crear texto de marcador de posición rotativo en el cuadro de entrada del chat principal que tenga prompts de ejemplo..
00:02:16Empecemos con un prompt de marcador de posición de ejemplo definido elegido de una lista de 10.
00:02:27También me gustaría agregar un efecto de escritura,
00:02:34así que cuando necesites rotar los marcadores de posición debería verse como si estuvieras borrando carácter por carácter..
00:02:49Y luego escribiendo rápidamente un nuevo prompt.
00:02:56Ok, veamos qué prepara vZero.
00:02:58Notarás que mi prompt fue bastante específico y detallado sobre exactamente lo que quería..
00:03:03Cuando estás creando un prototipo y tienes algo claro en tu mente,
00:03:09cuanto más específico seas,
00:03:11mejor podrá construir vZero.
00:03:13Ahora verás que vZero está trazando un plan de lo que va a construir y luego realmente está comenzando a escribir el código para desarrollar la funcionalidad que yo quería..
00:03:27Y listo.
00:03:28Tienes un mockup de la idea exacta que estaba visualizando que ahora puedo compartir con el resto de mi equipo.
00:03:33Si quisiera hacer algunos cambios sencillos aquí,
00:03:36podría entrar al modo diseño y ajustar cosas como pequeñas ediciones de texto,
00:03:40cambios de fuente,
00:03:41colores y más.
00:03:41Echemos un vistazo y hagámoslo ahora..
00:03:43Iré a diseño y puedo hacer clic en, digamos, este título.
00:03:47Quiero hacer una edición al texto,
00:03:49así que quiero cambiar esta palabra de ship a create.
00:03:52Puedo hacerlo y hacer clic en guardar y estaremos listos.
00:03:56Si quisiera ver cómo se vería esto en diferentes dispositivos,
00:04:00puedo hacer clic en las diferentes vistas de previsualización en la parte superior de la pantalla de vista previa..
00:04:07Ahora mismo está mostrando cómo se vería en escritorio,
00:04:10pero podemos ver cómo se vería en la tableta o en el teléfono.
00:04:14Podemos trabajar en esas vistas más tarde..
00:04:17Por ahora,
00:04:17desplegemos esto y configuremos la visibilidad solo para mi organización para poder compartir con mis compañeros de equipo y que dejen comentarios directamente usando la barra de herramientas de Vercel.
00:04:26Genial.
00:04:26Ahora estamos en la versión de producción de la app..
00:04:28Mis compañeros de equipo pueden entrar y digamos que quieren hacer un pequeño cambio como cambiar esto de vuelta a ship,
00:04:35pueden dejar ese comentario.
00:04:37Cambiemos esto de vuelta a ship.
00:04:42Una vez que dejen ese comentario,
00:04:43recibiré una notificación y entonces sabré exactamente qué cambios debo hacer basándome en el feedback de mi equipo.
00:04:49Y ahí lo tienen. V0 te ayuda a avanzar más rápido.
00:04:52Puedes aumentar la superficie de ideas que tu equipo puede explorar,
00:04:55probar esas ideas más pronto y realmente mostrar lo que quieres decir.
00:04:59Construye tu próximo prototipo en minutos en v0.app.
00:05:01Estamos ansiosos por ver lo que construyes..