Как использовать персонажей в интерфейсах, и почему сова из Duolingo пугает пользователей

Это «Атвинта». Для рекламы и пиара мировые бренды придумывают маскотов — они могут быть дружелюбными, забавными или даже токсичными. Мы перенесли персонажей в контекст интерфейсов и рассказали, как создать своего маскота и как он поможет в общении с клиентом на сайте или в сервисе.

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

Например, крутой леопард Честер в очках и кроссовках явно подружится с подростками, а ответственный и трудолюбивый Мистер Пропер в белоснежной футболке вселит уверенность в чистоте вашего дома.

Через персонажей бренд закрывает множество задач:

Удобно, что маскота можно использовать в любом пространстве, где находится целевая аудитория:

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

Наша цель — не просто сделать очередное визуальное упоминание бренда, а помочь пользователю во взаимодействии с веб-продуктами компании. Рассмотрим, какие задачи маскот может решать внутри интерфейсов.

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

Знакомый персонаж, использованный в визуалах на всех площадках, поможет быстро привыкнуть к интерфейсу, так как он наполнен уже знакомой атрибутикой.

Этим приемом активно пользуются компании, персонаж которых уже является неотъемлемой частью бренда.

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

Например, на главной странице сайта клиники мы разместили анимированного 3D-врача. Персонаж олицетворяет заботливого и профессионального доктора, который поможет справиться с недугом и поддержит в процессе лечения. Плюс здесь скрыта небольшая пасхалка — образ вдохновлен генеральным директором клиники, что добавляет ещё больше «души» и кастомизации персонажу.

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

Подробнее о проекте писали на VC:

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

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

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

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

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

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

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

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

В дополнение к основному продукту, которым выступает портал со статьями, подкастами и уроками по финансовой грамотности, мы сделали игру, в которой пользователи могут освоить азы инвестирования.

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

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

Прием с переносом человеческих качеств на животных и неодушевленные предметы называется антропоморфизмом. С помощью этого подхода мы:

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

Разберем несколько основных способов разработки персонажей.

Самый простой вариант — оживить продукт и сделать его маскотом. Примером служат все те же конфеты M&Ms, коробочки McDonald’s и мистер Мишлен, который собран из покрышек.

Основное преимущество в очевидности — аудитория видит оживленный продукт и сразу понимает, к какому бренду он относится. Более сложный нюанс здесь — в создании характера персонажа. Каким будет лицо вашей продукции: энергичным, меланхоличным, рассудительным или безбашенным? Эти вопросы должны решаться в связке между аналитиками, маркетологами и дизайнерами.

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

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

На Востоке считается, что динозавр и дракон тесно связаны друг с другом, а дракон — это символ мудрости и благополучия. В продолжение идеи Востока Финграмчик сделан в виде оригами, а финансовый успех, как и фигурки, складываются шаг за шагом по продуманной стратегии. Дизайнеры собрали Финграмчика в 3D и придали ему фактуру зеленой бумаги — а это еще одна отсылка к деньгам в виде кэша.

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

Еще один пример — коровка Милка, маскот одноименного шоколадного бренда.

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

Другой способ влюбить клиентов в маскота — наделить его характеристиками целевой аудитории. Подумайте:

Выявленные элементы внедрите в образ персонажа. Например, так сделала компания Nestle, создав маскота для какао Nesquik — энергичного кролика Квики.

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

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

Маскота может придумать и внедрить в интерфейс любая компания, но мы выделим 2 ниши, в которых персонажи будут смотреться наиболее органично и сработают лучше всего.

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

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

Если вы делаете сайт или сервис для молодежи и детей — смело создавайте маскота и делайте упор на коммуникацию с персонажем.

Выше мы указали преимущества маскота в EdTech нише:

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

Подробный кейс по проекту можно посмотреть на VC:

Когда готового решения уже недостаточно: переезд онлайн-школы с GetCourse на собственную платформу

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

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

Так, персонажи в интерфейсе вызывают дополнительный интерес и мотивацию для касания с продуктом.

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

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

PS И никогда не забывайте проходить уроки в Duolingo. Никогда...