Интерфейс для платформы виртуальных пространств

01

Клиент

Exhibility — студия по созданию виртуальных пространств для различных отраслей бизнеса.

02

Цель

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

03

Задачи

Подготовить карту пользовательских историй;

Разработать структуру личного кабинета и чата для разных ролей;

Разработать удобную навигацию внутри цифрового пространства;

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

На старте проекта проанализировали аналогичные сервисы и подготовили карту пользовательских историй. Она позволила выделить ценные функции с точки зрения пользователя и приоритизировать бэклог.

Мы тщательно прорабатывали каждый сценарий, чтобы найти наиболее эффективные решения исходя из потребностей пользователей и задач бизнеса.

160 + экранов

01

Принимать и обрабатывать заявки от спикеров на проведение мероприятий

01

02

Составлять общее расписание мероприятий

ЛК организатора

Организатор выставки может:

03

Просматривать и редактировать участников

04

Назначать роли

05

Отправлять приглашения

06

Создавать и редактировать тарифы

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

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

02

Менеджер выставки может:

ЛК менеджера

01

Общаться в онлайне с гостями стенда

02

Принимать заявки на оказание услуг или покупку товара

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

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

03

Участник выставки может:

ЛК участника

01

Удалять и добавлять менеджеров и спикеров

02

Распределять права среди добавленных ролей

03

Редактировать информацию на стенде

04

Вести каталог

05

Принимать заявки на услугу или покупку товара

06

Обмениваться виртуальными визитками с пользователями

Удобное редактирование локаций позволяет участникам не затрачивать много времени на настройку стенда.

В дашборде располагается полезная информация о стенде. Благодаря блоку «Эффективность сотрудников стенда», компания может отслеживать и повышать свои показатели. При этом, статистика стенда помогает компаниям узнавать больше информации о своих гостях.

04

Спикер выставки может:

ЛК Спикера

Наиболее важное — визитки, разместили в первом блоке. Добавили возможность оставлять комментарий, так пользователи смогут самостоятельно сортировать их.

01

Заполнять и подавать форму заявки на участие на мероприятии

02

Вести мероприятие

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

05

Гость выставки может:

ЛК гостя

01

Выбирать и покупать тариф

02

Коммуницировать с другими пользователями

03

Посещать и участвовать в мероприятиях выставки

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

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

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

Начнем с дизайна личных кабинетов.

Мы расставили цветовые акценты на важных для пользователя параметрах (зависит от роли на мероприятии).

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

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

Перейдем к чатам

Чат может быть открыт как на самом мероприятии, так и в личном кабинете.

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

Мы выделили два функциональных блока:
1. Само пространство чата;
2. Список людей, с которыми возможно начать общение.

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

Теперь рассмотрим чат в личном кабинете.

В верхнем правом углу разместили кнопку «Активные чаты» и добавили поиск пользователей. Благодаря этому пользователи сможет быстро перемещаться по чатам.

В процессе работы над проектом мы создали UI-kit. Он помогает придерживаться одной стилистики и одинаковых интерфейсных решений — это ускоряет работу разработчиков