Мы собираем Куки
Настройки куки
Куки необходимы для корректной работы сайта на вашей платформе. Вы всегда можете отключить файлы cookie в настройках Вашего браузера.
Дизайн
Два инструмента дизайна, чтобы сделать продукт, который купят
Продуктовый дизайн помогает одновременно бизнесу и пользователям. В бизнесе — выделяет продукт среди аналогов. В опыте пользователя — помогает решить задачу и получить удовольствие. Чтобы достичь такого win-win результата и делать продукты, которые захотят купить, мы проектируем их на основе потребностей обеих сторон.
У нас в Тетраформе для этого как минимум два дизайн-инструмента.
У нас в Тетраформе для этого как минимум два дизайн-инструмента.
Содержание
Мудборд — чтобы создать узнаваемый бренд и айдентику
Бренд ― это ощущение от продукта в голове пользователя. На него влияют ценности, язык общения, повторяющиеся элементы, фирменные цвета, айдентика.
Айдентика ― это визуальные коммуникации бренда: в собственных каналах общения типа социальных сетей, в общем информационном пространстве, в рекламе. Это узнаваемые цвета и фирменные элементы, которые помогают пользователю понять, что он попал именно туда, куда собирался.
Чтобы айдентика взялась не с потолка, мы собираем мудборд на основе портрета целевой аудитории. По сути это визуальный ряд, передающий атмосферу продукта. Для мудборда действует полная свобода творчества: яркие изображения, инстаграмные фото утреннего кофе, стикеры из Телеграма — все идет в работу.
Айдентика ― это визуальные коммуникации бренда: в собственных каналах общения типа социальных сетей, в общем информационном пространстве, в рекламе. Это узнаваемые цвета и фирменные элементы, которые помогают пользователю понять, что он попал именно туда, куда собирался.
Чтобы айдентика взялась не с потолка, мы собираем мудборд на основе портрета целевой аудитории. По сути это визуальный ряд, передающий атмосферу продукта. Для мудборда действует полная свобода творчества: яркие изображения, инстаграмные фото утреннего кофе, стикеры из Телеграма — все идет в работу.
Мудборд для проекта «Цифровая Академия М.Видео—Эльдорадо»
Концепт для проекта «Цифровая Академия М.Видео—Эльдорадо»
Релиз проекта «Цифровая Академия М.Видео—Эльдорадо»
Пошаговый план разработки мудборда
- Собрать данные о пользователях: кто они, чем занимаются, какие у них характеры, что им нравится;
- Сформулировать ощущения и эмоции, которые совпадают с данными о пользователях.;
- Собрать мудборд айдентики;
- Сделать первую версию айдентики: цвета, шрифты и фирменные элементы.
- Подготовить примеры на разных носителях: на сайте, в приложении, на баннерах или физических объектах.
- Показать целевой аудитории и собрать обратную связь.
Только когда протестирована общая концепция и настроение продукта, можно заниматься логотипом и другими визуальными коммуникациями.
Journey Map — чтобы продумать опыт пользователя
Journey Map — это карта опыта пользователя: что с ним происходит, что он чувствует, на что и как реагирует, когда пользуется продуктом. По горизонтали идут этапы пути. Например, для мобильного приложения это будет установка → регистрация → онбординг и т. д. По вертикали идёт то, что важно для проектирования: события, эмоции, метрики, инструменты для улучшения.
Когда есть такая карта, сразу видно, где у пользователя возникают (или могут возникнуть) проблемы. Этим местам уделяем особое внимание при проектировании.
Для разных типов продуктов и пользователей будут свои карты — в зависимости от задачи. Например, такие делают для пользователей мобильных приложений и сайтов (User Journey Map), покупателей в интернет-магазинах (Customer Journey Map), учащихся онлайн-курсов (Learning Journey Map) и даже сотрудников компаний (Employee Journey Map). Всё это становится основой для проектирования и дизайна продукта, который знает своего пользователя и заботится о нём.
Для разных типов продуктов и пользователей будут свои карты — в зависимости от задачи. Например, такие делают для пользователей мобильных приложений и сайтов (User Journey Map), покупателей в интернет-магазинах (Customer Journey Map), учащихся онлайн-курсов (Learning Journey Map) и даже сотрудников компаний (Employee Journey Map). Всё это становится основой для проектирования и дизайна продукта, который знает своего пользователя и заботится о нём.
После этого можно работать с другими инструментами UX-проектирования: вайрфреймами, сторимэпом, юзерфлоу и т. д.
Пошаговый план разработки Journey Map
- Собрать потребности пользователей и бизнеса.;
- Выбрать вид Journey Map в зависимости от типа продукта.
- Сформировать образ решения. Например, для LJM это вторая строка — можно выбрать форматы и каналы коммуникации внутри программы, определить их последовательность в карте.
- Полностью заполнить шаблон JM: аналитику, эмоции пользователя и т. д. Проследить, чтобы путь был простым и логичным.
- Проверить на пользователях и внести корректировки.
Теперь дизайн сделал продукт не только красивым, но и удобным.
Материалы по теме
Делимся полезными статьями и анонсами крутых событий в рассылке
Вместе с Tetraform мы запустили интерактивный инфотейнмент-проект «Орбиты».
Мы делали подобный проект впервые и могли многое не учесть. Благодаря насмотренности вашей команды, мы смогли изменить какие-то решения и сделать все хорошо.
Очень ценно, когда есть такой проект, где все поставлено на рельсы, а любой спорный момент можно решить буквально за два сообщения
Дизайнеры предлагали улучшения и не переставали думать даже тогда, когда
все уже придумано и согласовано. Здравый перфекционизм превозмог все.
Мы делали подобный проект впервые и могли многое не учесть. Благодаря насмотренности вашей команды, мы смогли изменить какие-то решения и сделать все хорошо.
Очень ценно, когда есть такой проект, где все поставлено на рельсы, а любой спорный момент можно решить буквально за два сообщения
Дизайнеры предлагали улучшения и не переставали думать даже тогда, когда
все уже придумано и согласовано. Здравый перфекционизм превозмог все.
Екатерина Ключникова
главный редактор Black Science
главный редактор Black Science
Давайте познакомимся и обсудим вашу задачу
Встретимся и поговорим про проблемы и цели, после вернёмся с вариантами решения, договоримся о составе работ, пожмём руки и запустим проект.
Или пишите напрямую Андрею:
Андрей
Business Development Manager
Вместе с Tetraform мы запустили интерактивный инфотейнмент-проект «Орбиты».
Мы делали подобный проект впервые и могли многое не учесть. Благодаря насмотренности вашей команды, мы смогли изменить какие-то решения и сделать все хорошо.
Очень ценно, когда есть такой проект, где все поставлено на рельсы, а любой спорный момент можно решить буквально за два сообщения
Дизайнеры предлагали улучшения и не переставали думать даже тогда, когда
все уже придумано и согласовано. Здравый перфекционизм превозмог все.
Мы делали подобный проект впервые и могли многое не учесть. Благодаря насмотренности вашей команды, мы смогли изменить какие-то решения и сделать все хорошо.
Очень ценно, когда есть такой проект, где все поставлено на рельсы, а любой спорный момент можно решить буквально за два сообщения
Дизайнеры предлагали улучшения и не переставали думать даже тогда, когда
все уже придумано и согласовано. Здравый перфекционизм превозмог все.
Екатерина Ключникова
главный редактор Black Science
главный редактор Black Science
Страница
в разработке
в разработке
Сейчас мы пишем для неё тексты, верстаем макеты и придумываем анимацию. Совсем скоро она станет доступна.
Бесплатный гайд о диджиталных практиках в HR
Эти нетипичные форматы и механики позволят вам быстрее закрывать вакансии, укрепить уверенность новых сотрудников и повысить процент прохождения обучения.
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь c политикой конфиденциальности.
Бесплатный гайд о диджиталных практиках в HR
Эти нетипичные форматы и механики позволят вам быстрее закрывать вакансии, укрепить уверенность новых сотрудников и повысить процент прохождения обучения.
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь c политикой конфиденциальности.