Оставить заявку
Оставить заявку
Дизайн

Два инструмента дизайна, чтобы сделать продукт, который купят

Продуктовый дизайн помогает одновременно бизнесу и пользователям. В бизнесе — выделяет продукт среди аналогов. В опыте пользователя — помогает решить задачу и получить удовольствие. Чтобы достичь такого win-win результата и делать продукты, которые захотят купить, мы проектируем их на основе потребностей обеих сторон.

У нас в Тетраформе для этого как минимум два дизайн-инструмента.
Содержание
Мудборд — чтобы создать узнаваемый бренд и айдентику
Бренд ― это ощущение от продукта в голове пользователя. На него влияют ценности, язык общения, повторяющиеся элементы, фирменные цвета, айдентика.

Айдентика ― это визуальные коммуникации бренда: в собственных каналах общения типа социальных сетей, в общем информационном пространстве, в рекламе. Это узнаваемые цвета и фирменные элементы, которые помогают пользователю понять, что он попал именно туда, куда собирался.

Чтобы айдентика взялась не с потолка, мы собираем мудборд на основе портрета целевой аудитории. По сути это визуальный ряд, передающий атмосферу продукта. Для мудборда действует полная свобода творчества: яркие изображения, инстаграмные фото утреннего кофе, стикеры из Телеграма — все идет в работу.

Мудборд для проекта «Цифровая Академия М.Видео—Эльдорадо»

Концепт для проекта «Цифровая Академия М.Видео—Эльдорадо»

Релиз проекта «Цифровая Академия М.Видео—Эльдорадо»

Пошаговый план разработки мудборда
  • 1
    Собрать данные о пользователях: кто они, чем занимаются, какие у них характеры, что им нравится;
  • 2
    Сформулировать ощущения и эмоции, которые совпадают с данными о пользователях.;
  • 3
    Собрать мудборд айдентики;
  • 4
    Сделать первую версию айдентики: цвета, шрифты и фирменные элементы.
  • 5
    Подготовить примеры на разных носителях: на сайте, в приложении, на баннерах или физических объектах.
  • 6
    Показать целевой аудитории и собрать обратную связь.

Только когда протестирована общая концепция и настроение продукта, можно заниматься логотипом и другими визуальными коммуникациями.
Journey Map — чтобы продумать опыт пользователя
Journey Map — это карта опыта пользователя: что с ним происходит, что он чувствует, на что и как реагирует, когда пользуется продуктом. По горизонтали идут этапы пути. Например, для мобильного приложения это будет установка → регистрация → онбординг и т. д. По вертикали идёт то, что важно для проектирования: события, эмоции, метрики, инструменты для улучшения.
Когда есть такая карта, сразу видно, где у пользователя возникают (или могут возникнуть) проблемы. Этим местам уделяем особое внимание при проектировании.

Для разных типов продуктов и пользователей будут свои карты — в зависимости от задачи. Например, такие делают для пользователей мобильных приложений и сайтов (User Journey Map), покупателей в интернет-магазинах (Customer Journey Map), учащихся онлайн-курсов (Learning Journey Map) и даже сотрудников компаний (Employee Journey Map). Всё это становится основой для проектирования и дизайна продукта, который знает своего пользователя и заботится о нём.
После этого можно работать с другими инструментами UX-проектирования: вайрфреймами, сторимэпом, юзерфлоу и т. д.
Пошаговый план разработки Journey Map
  • 1
    Собрать потребности пользователей и бизнеса.;
  • 2
    Выбрать вид Journey Map в зависимости от типа продукта.
  • 3
    Сформировать образ решения. Например, для LJM это вторая строка — можно выбрать форматы и каналы коммуникации внутри программы, определить их последовательность в карте.
  • 4
    Полностью заполнить шаблон JM: аналитику, эмоции пользователя и т. д. Проследить, чтобы путь был простым и логичным.
  • 5
    Проверить на пользователях и внести корректировки.

Теперь дизайн сделал продукт не только красивым, но и удобным.
Материалы по теме
    Делимся полезными статьями и анонсами крутых событий в рассылке
    Давайте познакомимся и обсудим вашу задачу
    Встретимся и поговорим про проблемы и цели, после вернёмся с вариантами решения, договоримся о составе работ, пожмём руки и запустим проект.
    Андрей
    Business Development Manager
    Или пишите напрямую Андрею:
    piliptsov@tetraform.art
    t.me/apiliptsov
    Страница
    в разработке
    Сейчас мы пишем для неё тексты, верстаем макеты и придумываем анимацию. Совсем скоро она станет доступна.