Мини-сервис для мессенджера

Гипотезы:

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

UX-аудит приложения «Пачка»:

Цель: выявить какие «болячки» появятся у меня как у пользователя и что будет мотивировать вернуться. Заказчик считает, что создание мини-сервиса повысит эффективность командной работы и улучшит общую атмосферу в компании. А я хочу изучить приложение и понять, а можно ли сделать небольшие интеграции внутри приложения, без существенных затрат на разработку дополнительного сервиса.

Первое взаимодействие.

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

Боль: Нет онбординга

Добавление участников:

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

Поддержка оказалась спрятана в профиле. Лучше бы её вынести куда-то на видное место, чтобы быстрее и проще решить мою задачу.

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

Боль: Поддержка спрятана в профиле.

После добавления участника появляется уведомление. Даёт мне понимание о том, что действие выполнено успешно.

Мотивация: программа отзывчива к моим действиям и заботится обо мне.

Карточка профиля.

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

Боль: хотелось бы иметь возможность и совершать аудио и видео звонки сразу из карточки

Планирование.

Есть вкладка, которая позволяет планировать.

Мотивация: могу договорится о событие в чате и тут же поставить напоминание участнику в слот который согласовали. Боль: в чате не определяются числа и даты. Нет предложения добавить событие на дату.

Например, после слов «Алексей давай встретимся в 11:00 23 марта». Было бы здорово, если мне сразу предложат это занести в календарь. Даты и числа должны стать некой ссылкой. Это забота, когда ПО предсказывает хотелки пользователя.

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

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

Этого не происходит.

Боль: запутанная логика.

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

Конкурентный анализ

Цель: посмотреть пользовательские сценарии, отметить удобные фичи.

Slack. Первое взаимодействие.

Вовлекающий онбординг — знакомство с продуктом через действия. Цель такого онбординга — сформировать привязанность к продукту. Настроил под себя и лень уходить

Мотивация: ПО мной интересуются

Добавление участников.

После добавления участника появляется уведомление о совершенном действие.

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

Tada.Team.

Первое взаимодействие.

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

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

Забота о пользователе — кнопка поддержки расположена на видном месте. Есть возможность написать сообщение и предложить улучшения по функицональности. Все предложения систематизированы и разбиты по тегам.

Сегменты

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

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

Job stories

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

Глубинное интервью

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

2 небольших беседы с целевой аудиторией. Все респонденты отмечают, что самое главное для них быстрая коммуникация и понятный интерфейс. Любые фичи не имеют значения, если ПО неудобное. Если появляется вопрос и не знают кому его адресовать, сначала пишут коллегам с которыми на контакте и спрашивают у них к кому обратиться.

Респондент №1. Анна, 34 года, Ярославль, Медицинский представитель, Tada.Teams. Сотрудников от 1000 до 5000

Респондент №2. Елена, 27 лет, Иваново, Руководитель отдела внедрения Битрикс24, Битрикс24. Сотрудников 45-50

Количественный опрос

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

На основе сбора данных об аудитории на этапе сегментации и описание job stories сформировала список вопросов.

Инсайты и выводы

В ходе проведенных исследований были сделаны следующие выводы:

- основная потребность в удобной и быстрой коммуникации

- дополнительные функции будут уместны, если основная потребность будет закрыта

- ищут решение своего вопроса через коллег, с которыми уже знакомы

- пользователи используют оргструктуру, чтобы закрывать некоторые потребности, например, в обращение к руководителю определенного отдела

- пользователям не хватает гибких настроек поиска

- пользователи редко просматривают карточки профиля коллег

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

User flow

Данное юзер флоу не учитывает все сценарии. Флоу для руководителя.

Wireframes

Мудборд

Дизайн интеграции мини-сервиса

Баннер при первом открытие пачки после разработки мини-сервиса.

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

Дизайн экрана с обзором структуры компании

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

Когда курсор находится в рабочей области (холст в точечку) пользователь может пользоваться привычными способами управления на мыши: скролить для зума или перемещаться с зажатой ЛКМ.

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

Для удобства эти функции продублированы кнопками в левой части рабочей области.

Структура компании представляет собой «дерево». Важным преумеществом является цветовое кодирование разных подразделений.

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

Карточка сотрудника во вкладке «структура компании» имеет характеристики:

- Аватар;

- Статус;

- Имя и фамилию;

- Должность;

- Краткое описание зоны ответственности.

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

Дизайн экрана со списком сотрудников

Вкладка с контактами имеет аналогичные возможности по сортировке с вкладкой «структура компании».

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

Карточка сотрудника имеет:
- Аватар;
- Статус;
- Указание отдела с цветовым кодированием;
- Имя и фамилию;
- Должность;
- Краткое описание зоны ответсвенности;
- Номер телефона;
- E-mail;
- Открыть профиль;
- Пригласить в группу или беседу;
- Позвонить, предпочитаемым видом связи; (при нажатие на кнопку появится окошко с выбором вида связи)
- Написать сообщение;

Создание подразделений и настройка доступна администраторам

Дизайн открытой карточки сотрудника

В карточке сотрудника есть пагинатор по вкладкам: профиль, планирование, беседы и каналы, новости.

Вкладка «Профиль»

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

Контактная информация включает в себя: имя, отчество, фамилию, дату рождения, мобильный телефон, e-mail.

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

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

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

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

Новости могут быть разного профессионального характера.

Например: Привет, народ, были с @Aleksey_Morozov на дизайн-выходных, ловите фоточки с мероприятия. Пишите кому интересно, расскажем много классных инсайтов.

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

Планирование

Вкладка «Планирование». Во вкладке планирование пользователь может посмотреть планы и занятость коллеги по дням, месяцам, году. Добавить своё напоминание/задачу в свободный слот. В скрытом меню у карточки с событием спрятана редко используемае функции — поделиться. Это может понадобиться для обсуждения какого-то события.

Вкладка «Беседы и каналы». Во вкладке беседы и каналы отражены все беседы и каналы, в которых состоит пользователь.

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

Мессенджер «Пачка» относится к SaaS b2b продукту и использует модель подписки совмещая с моделью freemium для улучшения виральности и распространения через сарафанное радио. Ключевая метрика таких продуктов number of messages,поэтому мы будем смотреть на эту метрику после внедрения сервиса.

Компоненты и варианты на часто используемых элементах