Урок 2 · 18 минут

Кому, зачем, что сделать?

Вы научитесь задавать смысл страницы до того, как ИИ начнет выбирать цвета, блоки и картинки.

3 вопроса1 мини-кейс1 паспорт задачи

Сначала задача

Страница не может быть «хорошей вообще». Она может хорошо помогать конкретному человеку в конкретной ситуации сделать следующий шаг. Если задача не названа, ИИ заполняет пробелы своими догадками.

1

Кто пришел?

Не возраст и пол, а ситуация, опыт, сомнение и ожидание человека.

Не «женщины 25-45», а «эксперт, который впервые запускает курс».
2

Зачем ему страница?

Что человек должен понять, выбрать или получить после просмотра.

Понять, подходит ли ему практикум и сможет ли он получить результат.
3

Что сделать дальше?

Одно главное действие, которое двигает человека к результату.

Записаться на практикум, а не выбирать из пяти равных кнопок.
Паспорт задачи: Для [человека в конкретной ситуации] страница помогает [понять или получить результат] и ведет к [одному главному действию].

Официальные принципы USWDS предлагают начинать с реальных потребностей людей и прямо спрашивать, кто основная аудитория и какую потребность решает продукт.1 GOV.UK рекомендует сначала понять контекст и проблему пользователя, потому что ранняя проверка предположений снижает риск создать не то решение.2

Сравните два задания

Оба задания выглядят правдоподобно. Но только одно помогает агенту принимать осмысленные дизайнерские решения.

Вариант А: описывает внешний вид
Сделай современный яркий лендинг школы нейросетей. Добавь красивый первый экран, преимущества, отзывы, тарифы и анимации. Стиль должен цеплять.
  • Непонятно, кто пришел.
  • Непонятно, какое сомнение снять.
  • Непонятно, какое действие главное.
Вариант Б: описывает задачу
Страница для эксперта, который впервые хочет собрать лендинг с ИИ и сомневается, справится ли без дизайнера. Помоги ему понять, что на практикуме он создаст одну готовую страницу по понятному процессу. Главное действие - записаться на двухдневный практикум.
  • Есть человек и его ситуация.
  • Есть нужное изменение в понимании.
  • Есть одно главное действие.

Соберите паспорт

Прочитайте ситуацию и выберите лучший ответ на каждый из трех вопросов. После трех верных ответов появится готовая формулировка задачи.

Мини-кейс

3 решения
Ситуация: после поста в Telegram человек приходит на страницу двухдневного практикума по созданию сайта с ИИ. Он слышал об ИИ, но никогда не делал сайты и боится, что будет слишком сложно. Организатор хочет получить регистрации.

1. Кто основной человек?

2. Что страница должна помочь ему понять?

3. Какое действие главное?

Паспорт собранДля новичка, который хочет сделать первый сайт с ИИ и боится сложности, страница помогает понять, что он справится и за два дня дойдет до своей страницы, и ведет к записи на практикум.

Найдите смысловой сбой

Внешне экран аккуратный. Но проверьте, соответствует ли его главное действие паспорту задачи.

Создайте первый сайт с ИИ за два дня

Пошаговый практикум для новичков без опыта в дизайне и программировании.

Подписаться на новостиО практикуме

В чем главная проблема?

Дайте задачу агенту

Используйте этот шаблон до создания дизайна. Если данных не хватает, агент должен сначала задать вопросы, а не придумывать ответ.

Прежде чем проектировать страницу, сформулируй ее паспорт задачи. 1. Кто основной пользователь? Опиши его ситуацию, опыт и главное сомнение, а не только возраст и пол. Если демография или ограничения важны для задачи, добавь их отдельно. 2. Что он должен понять, выбрать или получить после просмотра страницы? 3. Какое одно действие должно быть главным? 4. Какие данные в моем описании отсутствуют или противоречат друг другу? Верни ответ одной фразой: «Для [человека в ситуации] страница помогает [результат] и ведет к [главному действию]». Не предлагай дизайн и структуру, пока я не подтвержу этот паспорт.

Урок освоен, если вы можете

Ваш преподаватель - агент

Покажите агенту идею своей страницы и попросите: «Задавай мне по одному вопросу, пока мы не соберем паспорт задачи. Если я отвечаю слишком широко, покажи, чего именно не хватает».