Пишете крутые статьи? Публикуйте их в авторитетном журнале Workspace.
UXART
Бизнес симулятор ТЕХНОНИКОЛЬ как способ обучения через игры
UXART
WDA
2024
#Поддержка и развитие сайта#Проектирование сайта#Дизайн сайта

Бизнес симулятор ТЕХНОНИКОЛЬ как способ обучения через игры

2110 
UXART
UXART Россия, Санкт-Петербург
Поделиться:
Бизнес симулятор ТЕХНОНИКОЛЬ как способ обучения через игры
Клиент

ТЕХНОНИКОЛЬ

Бюджет

2 000 000

Сфера

Обучение

Регион

Россия

Сдано

Февраль 2024

Задача

«Бизнес-симулятор» или «ТЕХНОМАТРИЦА» от ТЕХНОНИКОЛЬ (далее ТН) — проект, который даёт возможность быстро получить информацию о продуктах компании в игровой форме.

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

Решение

В начале работы мы изучили подобные сервисы у конкурентов и обнаружили, что аналога «ТЕХНОМАТРИЦЫ» в том виде, который мы придумали, попросту нет на рынке. Поэтому мы перешли к этапу брейншторма и начали разрабатывать основной концепт.

Мы разработали кликабельный прототип, в котором показали основной функционал «ТЕХНОМАТРИЦЫ» и продемонстрировали игровую часть.

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

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

1Прототипы

Начали с прототипов главного экрана. Концепция «хаба» заключалась в следующем:

1. В центре экрана пользователь видит монитор с новыми заданиями.

2. В левой части игрового поля находится справочник с полезной информацией.

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

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

В профиле игроки заполняют свою личную информацию (ФИО, телефон, email), могут изменять аватарку и рамку, а также отслеживать «статус».

Справочник делится на основные категории ТН, например, материалы. Каждая категория содержит текстовую информацию в виде лекций.

В магазине игроки могут потратить валюту и купить для своего офиса что-то новое. Например, стул, монитор, рамки и так далее.

Рейтинг делится на 3 формата — по деньгам, престижу и завершенным сделкам. Эти показатели не влияют на игровой процесс и отвечают за соревновательную часть. Ведь все любят соревноваться)

Для удобства заказчика мы собрали кликабельный прототип, при помощи которого можно оценить функционал «Бизнес-симулятора».

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

Про интерактивную карту, сам игровой процесс и многое другое поговорим в следующем блоке.

2Дизайн игры, карты и чата

Достаточно сильно переработали главный экран, оптимизировав место. Теперь интерактивная карта находится справа, справочник в центре, а валюта и рейтинг сверху. Также задизайнили 4 варианта рабочего места от самого скромного до «легендарного»:

Сделали обучение по канонам любых игр. В начале игрока приветствует гид, который рассказывает о том, как играть в «Бизнес-симулятор». 

Теперь перейдем к главнейшей части — интерактивной карте и заданиям.

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

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

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

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

Весь чат интерактивен. Например, если заказчик отправляет аудио-сообщение, игрок может прослушать его. Та же ситуация с фото- и видео-материалами:

Общаться с заказчиком можно при помощи заранее прописанных вариантов ответа. Однако, стоит понимать, что «Бизнес-симулятор» похож на визуальные новеллы. А значит, что вы можете выбрать не тот вариант, из-за чего потеряете деньги и рейтинг. К каждому ответу стоит подходить ответственно и не отвечать лишь для того, чтобы ответить)

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

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

3Дизайн второстепенного функционала

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

В рейтинге добавили медали за первые три места, а также начали показывать позицию игрока:

В истории сделок и наградах добавили отслеживание времени по выигранным проектам:

В профиле оставили только личную информацию и аватарку. Статус перенесли в другое меню:

Справочник не подвергся изменениям:

Сильно переработали магазин с его системой сортировки:

А также отрисовали более 40 наград в 3D и 15+ аватарок в 2D:

4Дизайн сайта и рассылки для менеджеров

А еще отрисовали отдельный сайт по «ТЕХНОМАТРИЦЕ», который знакомит пользователей с игрой)

Отрисовали 4 варианта рассылки для менеджеров ТН, которым предлагали попробовать «Бизнес-симулятор» первым.

Результат

В результате разработали сложный интерфейс для системы обучения сотрудников ТН и реализовали систему удержания и мотивации сотрудников. На сегодняшний день работа над проектом не заканчивается и мы помогаем ТН развивать «Бизнес-симулятор».

https://academy.tn.ru/tnmatrix/profile/deals

Стек технологий


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

UXART с удовольствием обсудит вашу задачу

Оставить заявку