00:00:00Привет всем, я Элли, и сегодня я покажу вам vZero.
00:00:03Если вы продакт-менеджер или дизайнер,
00:00:05у вас наверняка куча идей в голове и недостаточно времени,
00:00:08чтобы их реализовать.
00:00:09vZero помогает вам работать быстрее на этапе генерации идей и совместной работы.
00:00:13Вы просто описываете концепцию — и вуаля,
00:00:15у вас уже есть рабочий прототип,
00:00:16который можно показать команде.
00:00:18В этом видео мы рассмотрим,
00:00:19как vZero помогает перейти от идеи или PRD к живому прототипу за считанные минуты.
00:00:23Никакого ожидания,
00:00:24никаких презентаций и лишней воды — только реальные прототипы,
00:00:27которые помогут вам синхронизироваться и быстрее выпускать продукт.
00:00:30Начнём.
00:00:31Для этого примера я покажу,
00:00:32как мы используем vZero для создания самого vZero..
00:00:35Мы начнём с командного шаблона,
00:00:36который доступен всей команде vZero и по сути представляет собой мини-версию vZero,
00:00:40созданную внутри самого vZero.
00:00:42Это отличная отправная точка,
00:00:43когда нужно понять,
00:00:44что будет работать,
00:00:45а что нет внутри vZero.
00:00:46Командные шаблоны также позволяют использовать общие дизайн-системы команды,
00:00:50которые можно импортировать в vZero..
00:00:52Это значит,
00:00:53что все генерации будут соответствовать вашему дизайну и бренду.
00:00:56Для этого шаблона наш дизайнер уже настроил его в соответствии с внешним видом нашего приложения,
00:01:01так что мы просто нажмём «Открыть в vZero» и сможем начать дорабатывать эту упрощённую версию vZero прямо внутри приложения.
00:01:07Погружаемся.
00:01:07В последнее время мы изучаем,
00:01:09как можно повысить конверсию на целевой странице для неавторизованных пользователей..
00:01:13Одна из гипотез,
00:01:14которую мы хотим проверить — что произойдёт,
00:01:16если мы заменим эти пять кнопок под чатом на что-то другое,
00:01:19что может помочь повысить конверсию.
00:01:21Допустим,
00:01:21пользователи практически не нажимают на эти кнопки,
00:01:24и мы хотим попробовать другую стратегию показа предлагаемых промптов для создания.
00:01:28Я могу попросить vZero помочь.
00:01:30Я начну со скриншота,
00:01:31на котором показана только та часть приложения,
00:01:33которую я хочу изменить..
00:01:35В данном случае это просто тот раздел сайта,
00:01:39где есть окно чата и эти пять кнопок.
00:01:43Затем мы можем использовать этот скриншот и точно сказать vZero,
00:01:49что хотим изменить.
00:01:51Отлично.
00:01:52Перетащим скриншот в окно чата,
00:01:55и теперь можем начать наш промпт.
00:01:58Я хочу попробовать убрать эти предлагаемые действия.
00:02:03Вместо этого я хотела бы попробовать создать сменяющийся текст-заполнитель в основном поле ввода чата с примерами промптов..
00:02:16Начнём с определённого примера промпта-заполнителя,
00:02:23выбранного из списка из 10 вариантов.
00:02:28Я также хотела бы добавить эффект печати,
00:02:34чтобы при смене заполнителей это выглядело так,
00:02:41будто вы удаляете текст посимвольно с помощью backspace..
00:02:49А затем быстро печатаете новый промпт.
00:02:56Хорошо, посмотрим, что приготовит vZero.
00:02:58Вы заметите,
00:02:59что мой промпт был довольно конкретным и детальным в отношении того,
00:03:02что именно я хочу..
00:03:03Когда вы создаёте прототип и у вас есть чёткое представление в голове,
00:03:09чем конкретнее вы будете,
00:03:11тем лучше vZero сможет его воплотить.
00:03:14Теперь вы видите,
00:03:16что vZero составляет план того,
00:03:18что он будет создавать,
00:03:20а затем фактически начинает писать код для реализации функции,
00:03:25которую я хотела..
00:03:27И вот готово.
00:03:28У вас есть макет той самой идеи,
00:03:30которую я представляла,
00:03:31и теперь я могу поделиться им с остальной командой.
00:03:33Если бы я хотела внести небольшие правки,
00:03:36я могла бы перейти в режим дизайна и изменить такие вещи,
00:03:38как мелкие правки текста,
00:03:40шрифты,
00:03:40цвета и многое другое.
00:03:41Давайте посмотрим и сделаем это сейчас..
00:03:43Итак,
00:03:44я перейду в раздел дизайна и смогу кликнуть,
00:03:47скажем,
00:03:47на этот заголовок.
00:03:48Я хочу отредактировать текст,
00:03:50поэтому хочу изменить это слово с «ship» на «create».
00:03:53Я могу сделать это и нажать «Сохранить», и всё готово.
00:03:56Если бы я хотела посмотреть,
00:03:58как это будет выглядеть на разных устройствах,
00:04:01я могу переключаться между различными видами предпросмотра в верхней части экрана предпросмотра..
00:04:07Сейчас показано,
00:04:08как это выглядит на десктопе,
00:04:09но мы можем посмотреть,
00:04:11как это будет выглядеть на планшете или телефоне.
00:04:14Над этими видами можем поработать позже..
00:04:17А пока давайте задеплоим это и установим видимость только для моей организации,
00:04:20чтобы я могла поделиться с коллегами,
00:04:22и они могли оставлять комментарии прямо через панель инструментов Vercel.
00:04:26Отлично.
00:04:26Теперь мы в продакшн-версии приложения..
00:04:28Мои коллеги могут зайти и,
00:04:30допустим,
00:04:30захотят внести небольшое изменение,
00:04:32например,
00:04:33вернуть здесь слово «ship» — они могут оставить такой комментарий.
00:04:37Давайте вернём здесь слово «ship».
00:04:42Когда они оставят комментарий,
00:04:43я получу уведомление и буду точно знать,
00:04:45какие изменения нужно внести на основе обратной связи команды.
00:04:49Вот и всё. V0 помогает вам работать быстрее.
00:04:52Вы можете расширить диапазон идей,
00:04:53которые может исследовать ваша команда,
00:04:55протестировать эти идеи раньше и действительно показать,
00:04:58что вы имеете в виду.
00:04:59Создайте свой следующий прототип за считанные минуты на v0.app.
00:05:02Нам не терпится увидеть, что вы создадите..