AI в дизайне: как сохранить человеческое решение
Используйте генерацию для поиска направлений, не теряя бриф, доступность и цельную визуальную систему.
AI быстро создаёт визуальные варианты. Это полезно для поиска идеи, но количество картинок не равно дизайнерскому решению. Весь процесс должны направлять задача, аудитория и удобство.
1. Сначала задача, потом стиль
Опишите, что страница помогает человеку сделать. Укажите аудиторию, контекст, обязательный контент и ограничения. Соберите реальные референсы и объясните, что в каждом работает.
Определите одно главное действие на экране. Эффектная композиция, скрывающая следующий шаг, не решает задачу.
- Сформулируйте задачу пользователя простыми словами.
- Перечислите текст, который должен оставаться читаемым.
- Решите, что нельзя генерировать или выдумывать.
2. Выберите направление и соберите систему
Сделайте несколько действительно разных концепций. Сравните иерархию, контраст, тон и поведение на мобильном экране с брифом.
Выбранное направление превратите в правила: типографика, интервалы, цвета, изображения и компоненты. Важный текст оставляйте настоящим HTML-текстом, а не частью картинки.
- Оценивайте по задаче, а не по новизне.
- Рано проверьте мобильную версию.
- Запишите повторяемые правила компонентов.
3. Проверьте доступность и действие
Проверьте клавиатуру, видимость фокуса, контраст, подписи и альтернативный текст. Справочник W3C WCAG помогает ориентироваться, но не заменяет проверку интерфейса в работе.
Попросите человека, не знакомого с макетом, выполнить главное действие. Отметьте, где он остановился или неверно понял подпись, и исправьте это.
- Можно ли обойтись без мыши?
- Подходят ли альтернативные описания изображений?
- Понятна ли страница на узком экране?
Возьмите один экран: опишите его задачу, сравните три направления, соберите цельные правила и проверьте действие на мобильном.