Сингапур
1200 пользователей
MyTown
Корпоративная социальная сеть
Полноценная корпоративная социальная сеть, призванная объединить коллег в период карантина.
Задача
В компании работает 1800 человек.
Задача состояла в том, чтобы улучшить коммуникацию между работниками.
Дать им возможность делиться своими мыслями с коллегами, выразить себя, обсудить интересные темы и поделиться опытом.
Для реализации этой задачи была создана команда, состоящая из разработчиков, руководителя команды и двух UX UI дизайнеров, включая меня.
В компании уже существовал корпоративный портал, на котором публиковались новости компании. Но его модерировали специальные сотрудники, он был неудобен, и пользовались им лишь несколько человек. Мы начали изучать опыт других компаний с большим количеством сотрудников.
Гипотеза
Текущий внутренний сайт, выполняющий роль блога, не очень популярен среди сотрудников, так как были проблемы с обновлением информации и навигацией. Все общаются и получают новостные анонсы в Slack. Чтобы прочитать новости полностью, нужно перейти по внешней ссылке из Slack на текущий блог WordPress.
Атрибуты социальной сети помогут команде сплотиться еще больше, а геймификация сможет придать членам компании больше мотивации и интереса к работе + внутренняя CRM оптимизирует работу модераторов.
Нам нужен инструмент, который позволит им:
- Следить за актуальными темами в компании.
- Даст новый инструмент общения.
- Сделает нужную информацию быстрой и доступной.
- В будущем расширить возможности сервиса для компании.
Для того чтобы подтвердить или опровергнуть нашу гипотезу, мы провели исследование, ориентированное на достижение цели: Интервью с сотрудниками.
Персоны
Изучение популярных социальных сетей
Для того чтобы начать разработку, мне нужно было понять, какие функции в социальных сетях наиболее важны.
Чтобы начать разработку и быстро создать MVP, я объединил информацию, собранную во время общения с коллегами и изучения функций социальных сетей.
Основные сценарии
Дизайн-система
Дизайн-система был выполнен в Figma. Все компоненты, стили и шрифты были установлены в библиотеку. Благодаря этому все элементы дизайн-системы могут быть использованы в других файлах.
Также дизайн-система была создана в виде удобного для разработчиков гайда.
Дизайн всех страниц и взаимодействий.
Я пропустил этап Wireframes в портфолио, так как там нет ничего интересного. Кроме того, я не тратил много времени на wireframes.
Дизайн адаптивной WEB-версии
Кроме того, я создал каждую страницу в нескольких размерах для разных экранов. Благодаря возможностям AutoLayout создавать отзывчивые версии очень удобно.
Юзабилити тестирование
Для того чтобы понять, насколько удобен и понятен созданный мной интерфейс для пользователей. Я провел юзабилити-тест User Study.
Каждому участнику давалось задание, например: "Создать группу на портале". Пользователь должен был выполнить это действие, пока я нахожусь рядом. Я наблюдал, с какими трудностями сталкиваются пользователи.
Система мотивации сотрудников
Мы разработали систему, в которой сотрудники могут получать "монеты" за определенные заслуги, как личные, так и перед компанией.
Полученные монеты сотрудники могут тратить на заказ и покупку различных товаров в компании.
Вот список "достижений", за которые сотрудник может получить "монеты"
Мобильная веб-версия.
Чтобы пользователям было удобно пользоваться сайтом с мобильных устройств, я создал специальную мобильную версию с нуля.
Она не просто адаптивная. Здесь учтены все рекомендации, а интерфейс полностью переделан для управления одной рукой.
iOS версия
После создания мобильной веб-версии поступил запрос на создание нативного мобильного приложения для iOS.
Дизайн соответствует всем рекомендациям Human Interface Guidelines.
Версия Android Material Design
Конечно, помимо версии для ios, я создал дизайн для Android.