Интерфейс IT-продукта — это не кнопки, а среда для «жизни»: как Битрикс24 меняет дизайн и мышление

В весеннем релизе «Невесомость» Битрикс24 представил новый дизайн интерфейса — «Зефир». Интерфейс стал мягче, легче, человечнее. Но за этой эстетикой стоит глубокая работа: с архитектурой, привычками и будущими сценариями взаимодействия. Мы поговорили с арт-директором Битрикс24 Романом Горшковым — о трендах в интерфейсах, сложностях редизайна и том, почему всё это не про моду, а про смысл.

Интерфейс IT-продукта — это не кнопки, а среда для «жизни»: как Битрикс24 меняет дизайн и мышление
Роман Горшков
Арт-директор Битрикс24

▶ Блок 1. Про тренды в дизайне интерфейсов IT-продуктов

Раньше интерфейсы «обслуживали» информацию. Сейчас — человеческие отношения: они стали больше отражать взаимодействие между людьми и эмоции. Обсуждаем, куда движется цифровой дизайн и какие смыслы скрываются за визуальными решениями.

Какие тренды сегодня определяют будущее интерфейсов?

— Визуальные тренды, вроде 3D-иконок или плоского минимализма, — это всегда только верхний слой. Самое важное происходит внутри: мир интерфейсов сменил фокус с хранения и обработки данных на взаимодействие людей.

Ещё недавно мы всё внимание уделяли тому, где что хранить, как сохранить, как отфильтровать. Сейчас цифровые среды становятся живыми: в них работают не узкие специалисты, а обычные люди, они объединяются в команды, ставят задачи друг другу. И теперь на первом месте — комфорт взаимодействия.

Тренд на автоматическую обработку данных и роль ИИ тоже здесь. Если раньше нужно было самостоятельно проходить путь от данных к действию, то сейчас мы обращаемся к ИИ: «Собери чек-лист», «Помоги с приоритетами». А скоро ты просто скажешь нашему AI-ассистенту Марте: «Поставь задачу Васе» — и всё. И это не просто красивая фича — это новая логика взаимодействия.

Вот почему Битрикс24 сегодня выглядит по-другому. Мы должны были переделать его под эту логику — с упором на коммуникацию, удобство, простоту первого опыта.

Почему коммуникация становится центром интерфейсов?

— Битрикс24 превращает интерфейс в пространство для диалога. Мессенджер — больше не дополнение, а ядро. Всё выстраивается вокруг общения, а не хранения данных.

Это огромный сдвиг. Потому что раньше ядром был список задач, CRM или таблица. Теперь ядро — это коммуникация. Мы всё проектируем вокруг неё. Даже интерфейс календаря, задач или CRM мы строим так, чтобы можно было обсуждать, договариваться, принимать решения прямо внутри сценария.

В этом смысле Битрикс24 — это не просто система учёта, а среда, где люди общаются. И даже если ты заходишь туда один, ты всё равно как будто не один: тебе помогает ИИ, у тебя есть чат с коллегами, у тебя есть уведомления от команды. Это среда диалога, а не интерфейс ради интерфейса.

Мессенджер в новом Битрикс24 Зефир
Мессенджер в новом Битрикс24 Зефир

Возвращается ли скевоморфизм — и зачем?

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

Если посмотреть на тренды, то мы правда видим, как скевоморфизм возвращается. Но это уже не тот скевоморфизм, который создавал тяжесть, когда весь интерфейс был стеклянным или похожим на реальные материалы. Сейчас я бы назвал этот тренд «скевоморфизм уместный», «скевоморфизм разумный», «скевоморфизм sapiens», который работает на понятность и «приятность», но при этом не делает интерфейс тяжёлым. Интерфейс теперь лёгкий, но важные моменты похожи на что-то реальное и это делает их понятными. Это про тактильность, про ощущение, что интерфейс тебе близок.

Люди устали от стерильности. Долгое время всё было плоским, белым, обезличенным. Сейчас хочется эмоций. Хочется, чтобы интерфейс как будто говорил с тобой на одном языке. Это не значит, что всё должно стать «ламповым». Но тёплая текстура, мягкие тени, чуть более живые иконки — всё это работает на вовлечение.

Что общего у хорошего интерфейса и видеоигр?

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

Как геймдев работает с вниманием пользователя? В играх всё заточено на то, чтобы в нужный момент показать нужную кнопку, подсветить путь, дать понятный ориентир. Хорошая игра не требует инструкции — ты сразу интуитивно понимаешь, что делать. Интерфейс должен работать так же.

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

В Битрикс24 мы всё больше начинаем думать в этих терминах: как подать информацию так, чтобы она была не просто видна, а понята. Как выстроить ритм, как давать акценты, как формировать привычку. Это уже не про UI в классическом смысле. Это про сценарий, про движение, про смысл.

Чем отличается подход к вебу и мобилке в дизайне?

— В мобилке человек выхватывает глазами весь экран целиком. Это как обложка журнала — всё внимание сосредоточено в одной точке. На вебе — наоборот: пользователь сканирует глазами, перемещается, просматривает сразу несколько блоков на одном экране в разные моменты времени. Это два разных паттерна восприятия.

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

Звонки в мобильной и веб-версии Битрикс24
Звонки в мобильной и веб-версии Битрикс24

Насколько сложно сделать лёгкий интерфейс для B2B-продукта?

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

У Битрикс24 очень разная и очень большая аудитория. Компании из разных индустрий, с разными историческими бизнес-процессами, привычками и ожиданиями. Госкорпорации, банки, медцентры, школы, юридические бюро — и у всех свои нюансы.

Роман Горшков

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

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

Создать лёгкий, универсальный интерфейс — это огромный вызов. Мы даже иногда шутим: нам нужны не просто UX-дизайнеры, а «проектировщики интерфейсов Битрикс24». Потому что нужно не просто рисовать кнопки, а чувствовать весь контекст. И для этого нужен не один год в продукте.

▶ Блок 2. Про новый дизайн Битрикс24 и его будущее

Редизайн Битрикс24 — это не просто «освежить цвета». Это работа с привычками миллионов пользователей, с огромной архитектурой и с философией продукта. Роман рассказывает, как это было и что впереди.

Как вы поняли, что пора менять интерфейс Битрикс24?

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

Был и ещё нюанс, который мы выявили. Люди заходили в Битрикс24 и не сразу разбирались, с чего начать работу. Им было сложновато. С каждым обновлением появлялось много новых точек взаимодействия — заходишь и глаза разбегаются. И мы поняли: интерфейс не отражает сути продукта. Он больше говорит о прошлом, чем о настоящем и, тем более, будущем.

Мы не просто решили «покрасить по-новому». Мы решили пересобрать ощущение от продукта. Чтобы он говорил: «Я не сложный, я инструмент, с которым приятно работать». Это и было отправной точкой.

Что оказалось самым сложным при редизайне Битрикс24?

— Самое сложное — это не дизайн. Это привычки. Мы не могли просто взять и поменять интерфейс у миллионов людей за секунду. Всё, что казалось простым, на деле было завязано на сложную архитектуру и огромную базу пользовательского поведения.

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

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

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

CRM в Битрикс24
CRM в Битрикс24

Расскажи подробнее, почему на редизайн понадобились годы?

— Потому что Битрикс24 — это не доставка еды. Это интерфейс, в котором «живут». Чтобы его менять, нужно знать систему изнутри. Если ты не знаешь систему изнутри, ты будешь предлагать решения, которые красиво выглядят, но не работают.

Я пришёл в Битрикс24 и не сразу занялся редизайном. Сначала я наблюдал. Годами. Смотрел, как люди работают, что их бесит, что они игнорируют, на чём тормозят. Это всё незаметно, пока ты не в продукте.

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

Поэтому и ушли годы. Потому что мы не красили кнопки. Мы трогали фундамент.

Как вы собираете обратную связь от пользователей?

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

У нас есть фокус-группы, внутренние и внешние, партнёрская сеть, от которой приходит много фидбека. Мы тестируем разные интерфейсные гипотезы, смотрим, как люди реагируют на них. Иногда достаточно одного маленького изменения — и ты сразу видишь: пользователи начинают вести себя иначе.

Например, мы поставили кнопку «Пригласить коллег» в более заметное место — и она стала работать в разы лучше. А до этого люди её просто не замечали. Хотя она была. Просто не в том контексте.

Или, наоборот, мы убираем что-то, думаем: «Да это же не важно». А потом выясняется, что какой-то процент людей этим пользуется, да ещё и каким-то особенным образом. Вот такие вещи нас отрезвляют.

Ещё важен живой фидбек: мы постоянно читаем комментарии, сообщения в чате поддержки, отзывы от партнёров. Иногда это больно, но полезно. Потому что продукт нельзя делать в вакууме. Он живой, и его нужно чувствовать.

Структура компании в Битрикс24
Структура компании в Битрикс24

Какие неожиданные сценарии использования вы узнали от пользователей?

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

Например, overlay. Мы думали, что если поверх экрана появляется модальное окно, то всё внимание туда. Раньше подложка под ним была полупрозрачной, и пользователи могли краем глаза видеть, что происходит на фоне. Потом мы сделали её размытой — и поняли, что даже это мешает некоторым пользователям. Люди хотят видеть, что под окном: кто-то ставит задачу и смотрит на контекст, кто-то читает сообщение, не теряя из виду список дел. Нам пришлось пересобрать логику для новых важных сценариев в CRM и задачах.

Эти кейсы научили нас быть осторожнее. Даже если что-то кажется неважным — это не значит, что оно не нужно. Люди используют интерфейс так, как им удобно. И мы должны это уважать.

Почему важно упростить первый опыт в Битрикс24?

— Первое впечатление решает всё. Мы видим, что если пользователь не разберётся в первые 10 минут, он, скорее всего, больше не вернётся. Поэтому важно, чтобы интерфейс говорил с ним простым языком, не перегружал, не пугал.

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

Коллабы в Мессенджере Битрикс24
Коллабы в Мессенджере Битрикс24

Как вы всё-таки балансируете между привычками и трендами?

— Старым пользователям важно не потерять ориентиры. Новым — зайти без стресса. Команда ищет этот баланс.

Это сложно. Потому что одно и то же изменение для одних — свежесть, а для других — изменение привычки. Нам приходится смотреть в обе стороны: вперёд, чтобы не устареть, и назад, чтобы не потерять тех, кто с нами давно.

Мы стараемся сохранять точки опоры. Даже если меняем визуальную часть, основные сценарии остаются узнаваемыми. Пользователь должен чувствовать: «О, я знаю, как с этим работать». Это снижает тревожность.

Мы называем этот подход «эволюция без боли». Не революция — а постепенное движение. С минимальным числом лишних шагов и повторов. С интерфейсом, в котором не нужно думать дважды, чтобы понять, где ты.

Планируете ли вы давать пользователям возможности для большей кастомизации?

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

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

В новой архитектуре это уже заложено. Например, возможность менять расположение блоков, скрывать ненужное, делать акценты на своём. Это требует глубокой проработки, но мы идём к этому.

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

Главное — сделать это гибко, но безопасно. Чтобы пользователь не запутался в настройках, а получил ощущение: «Это мой рабочий стол. Мне удобно. Я сам так решил».

Настройки Битрикс24
Настройки Битрикс24

Что нового ждет пользователей в следующих релизах?

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

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

Мобильное приложение — отдельный трек. Мы хотим, чтобы это был полноценный самостоятельный инструмент, а не «облегчённая версия». Уже видно, как это меняет восприятие продукта.

При этом важно понимать: то, как выглядит Битрикс24 сейчас — это не финальный образ. Мы двигаемся поэтапно. Текущий интерфейс — это шаг в сторону большой концепции, которую мы разворачиваем постепенно. Впереди ещё много изменений, и главное — мы хотим, чтобы продукт стал по-настоящему живым, понятным и тёплым для человека.

Совершенно новая карточка задачи в Битрикс24
Совершенно новая карточка задачи в Битрикс24

Что бы ты сказал тем, кого пугают интерфейсные изменения?

— Я понимаю этот страх. Интерфейс — это инструмент, которым ты пользуешься каждый день. И когда его меняют, ты теряешь ощущение контроля. Но если не меняться, продукт стареет. А вместе с ним — и процессы, которые в нём живут.

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

Мы стараемся быть бережными. Менять не всё сразу, а поэтапно. Слушать, смотреть, адаптировать. Нам важно сохранить доверие — и дать ощущение: «Да, это новое, но мне удобно. Меня не выбросили из привычной среды».

Потому что это не про моду.

Это про будущее.

P.S. «Зефир» — это только начало

Редизайн — это не финал, а старт. Интерфейс «Зефир» — первый шаг к новому лицу Битрикс24, но точно не последний. Мы продолжим идти в этом направлении: упрощать, делать интерфейс чище, дружелюбнее, понятнее.

Роман Горшков

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

10
5 комментариев