МТС Пульс
Проблема
Когда-то давно четыре народа жили в мире...
Внутренние продукты (более40) жили обособленно друг от друга и разрабатывались практически полностью автономно, частично (а иногда и полностью) дублируя функциональность друг друга, не наследуя цифровой опыт и паттерны взаимодействия.
Основная задача команды МТС Пульс
Перевести основные продукты на единую дизайн-систему, логично сгруппировать и объединить продукты сквозной навигацией, предоставить пользователям возможность быстро решать рабочие вопросы без лишнего погружения. Расширить функциональность платформы, реализовав решения на микро-сервисах и радикально оттолкнуться от предыдущего дизайна. Предоставить продуктам понятный способ встроиться в платформу с минимальной «кровопотерей».
Решение
В новой версии платформа предоставляет пользователю возможность настроить свое рабочее пространства добавляя и удаляя нужные виджеты. Для команд, разрабатывающих продукты и виджеты были предоставлены гайдланы и спецификации, а также различные варианты интеграции.
Так же были переработаны внутренние разделы и созданы гайды по навигации и способах представления контента встроенного продукта так, чтобы унифицировать пользовательский опыт.
Когда-то давно четыре народа жили в мире...
Внутренние продукты (более40) жили обособленно друг от друга и разрабатывались практически полностью автономно, частично (а иногда и полностью) дублируя функциональность друг друга, не наследуя цифровой опыт и паттерны взаимодействия.
Основная задача команды МТС Пульс
Перевести основные продукты на единую дизайн-систему, логично сгруппировать и объединить продукты сквозной навигацией, предоставить пользователям возможность быстро решать рабочие вопросы без лишнего погружения. Расширить функциональность платформы, реализовав решения на микро-сервисах и радикально оттолкнуться от предыдущего дизайна. Предоставить продуктам понятный способ встроиться в платформу с минимальной «кровопотерей».
Решение
В новой версии платформа предоставляет пользователю возможность настроить свое рабочее пространства добавляя и удаляя нужные виджеты. Для команд, разрабатывающих продукты и виджеты были предоставлены гайдланы и спецификации, а также различные варианты интеграции.
Так же были переработаны внутренние разделы и созданы гайды по навигации и способах представления контента встроенного продукта так, чтобы унифицировать пользовательский опыт.
Дизайнеры
Людмила Крутикова, чуть позже присоединилась Яна Малякина
Фронт задач
Релиз
Бета на ограниченный круг — конец октября 2023
на всех сотрудников — январь 2024
Людмила Крутикова, чуть позже присоединилась Яна Малякина
Фронт задач
- Скелет платформы — сетка, размеры, навигация, основные механики, встраивание продуктов,
- Базовые интерфейсы — профиль, настройки, отпуска, календарь событий, новости, уведомления, избранное
- Базовый гайдлайн — что нужно знать другим продуктам, которые планируют встроиться в платформу
Релиз
Бета на ограниченный круг — конец октября 2023
на всех сотрудников — январь 2024
Исследования
Еще до моего прихода исследования, как и первые концепты были заказаны у продуктовой лаборатории Mish. Это здорово сэкономило нам время и мы смогли перейти сразу к следующему этапу — проверке и отбраковке концептов внутри команды, с учетом конечных технических ограничений и пользовательского отклика.
Сетка
После того как мы согласовали концепт главной страницы пользователя мы приступили в упаковыванию этого концепта в технические детали, которые нужны были разработке и тем продуктам, которые были в первой очереди интеграции в платформу. Самой важной частью была сетка — но не столько сетка в смысле колонок, сколько контентная область и то как именно она будет вести себя на разного размера экранах, в разных продуктах с разным контентом, а главное сколько в итоге будет размеров виджетов.
Мы остановились на 2 фиксированных размерах — экран 1280 и экран 1440. При дальнейшем увеличении ширины окна контентная область остается шириной 1440 пикселей и центрируется.
Мы остановились на 2 фиксированных размерах — экран 1280 и экран 1440. При дальнейшем увеличении ширины окна контентная область остается шириной 1440 пикселей и центрируется.
Для упрощения интеграции сразу описали в гайдах возможные лейауты внутренних страниц — эта информация нужна как раз внутренним продуктам, чтобы понимать как им подогнать свои интерфейсы к платформе
Чтобы виджеты не стали бесполезными я так же взялась за две дополнительные инициативы - описать "философию" виджетов и подумать, как не допустить инфляции их ценности.
Суть концепта заключалась в рабочих пространствах — несколько, вместо одного. Одно главное, "прибитое гвоздями", с виджетами которые нельзя удалить. И остальные (ограниченное число) разбитые по смыслу уже самим пользоваетелем
Мы взялить за внутренние интерфейсы, чтобы скорее перейти к виджетам, которые должны заполнить главную. Когда стали появляться первые разделы и виджеты потребовалось понять как именно будет выстроено взаимодействие пользователя с виджетами
Механика добавления виджетов
Механика перетаскивания виджетов
Так же нужно было продумать навигацию, которую легко масштабировать и не слишком больно будет в случае чего переделать — если добавится еще 40 продуктов, например :)
Ну и разумеется сделать несколько внутренних разделов — один из самых (неожиданно) нагруженных раздел План отпусков.
Про это следует рассказать как про отдельную задачу, поэтому ниже будет просто пара скринов общего вида:)
Про это следует рассказать как про отдельную задачу, поэтому ниже будет просто пара скринов общего вида:)
План отпусков вид сотрудника
План отпусков вид руководителя
Ну и конечно общий план главной страницы пользователя — в самой ранней версии были только эти виджеты, позднее этот состав, разумеется, был дополнен, однако визуальный концепт более не менялся
