Кейс длинный, лучше смотреть с ПК
Новая
дизайн-система 1С
дизайн-система 1С
Или как придумали заново интерфейс самого популярного фреймворка бизнес-автоматизации в РФ
2019–2025
На платформе 1С работают разные продукты для автоматизации бизнеса — от небольших учётных приложений до крупных ERP-систем на тысячи пользователей.
Я участвовал в создании нового интерфейса 1С на протяжении всего процесса, от первых исследований до проектирования отдельных компонентов и обработки обратной связи от пользователей после релиза.
Я участвовал в создании нового интерфейса 1С на протяжении всего процесса, от первых исследований до проектирования отдельных компонентов и обработки обратной связи от пользователей после релиза.
Анонс нового интерфейса партнёрам
Проблемы, с которыми работали
(1) Интерфейс 1С давно не менялся. Новые пользователи ругали его как «непонятный» и «устаревший». В то же время, давние опытные пользователи наоборот просили ничего сильно не трогать — привыкли, довольны.
(2) Возник запрос на b2c и b2e продукты на базе 1С — личные кабинеты, интернет-магазины, мобильные приложения, — но разработчикам не хватало возможностей платформы для качественной реализации.
(1) Интерфейс 1С давно не менялся. Новые пользователи ругали его как «непонятный» и «устаревший». В то же время, давние опытные пользователи наоборот просили ничего сильно не трогать — привыкли, довольны.
(2) Возник запрос на b2c и b2e продукты на базе 1С — личные кабинеты, интернет-магазины, мобильные приложения, — но разработчикам не хватало возможностей платформы для качественной реализации.
Команда
Дизайн-лид: Евгений Овчаренко
Дизайнеры: К. Афанасьев, С. Востриков,
Р. Гордеев (это я!), А. Карпов, М. Курбанов,
А. Ларионов, С. Нохрин, А. Рожновская,
И. Россолов, А. Поспелова и другие
Дизайн-лид: Евгений Овчаренко
Дизайнеры: К. Афанасьев, С. Востриков,
Р. Гордеев (это я!), А. Карпов, М. Курбанов,
А. Ларионов, С. Нохрин, А. Рожновская,
И. Россолов, А. Поспелова и другие
Анализ проекта
Проект сложный, вот и текста без картинок много 🤯
Ситуация
(1) Новые пользователи ругают текущий интерфейс 1С как «непонятный» и «устаревший». В то же время, старые пользователи довольны, привыкли, просят ничего менять.
(2) Есть запрос на b2c и b2e продукты на базе 1С — личные кабинеты, интернет-магазины, мобильные приложения, —
но разработчикам не хватает возможностей платформы.
(1) Новые пользователи ругают текущий интерфейс 1С как «непонятный» и «устаревший». В то же время, старые пользователи довольны, привыкли, просят ничего менять.
(2) Есть запрос на b2c и b2e продукты на базе 1С — личные кабинеты, интернет-магазины, мобильные приложения, —
но разработчикам не хватает возможностей платформы.
Задача
(1) Создать интерфейс, понятный и дружелюбный
для новых пользователей 1С, при этом не (очень сильно) поломав привычки старых опытных пользователей — найти равновесие между доступностью для новичков и производительностью для профессионалов.
(2) Создать технологию, расширяющую возможности платформы 1С для нужд b2c
и b2e-секторов, при этом найти правильный баланс между скоростью и гибкостью.
(1) Создать интерфейс, понятный и дружелюбный
для новых пользователей 1С, при этом не (очень сильно) поломав привычки старых опытных пользователей — найти равновесие между доступностью для новичков и производительностью для профессионалов.
(2) Создать технологию, расширяющую возможности платформы 1С для нужд b2c
и b2e-секторов, при этом найти правильный баланс между скоростью и гибкостью.
Действие
(1) Установить ключевые проблемы текущего решения
и пересобрать интерфейс 1С
в соответствии с актуальными трендами разработки дизайн-систем, устранив проблемы. Успехом будет значительный рост удовлетворённости у новых пользователей при сохранении или росте метрик удовлетворённости у старых.
(2) Выявить функциональность, необходимую разработчикам продуктов на 1С для создания новых b2c/b2e продуктов, и расширить возможности платформы в соответствии
с данным запросом.
(1) Установить ключевые проблемы текущего решения
и пересобрать интерфейс 1С
в соответствии с актуальными трендами разработки дизайн-систем, устранив проблемы. Успехом будет значительный рост удовлетворённости у новых пользователей при сохранении или росте метрик удовлетворённости у старых.
(2) Выявить функциональность, необходимую разработчикам продуктов на 1С для создания новых b2c/b2e продуктов, и расширить возможности платформы в соответствии
с данным запросом.
Результат 🎉
(1) Как новые, так и давние пользователи оценивают новый интерфейс более «удобным» и «современным». Рост метрик удовлетворённости при этом ожидаемо выше у «новичков», но давние пользователи тоже в среднем оценивают новый дизайн выше, чем старый.
(2) Разработчики получили новые инструменты, благодаря которым уже создают продукты в b2c/b2e секторе и дают положительный фидбэк. Технология получила название «Элемент» и вышла из беты.
(1) Как новые, так и давние пользователи оценивают новый интерфейс более «удобным» и «современным». Рост метрик удовлетворённости при этом ожидаемо выше у «новичков», но давние пользователи тоже в среднем оценивают новый дизайн выше, чем старый.
(2) Разработчики получили новые инструменты, благодаря которым уже создают продукты в b2c/b2e секторе и дают положительный фидбэк. Технология получила название «Элемент» и вышла из беты.
Ситуация
(1) Новые пользователи ругают текущий интерфейс 1С как «непонятный» и «устаревший». В то же время, старые пользователи довольны, привыкли, просят ничего менять.
(2) Есть запрос на b2c и b2e продукты на базе 1С — личные кабинеты, интернет-магазины, мобильные приложения, —
но разработчикам не хватает возможностей платформы.
(1) Новые пользователи ругают текущий интерфейс 1С как «непонятный» и «устаревший». В то же время, старые пользователи довольны, привыкли, просят ничего менять.
(2) Есть запрос на b2c и b2e продукты на базе 1С — личные кабинеты, интернет-магазины, мобильные приложения, —
но разработчикам не хватает возможностей платформы.
Задача
(1) Создать интерфейс, понятный и дружелюбный
для новых пользователей 1С, при этом не (очень сильно) поломав привычки старых опытных пользователей — найти равновесие между доступностью для новичков и производительностью для профессионалов.
(2) Создать технологию, расширяющую возможности платформы 1С для нужд b2c
и b2e-секторов, при этом найти правильный баланс между скоростью и гибкостью.
(1) Создать интерфейс, понятный и дружелюбный
для новых пользователей 1С, при этом не (очень сильно) поломав привычки старых опытных пользователей — найти равновесие между доступностью для новичков и производительностью для профессионалов.
(2) Создать технологию, расширяющую возможности платформы 1С для нужд b2c
и b2e-секторов, при этом найти правильный баланс между скоростью и гибкостью.
Действие
(1) Установить ключевые проблемы текущего решения
и пересобрать интерфейс 1С
в соответствии с актуальными трендами разработки дизайн-систем, устранив проблемы. Успехом будет значительный рост удовлетворённости у новых пользователей при сохранении или росте метрик удовлетворённости у старых.
(2) Выявить функциональность, необходимую разработчикам продуктов на 1С для создания новых b2c/b2e продуктов, и расширить возможности платформы в соответствии
с данным запросом.
(1) Установить ключевые проблемы текущего решения
и пересобрать интерфейс 1С
в соответствии с актуальными трендами разработки дизайн-систем, устранив проблемы. Успехом будет значительный рост удовлетворённости у новых пользователей при сохранении или росте метрик удовлетворённости у старых.
(2) Выявить функциональность, необходимую разработчикам продуктов на 1С для создания новых b2c/b2e продуктов, и расширить возможности платформы в соответствии
с данным запросом.
Результат 🎉
(1) Как новые, так и давние пользователи оценивают новый интерфейс более «удобным» и «современным». Рост метрик удовлетворённости при этом ожидаемо выше у «новичков», но давние пользователи тоже в среднем оценивают новый дизайн выше, чем старый.
(2) Разработчики получили новые инструменты, благодаря которым уже создают продукты в b2c/b2e секторе и дают положительный фидбэк. Технология получила название «Элемент» и вышла из беты.
(1) Как новые, так и давние пользователи оценивают новый интерфейс более «удобным» и «современным». Рост метрик удовлетворённости при этом ожидаемо выше у «новичков», но давние пользователи тоже в среднем оценивают новый дизайн выше, чем старый.
(2) Разработчики получили новые инструменты, благодаря которым уже создают продукты в b2c/b2e секторе и дают положительный фидбэк. Технология получила название «Элемент» и вышла из беты.
Процесс
2019–2020
Исследования
Интервью с лидами и пользователями, проведение оценки интерфейсов существующих продуктов 1С. Определение слабых мест текущего решения и требований к новой дизайн-системе.
Хакатон с привлечением дизайн-агентств. Проверка нескольких новых дизайн-концепций на существующих продуктах 1С в виде прототипов.
Хакатон с привлечением дизайн-агентств. Проверка нескольких новых дизайн-концепций на существующих продуктах 1С в виде прототипов.
2021
Обкатка принятых решений
Новая дизайн-система обретает очертания и обкатывается на новой для 1С технологии — 1С Элемент. Выпускаем несколько небольших внутренних продуктов с новой дизайн-системой.
Получаем обратную связь от пользователей. Большинство пилотов довольны и оценивают интерфейс как «удобный» и «современный»,
но также находим по мере исследований ряд существенных проблем.
Получаем обратную связь от пользователей. Большинство пилотов довольны и оценивают интерфейс как «удобный» и «современный»,
но также находим по мере исследований ряд существенных проблем.
2022–2023
Развитие дизайн-системы
и начало переработки платформы 1С
и начало переработки платформы 1С
Масштабируем достигнутое на весь «большой 1С». Среди самых сложных задач этапа — кроссплатформенность. Одна кодовая база 1С должна «из коробки» работать в вебе и на всех популярных настольных и мобильных ОС, не требуя от разработчика усилий по адаптации.
Утверждены окончательные сетки, размеры, цветовые схемы. Проработка компонентной базы близка к завершению. Плотно обсуждаем с разработкой стоимость решений и их ограничения.
Утверждены окончательные сетки, размеры, цветовые схемы. Проработка компонентной базы близка к завершению. Плотно обсуждаем с разработкой стоимость решений и их ограничения.
2024
Окончание разработки новой
дизайн-системы, документация
дизайн-системы, документация
Переводим на новую дизайн-систему все механизмы «большой» платформы, готовим рекомендации разработчикам (в итоге вышла целая бумажная книга). Анонсируем новый интерфейс партнёрам, исследуем пилотные внедрения.
Тем временем технология 1С Элемент, работающая на новой ДС, готова к выходу из беты и уже используется в продакшн-приложениях — как внутренних в 1С, так и внешних (lamoda, Почта России и другие).
Тем временем технология 1С Элемент, работающая на новой ДС, готова к выходу из беты и уже используется в продакшн-приложениях — как внутренних в 1С, так и внешних (lamoda, Почта России и другие).
2025
Перевод тиражных продуктов 1С
на новый интерфейс и релизы
на новый интерфейс и релизы
Готовим демоконфигурацию для партнёров и адаптируем тиражные решения 1С к новой дизайн-системе (сотни макетов и дизайн-ревью).
К концу 2025 выпускаем несколько продуктов с новым интерфейсом — учётная система для малого и среднего бизнеса, рабочее место кассира и др. Обрабатываем обратную связь.
К концу 2025 выпускаем несколько продуктов с новым интерфейсом — учётная система для малого и среднего бизнеса, рабочее место кассира и др. Обрабатываем обратную связь.
Что было интересного?
Вот несколько кейсов для оценки масштаба и разнообразия задач.
Кейс №1
Как одна фича тянет другую
Работа в большой компании учит искать неочевидные связи
и быть проактивным. А ещё уметь ждать.
Ситуация. Мне поручили спроектировать флоу авторизации
по пин-коду, хранимому на устройстве. Пин-код нужно уметь обновлять, отключать, восстанавливать. При этом на уровне платформы в 1С не было единого центра безопасности — такие задачи прикладные разработчики решали каждый по-своему
на уровне отдельного приложения (не всегда качественно). Я почувствовал возможность выйти за рамки задачи и продвинуть новую фичу в роадмап разработки.
Решение. Понимая, что необходимость в едином центре безопасности возросла, я попробовал «продать» идею ещё раз.
Получилось! В аргументации мне также помогло знание, что другая команда как раз разрабатывала функцию экстренного сброса сеансов на всех устройствах. Результат: мини-фича с пин-кодом неожиданно привела к изменению работы с настройками безопасности в целом. Мелочь, а стало лучше.
Как одна фича тянет другую
Работа в большой компании учит искать неочевидные связи
и быть проактивным. А ещё уметь ждать.
Ситуация. Мне поручили спроектировать флоу авторизации
по пин-коду, хранимому на устройстве. Пин-код нужно уметь обновлять, отключать, восстанавливать. При этом на уровне платформы в 1С не было единого центра безопасности — такие задачи прикладные разработчики решали каждый по-своему
на уровне отдельного приложения (не всегда качественно). Я почувствовал возможность выйти за рамки задачи и продвинуть новую фичу в роадмап разработки.
Решение. Понимая, что необходимость в едином центре безопасности возросла, я попробовал «продать» идею ещё раз.
Получилось! В аргументации мне также помогло знание, что другая команда как раз разрабатывала функцию экстренного сброса сеансов на всех устройствах. Результат: мини-фича с пин-кодом неожиданно привела к изменению работы с настройками безопасности в целом. Мелочь, а стало лучше.
Кейс №2
ТТТ (таблицы в тёмной теме)
Ещё работа в большой компании учит тому, что в любой момент задача может оказаться в 30 раз сложнее, чем ты ожидал.
Ситуация. У 1С теперь есть тёмная тема — и всегда был свой табличный процессор, похожий на Excel, который является базой для множества сценариев. Когда мы начали адаптировать таблицы к тёмной теме, все с удивлением обнаружили, что задача скрывает миллион проблем. Как перекрашивать пользовательское оформление (и нужно ли вообще)? Что за чудо-формула даст читаемость АА на всём множестве корнер-кейсов? Как быть, если таблицу экспортировали из тёмной темы и послали по email?
Решение. NDA до релиза (кстати, в Google Sheets всё ещё нет тёмной темы в вебе, а в Excel и Airtable она вышла только в 2025).
ТТТ (таблицы в тёмной теме)
Ещё работа в большой компании учит тому, что в любой момент задача может оказаться в 30 раз сложнее, чем ты ожидал.
Ситуация. У 1С теперь есть тёмная тема — и всегда был свой табличный процессор, похожий на Excel, который является базой для множества сценариев. Когда мы начали адаптировать таблицы к тёмной теме, все с удивлением обнаружили, что задача скрывает миллион проблем. Как перекрашивать пользовательское оформление (и нужно ли вообще)? Что за чудо-формула даст читаемость АА на всём множестве корнер-кейсов? Как быть, если таблицу экспортировали из тёмной темы и послали по email?
Решение. NDA до релиза (кстати, в Google Sheets всё ещё нет тёмной темы в вебе, а в Excel и Airtable она вышла только в 2025).
Кейс №3
Мобильное приложение в вакууме
Наконец, самое важное — работа в 1С учит искать компромисс. Представить все возможные кейсы, приоритизировать их — чтобы потом выбрать самое универсальное, экономичное, устойчивое решение. Или набор решений, если одно не получится.
Ситуация. У 1С есть мобильный клиент, который позволяет подключаться со смартфона к настольному продукту в облаке. Приложение может быть с любой структурой навигации, функции приложения могут быть любыми, в таблицах могут быть абсолютно непредсказуемые данные — и всё должно работать на смартфоне
«из коробки», т.е. адаптироваться под iOS/Android автоматически, без работы напильником со стороны разработчика.
Решение. С удовольствием расскажу и покажу живьём.
Мобильное приложение в вакууме
Наконец, самое важное — работа в 1С учит искать компромисс. Представить все возможные кейсы, приоритизировать их — чтобы потом выбрать самое универсальное, экономичное, устойчивое решение. Или набор решений, если одно не получится.
Ситуация. У 1С есть мобильный клиент, который позволяет подключаться со смартфона к настольному продукту в облаке. Приложение может быть с любой структурой навигации, функции приложения могут быть любыми, в таблицах могут быть абсолютно непредсказуемые данные — и всё должно работать на смартфоне
«из коробки», т.е. адаптироваться под iOS/Android автоматически, без работы напильником со стороны разработчика.
Решение. С удовольствием расскажу и покажу живьём.
Результаты
К концу 2025 выпущены бета-версии первых тиражных продуктов 1С с новым интерфейсом.
Метрики удовлетворённости высокие, но какие именно — NDA.
В 2026 — выпуск флагманских продуктов компании с новым интерфейсом (ERP, Бухгалтерия и др.)
Ниже — другие самые интересные, на мой взгляд, итоги.
Метрики удовлетворённости высокие, но какие именно — NDA.
В 2026 — выпуск флагманских продуктов компании с новым интерфейсом (ERP, Бухгалтерия и др.)
Ниже — другие самые интересные, на мой взгляд, итоги.
Личные итоги
Это мой первый опыт работы над продуктом такого масштаба: тысячи макетов и человекочасов, большая команда, сложные поиски баланса между стоимостью и эффективностью решений, длинные обсуждения корнер-кейсов, качественные и количественные исследования.
Я благодарен всем коллегам за опыт, научивший меня, как создают действительно сложное
ПО для миллионов пользователей и очень разных сценариев использования.
Я благодарен всем коллегам за опыт, научивший меня, как создают действительно сложное
ПО для миллионов пользователей и очень разных сценариев использования.
Было–стало: пользователи 1С наконец получили современный интерфейс,
а я в этом поучаствовал.
Ура!
✌️
а я в этом поучаствовал.
Ура!
✌️
