В мае «Битрикс24» представил новый интерфейс — «Зефир». Название отражает его главные особенности: визуальную легкость, воздушность, удобство и простоту.
Арт-директор «Битрикс24» Роман Горшков рассказывает, как команда работала с аналитикой и проработкой многочисленных пользовательских сценариев и почему в будущем пользовательские интерфейсы станут ИИ-помощниками.
Зачем дизайнеру «Битрикс24»
«Битрикс24» — комплексная платформа для совместной работы и управления бизнесом. Она включает в себя CRM-систему, таск-менеджер, корпоративный чат, видеозвонки, облачное хранилище, онлайн-документы и другие инструменты, которые упрощают и автоматизируют процессы.
Другими словами, это рабочая среда, где сотрудники могут ставить задачи и контролировать их выполнение, обмениваться файлами, вести клиентскую базу, проводить встречи, собирать аналитику.
Дизайнеры используют «Битрикс24» для командной работы — ведения проектов по канбану. Это альтернатива классическим таск-трекерам, но с расширенными возможностями: календарем, напоминаниями и лентой новостей. Система позволяет разграничивать права участников и подключать внешних исполнителей, открывая им доступ только к нужным разделам.
Почему все же понадобился редизайн
С момента появления интерфейс развивался органически — без радикальных изменений, но с постоянным добавлением новых функций. Платформа оставалась насыщенной и соответствовала растущим ожиданиям пользователей. Появились десятки модулей — от чатов до ИИ-ассистентов.
Предыдущий интерфейс породил множество продуктовых решений, ставших стандартом в индустрии корпоративного софта — от модульной структуры карточки CRM до концепции потоков, показывающих загрузку отделов. Это было поле для экспериментов, где возникали жизнеспособные решения, которые востребованы и сегодня.
Но со временем мы заметили, что визуальная логика больше не успевает за функциональной. Внедрение новых инструментов сделало интерфейс сложным и перегруженным. Были случаи, когда новые пользователи заходили в систему и не сразу понимали, с чего начать работу.
Здесь интерфейс можно сравнить со шкафом, в который годами складывали вещи, пока однажды они перестали в него помещаться.
Вторая важная задача — заранее подготовить платформу к интеграции искусственного интеллекта. В ближайшие годы технологию кардинально изменит привычное взаимодействие с интерфейсом.
Кнопки и клики уступят место голосу, диалогам и сценариям, в которых ИИ помогает выполнять задачи и принимать решения. Чтобы это реализовать, интерфейс должен быть максимально чистым, легким и отзывчивым.
Принципы проектирования и разработки нового интерфейса
Мессенджер — в центре рабочих процессов. Главная продуктовая гипотеза заключалась в том, что в центре любой совместной работы находится коммуникация. Рабочий день команды начинают в чатах, задачи обсуждают в них же. Мессенджеры — самый популярный, интуитивно понятный и привычный для всех способ взаимодействия.
Поэтому мы сделали мессенджер стартовой страницей платформы и построили интерфейс вокруг него. Теперь это отправная точка для всех процессов: при входе в «Битрикс24» пользователь попадает в чаты и может сразу перейти к общению с коллегами. Это позволяет быстро включиться в текущие задачи.
Бесшовное взаимодействие. Из календаря можно сразу начать видеозвонок, во время звонка — открыть чат и создать задачу, а в документе — тут же оставить комментарии. Из задачи — назначить встречу для всех участников или быстро связаться с ними. И никаких дополнительных приложений устанавливать не нужно.
Упрощение и освобождение пространства. Мы расчистили интерфейс и убрали все лишнее с экрана. Верхнее меню стало компактным и сохранило привычную логику: остались только основные инструменты, с которыми сотрудники работают каждый день. Навигацию тоже упростили, вместо пяти уровней — два. А CRM теперь представлена в виде карточек с настраиваемыми полями, где на виду только самое важное, а все остальное можно скрыть или адаптировать под нужды команды.
Новые визуальные эффекты. В новом интерфейсе активно используются размытия (блюр), анимация и полупрозрачные слои. Благодаря блюру на элементах управления рабочая область становится заметнее, а кнопки и текст читаются на сложных фонах с пестрыми иллюстрациями. Даже если пользователь решит поставить на фон изображение космоса или цветущих полей, ни один нужный активный элемент не потеряется.
Такое визуальное решение соответствует дизайн-трендам, которые задали крупные технологические компании. Самый яркий пример — Apple с их знаменитым боке. Обычно для таких эффектов требуются мощные устройства. Мы же смогли сделать так, чтобы блюр плавно работал даже на не самых производительных девайсах.
Анимация делает акценты, связанные с системными операциями: сигнализирует об ошибке, сообщает о загрузке и новых элементах, подсвечивает важные поля.
Максимальная кастомизация. Мы выяснили, что есть запрос на «душевный» интерфейс, который можно настроить под себя, чтобы он стал по-настоящему своим. Поэтому предусмотрели много возможностей кастомизации.
Главную страницу можно оформить в корпоративном стиле: выбрать цветовую гамму, загрузить изображения, добавить название или логотип компании. Также можно персонализировать пункты меню, оставив только самые нужные. А сотрудники могут изменить фон и настроить панель инструментов так, как им будет удобно.
Сохранение привычных сценариев. Редизайн задумывался как плавный переход пользователей к новым возможностям — без резких изменений и ломки устоявшихся механизмов. Мы не могли просто взять и перекроить платформу в одночасье.
«Битрикс24» — это масштабная многоуровневая система, которая давно на рынке и успела обзавестись сложной архитектурой, обширным функционалом и базой пользовательских сценариев. Интерфейс платформы не относится к «эпизодическим», в который заходят от случая к случаю. Напротив, это рабочее пространство, где проводят весь день. Пользователи буквально живут в нем и почти не закрывают.
Поэтому мы сохранили 80% привычной структуры. Задачи, сделки, карточки — все на месте. Интерфейс стал легче и технологичнее, но базовые принципы, на которых строится ежедневная работа, остались прежними.
Интерфейс как полноценный ИИ-помощник
В будущем пользовательские интерфейсы станут ИИ-помощниками. В «Зефире» мы заложили фундамент, на котором будет построено взаимодействие человека и нейросетей. В новой версии сервиса уже появились несколько функций, в которых искусственный интеллект создает саммари звонков, автоматически заполняет CRM, оценивает коммуникацию и предлагает, как можно переформулировать некоторые фразы, снизить эмоциональность или уточнить смысл, а также ищет в базе потенциально заинтересованных клиентов и автоматически формирует сделки с персонализированными предложениями.
Как был построен процесс работы над новым интерфейсом
«Зефир» — это результат плотного взаимодействия продуктовой команды, проектировщиков пользовательского взаимодействия и разработчиков.
Сначала проектировщики и продуктовые менеджеры разработали концепцию нового интерфейса, которая прошла через множество обсуждений и согласований на уровне руководства.
Чтобы точно понимать потребности пользователей, мы регулярно работаем с обратной связью: изучаем тикеты из службы поддержки и проводим внутренние коридорные тесты — быстрые опросы среди сотрудников, которые помогают выявлять слабые места интерфейса.
Наиболее ценный фидбэк приходит от партнеров, которые занимаются интеграцией и настройкой «Битрикс24» в работе компаний. Фактически коммуникация с ними позволяет проводить постоянной CustDev и оперативно реагировать на замечания и пожелания.
Например, исходя из обратной связи, мы вернули панель чатов, которая всегда остается справа. Это было одно из популярных пожеланий пользователей, и, проанализировав сценарии взаимодействия с панелью, мы убедились в необходимости такого решения.
После стартовала техническая реализация с разработчиками, которые подбирали подходящие решения и адаптировали дизайн под архитектуру «Битрикс24» с учетом ограничений, пользовательских сценариев и накопленных данных.
Мы двигались поэтапно — от прототипов до полной интеграции в систему. Некоторые сложные функции мы сознательно переносили на следующий релиз, чтобы избежать перегрузки и сохранить стабильную работу платформы.
Кроме того, разработчики вложили немало времени в техническую оптимизацию. Интерфейс содержит много визуальных эффектов, и мы до сих пор дорабатываем его, чтобы «красота» корректно отображалась на всех устройствах.
Прежде чем выпустить новый интерфейс в продакшен, мы протестировали его внутри компании, а в «Битрикс24» работают почти 800 сотрудников. Кстати, «Битрикс24» сам пользуется «Битрикс24», поэтому мы — те самые «сапожники с сапогами».
Мы собрали обратную связь от всех департаментов — она касалась как визуальной части, так и технических аспектов с юзабилити. На основе этих комментариев внесли доработки и перевели платформу на новый интерфейс, сделав его доступным для пользователей.
Фундамент для дальнейшего развития
«Зефир» — это одновременно самостоятельное решение и фундамент для дальнейшего развития платформы, на котором будут строиться будущие более продвинутые версии.
Нам удалось глобально переосмыслить пользовательский опыт, сохранив при этом функциональную глубину и привычные сценарии. Интерфейс стал легче, чище и понятнее, но не потерял своей сути. Мы планируем продолжить постепенно упрощать интерфейс и добавлять новые визуальные эффекты. А еще расширять возможности кастомизации под разные бизнес-сценарии и роли пользователей.
Особое внимание будет уделено интеграции ИИ-агентов, которые смогут воспринимать голосовые команды и управлять задачами без необходимости открытия карточек и меню.
Редизайн «Битрикс24» — это не революция, а эволюция. Он не ломает привычную логику работы, а аккуратно ведет пользователей вперед: от сложной системы к легкому, понятному, удобному и по-настоящему современному инструменту для работы.
