1Коротко
Claude Design может сделать рабочий макет приложения или сайта, по которому можно прокликаться, чтобы проверить идею до того, как кто-то начнёт её делать.
2Новые слова
- Прототип (Prototype) — ненастоящая версия приложения или сайта, которая выглядит и нажимается как настоящая, но внутри ничего не делает. Для показа и проверки.
- Вайрфрейм (Wireframe) — черновой прототип из серых блоков, чтобы решить, что где будет, не думая пока о цветах.
- Экран (Screen) — один вид приложения: главный экран, экран бронирования, экран подтверждения.
3Зачем это вам
Объяснять идею приложения словами — это час, и вас всё равно поймут неправильно. Прототип из трёх экранов делается за минуты, и все «понимают» сразу, как только по нему прокликаются. Его можно проверить на друге, прежде чем тратить деньги на разработчика.
4Попробуйте сейчас
(платные тарифы)
- В Design начните новый Design и напишите: Приложение для телефона из 3 экранов для бронирования столика в кафе при моей пекарне: выбрать день и время, ввести имя и количество человек, увидеть подтверждение. Сделай кнопки кликабельными, чтобы можно было переходить между экранами.
- Когда оно появится, нажмите Play (Воспроизвести; треугольник вверху холста) и прокликайте его.
- Попросите изменение: Добавь экран с вопросом об аллергиях перед подтверждением.
5Что вы увидите
[Картинка будет позже: три экрана телефона на холсте и прототип в режиме воспроизведения.] Три артборда в форме телефона, связанные между собой: нажимаете кнопку на одном — появляется следующий. В режиме воспроизведения это ощущается как настоящее приложение. Claude объясняет, что он предположил (примерное время, условные имена).
6Осторожно
- Это макет. Ничего не сохраняется, никакое бронирование не создаётся; для этого нужна глава 3.5 или разработчик.
- Первый прототип ограничьте тремя-четырьмя экранами. Проверьте его, а потом расширяйте.
7Дальше
Покажите его трём людям и попросите забронировать столик. Смотрите, где они сомневаются, — это и есть ваше следующее изменение. Затем глава 3.5 превратит дизайн в настоящий сайт.