Продуктовый дизайн и дизайн интерфейсов
Продуктовый дизайн начинается не с экранов, а с вопроса «зачем». Кто откроет продукт, что ему нужно сделать и что мешает сейчас. Экраны рисуем, когда ответы уже есть.
Дизайн, фронтенд и бэкенд у нас — одна команда. Макет не передают «на сторону»: его собирают те же люди, что его придумали.
Что входит
Сценарии
Путь человека по продукту — от входа до цели, по шагам. На сценарии лишний шаг видно раньше, чем его нарисовали и запрограммировали.
Прототипы
Схема продукта, по которой можно пройти до дизайна и кода. Логику проверяют на ней: переставить экран в прототипе дешевле, чем в готовом продукте.
Дизайн-система
Шрифты, цвета, кнопки и отступы — одним набором правил. Новый экран собирают из готовых частей, поэтому продукт растёт, а макеты не сыплются.
Сначала телефон
Экран телефона проектируем первым, широкий — потом. Так сделаны оба наших кейса: сайт кальян-бара Hookah Time и сайт футбольных лиг МФЛ.
Интерфейс для владельца
Проектируем не только то, что видит клиент, но и админку. Владелец Hookah Time сам меняет меню, организатор МФЛ вносит результаты матчей в админке, собранной под телефон.
Кейсы
- Сайт кальян-бара «Hookah Time: Полигон»Сайт кальян-бара в Ставрополе: вместо меню-картинок на Тильде — 79 блюд карточками с фото, видео на странице блюда и меню, которое владелец правит сам.Читать кейс →
- Сайт футбольных лиг МФЛ в СтаврополеСайт футбольных лиг Ставрополя: запись команд на сайте вместо личных сообщений в VK, страница у каждого матча, профиль и рейтинг у каждого игрока.Читать кейс →
Частые вопросы
- С чего начинается продуктовый дизайн?
- С вопроса, зачем продукт нужен и кому. Сценарии, прототипы и дизайн-система — после, когда ответ уже есть.
- Дизайн и разработку делает одна команда?
- Да. Дизайн, фронтенд и бэкенд — одной командой. Так сделаны сайт кальян-бара Hookah Time и сайт футбольных лиг МФЛ: в обоих проектах мы отвечали и за дизайн, и за разработку.