Уууу, страшное слово — концепт... На фоне пугающие звуки...

Я рисую концепты уже 4 года в крупных компаниях, и за это время поняла, что при всей своей кажущейся сложности они не такие уж жуткие, если подходить к ним правильно. Конечно, важно учитывать интересы бизнеса, организовывать командную работу, налаживать коммуникацию — и, конечно, уметь прыгать через костёр на одной ноге, жонглируя нервами бэк-эндера.

И, возможно, поэтому энтузиазм коллег при слове «концепт» я вижу нечасто. Вместо него чаще появляются дизайнерские страхи, тревоги и сомнения. Хочется их развеять — хотя бы немного. Попробуем?

— Кто ты, воин? — Я концепт

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

Он может быть:

Новым сайтом или приложением
Редизайном сайта или приложения
Отдельно взятым разделом
Отдельно взятым флоу
Микрофичей

Зачем он вообще нужен?

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

Кто работает с концептами?

Работа с концептами проходит либо в рамках продуктовой команды (дизайнер + менеджеры, разработчики, аналитики), либо в команде дизайнеров. Ну или в твоем полном творческом одиночестве.

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

Ситуация

Итак, дано: крупная IT-компания с кучей продуктовых команд. Вам поручили разработку нового продукта или фичи на уровне идеи. И вы, дизайнер, сидите вот с такими глазами без утешающих перспектив.

1. Концепция концепта

Первым делом — обернуть концепт во что-то осязаемое. На бумаге, мудборде, где угодно. Главное — фиксировать всё, любую мысль свою и заказчика.

Так сформируются первые гипотезы на основе верхнеуровневого списка функций. Без этого всё может превратиться в никому ненужную замуту.

2. Исследование ЦА

Список хотелок готов — время глубинок, аналитики и цифр. Или передайте это специально обученным людям. Главное — понять потребности пользователей и как они соотносятся с бизнесом.

Если речь про подпродукт, гипотезы могут прийти уже готовыми. Если нет — формируйте сами.

3. А у конкурентов чё?

Изучаем аналоги, когда свои хотелки уже понятны. Так проще задавать правильные вопросы конкурентам.

Фиксируйте, что нравится, что нет — и почему. Если продукта ни у кого нет, ищите по функционалу или "кусочкам". Например, вы будете рисовать приложение с доставкой и видеохостингом. Значит ищем обе части по отдельности.

Лайфхак 1:

Ищите конкурентов на YouTube, особенно если продукт B2B. Пользователи сами снимают обучающие видосы, где видно, как всё работает и где болит.

Лайфхак 2:

Больше про это — в следующей статье.

Рынок диджитал-продуктов огромный. Фиксироваться можно по нескольким регионам:

Арабский рынок — Дубай, Катар: интересный микс минимализма и перегруженности
Азия — Турция (внезапно), Индия, Китай, Япония: розничные приложения, необычные паттерны
Европа и США — топовые продукты с наибольшим охватом

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

4. Формирование идеи

Вот у нас все данные на руках, потребности выявлены, список хотелок сформирован. Независимо от размера продукта, следующий пункт - ещё раз приземлить концепт. Посмотреть, как фичи будут уживаться между собой. Попробуй выписать все хотелки на любой удобной борде и начать группировать. Например, финтеховские фичи к финтеху, екомерц к екомерцу и тд. Можно ли объединить две фичи в одну? Или 10 схожих в один раздел? Или же можно доразвивать идею? А возможно от чего-то отказаться?

Основной страх:

Есть вероятность, когда перед вами будет пустой артборд, вы столкнетесь со страхом белого листа. Особенно в условиях, где изначальные гипотезы не предоставляют рамок для будущего дизайна. Тут тоже есть парочка лайфхаков:

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

— Найдите простой образ "повествования" дизайна. Посмотрите еще раз на сформировавшийся список хотелок. Как бы вы хотели, чтоб человек с ним взаимодействовал? Через какой образ? Возможно - газета, или рабочий стол, или постоянная персонализированная кастомизация контента? Через выбранный образ вы поймете, как выстроить иерархию будущего функционала, после чего можно переходить к визуализации.

5. UI: Настало твоё время

Наконец-то дизайн! Фигма открыта, структура готова, руки чешутся. Ииии, начинаем все заново. Ну почти.:)

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

Если же продукт полностью новый — требуется проработка фирменного стиля. Собрать визуальную UI составляющую с нуля - процесс задорный. Для диджитал продуктов достаточно проработать стиль и иерархию шрифтов, выбрать палитру, стиль иконок и графических элементов (иллюстрации/фото), логотип, хотя бы схематичный.

Когда переходим к первым компонентам - забываем про статьи «Тренды UI в 202..» и лезем в любимые диджитал-продукты, на дриблл и биханс. Смотрим все подряд, что релевантно теме продукта или элемента и пробуем рисовать. Тоже разбираем детально, почему нам нравятся закругления в 20 пт и отступы в 8? Или понравилась карточка? Пробуем перерисовать, наложив наш контент. Пробуя, у вас формируются требования к компонентам, закрываются вопросы по шрифтам и цветам, закладывается основа для будущей дизайн-системы.

И постепенно картина продукта будет выстраиваться.

6. MVP и реальность

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

Это важный бизнес-этап, так как идея может быть и прекрасной, но какой от нее толк, если разработка целевого варианта займет 5 лет. Чтобы целостно подходить к созданию продукта, стоит сразу формировать план итераций, возможно и верхнеуровневый.

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

7. Презентация

Упаковывать красивые макетики в презентацию PowerPoint - дело неблагодарное к проделанной работе. В каком виде презентуются макеты:

Презентация с анимацией
Кликабельный прототип
Видео-презентация (необязательно, но «вау»-эффект обеспечен).

Обязательно проговорите с продактом в каком формате будет происходить презентация, сколько времени потребуется и какой материал, помимо дизайнерских макетов, будет подготавливаться. Возможно, какую-нибудь статистику по продукту можно вставить в видео.

Финалочка про экспертность и вовлеченность

Хочется сразу писать текст, о том, как отстаивать свою зону дизайнеровости. Но на мой взгляд, показатель экспертности - это возможность вести диалог. Умение отказаться от своих не самых лучших решений в дизайне, и одновременно навык защищать свои макеты.

Если вам предлагают отказаться от изначальной идеи, обязательно интересуйтесь почему? Статистика не красивая? Продуктовый упор не на эту фичу? Добивайтесь конкретики.

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

Вовлеченность в процессы команды - также показатель экспертизы. Необходимо находиться в контексте работы всех задействованных специалистов, или найти тех, кто поможет разобраться в вопросе. Например, как-то за чаем мы с бэкенд-разработчиком рисовали на доске алгоритм подключения микросервисов для оплаты товаров в корзине. Это помогает, как и в аргументации, так и в будущей презентации проекта.

Без всего этого продукт может пасть жертвой вкусовщины отдельно взятого манагера, или же вы станете руками без головы у продуктовой команды.

Итого, план такой:

Собрать хотелки
Изучить ЦА
Посмотреть на конкурентов
Сформировать идею и CJM
Отрисовать первый UI
Понять MVP и итерации
Подготовить презентацию

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

Возможно, они уйдут в долгий ящик, или от них в перспективе откажутся. Но проделанная работа останется твердым кирпичиком в голове.

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

Это стоит дороже, чем все бюджеты.

Продуктовый концепт. Инструкция по выживанию