Пользователи путались в навигации, ошибки в сценариях замедляли врачей, а поддержка получала лишние обращения. Нужно было ускорить ключевые действия и снизить ошибки.
Как мы ускорили работу врачей
и снизили ошибки в интерфейсах
Что сделали:
• Провели UX-аудит → выявили причины ошибок
• Упростили навигацию → сократили путь в сценариях
• Создали дизайн-систему → ускорили работу команды
• Внедрили тёмную тему → повысили комфорт работы вечером
• Упростили навигацию → сократили путь в сценариях
• Создали дизайн-систему → ускорили работу команды
• Внедрили тёмную тему → повысили комфорт работы вечером
Клиенты жаловались на путаную навигацию, низкий контраст, частые ошибки в сценариях, что замедляло врачей и увеличивало нагрузку на поддержку.
Компания хотела ускорить ключевые действия и сократить количество ошибок.
Компания хотела ускорить ключевые действия и сократить количество ошибок.
Решения
Было
СТало
Запись была сложной: много шагов, путаная логика, частые ошибки.
Операторы теряли время, пациенты путались и чаще обращались в поддержку.
Интерфейс усложнял процесс записи и замедлял работу.
Операторы теряли время, пациенты путались и чаще обращались в поддержку.
Интерфейс усложнял процесс записи и замедлял работу.
Редизайн упростил сценарии и ускорил работу команды.
Пользователи проходят запись быстрее, допускают меньше ошибок, поддержка разгрузилась.
Процессы стали стабильнее и управляемее.
Пользователи проходят запись быстрее, допускают меньше ошибок, поддержка разгрузилась.
Процессы стали стабильнее и управляемее.
Было
До редизайна интерфейс был перегружен: много цветовых шумов, слабый контраст, нечёткие акценты.
Это замедляло чтение данных и сбивало внимание.
Это замедляло чтение данных и сбивало внимание.
Читаемость стала выше — работа быстрее
СТало
После редизайна система стала чище и понятнее: выше контраст, чёткие акценты, единый визуальный стиль.
Данные считываются быстрее — работа ускорилась.
Данные считываются быстрее — работа ускорилась.
До редизайна интерфейс был разрозненным:
Разные кнопки, поля, карточки и таблицы, разные отступы, отсутствующие правила.
Это замедляло проектирование, усложняло разработку и приводило к визуальным ошибкам.
Это замедляло проектирование, усложняло разработку и приводило к визуальным ошибкам.
После редизайна мы собрали полноценную дизайн-систему:
— единые сетки, отступы и типографика
— стандартизированные кнопки, поля, таблицы, карточки
— готовые компоненты для web, iOS и Android
— единые паттерны поведения: модалки, списки, фильтры, формы
— документация для дизайнеров и разработчиков
— чёткие правила состояний элементов (hover, focus, disabled)
— стандартизированные кнопки, поля, таблицы, карточки
— готовые компоненты для web, iOS и Android
— единые паттерны поведения: модалки, списки, фильтры, формы
— документация для дизайнеров и разработчиков
— чёткие правила состояний элементов (hover, focus, disabled)
дизайн-система — быстрее разработка и меньше ошибок
Результат для бизнеса:
— скорость разработки выросла — новые функции собираются быстрее
— меньше ошибок верстки и багов при релизах
— интерфейсы стали стабильнее и предсказуемее
— поддержка продукта дешевле, потому что всё на единых правилах
— меньше ошибок верстки и багов при релизах
— интерфейсы стали стабильнее и предсказуемее
— поддержка продукта дешевле, потому что всё на единых правилах
Систематизация дала компании фундамент,
который экономит десятки часов работы каждый месяц
Проблема
В продукте была только светлая тема.
Пользователям было неудобно работать вечером и в тёмных помещениях — особенно врачам, операторам и людям, которые много времени проводят в системе.
Конкуренты такой фичи не предоставляли.
В результате: ниже комфорт работы, выше утомляемость, пользователи жаловались,
продукт визуально «устаревал» на фоне современных решений.
Пользователям было неудобно работать вечером и в тёмных помещениях — особенно врачам, операторам и людям, которые много времени проводят в системе.
Конкуренты такой фичи не предоставляли.
В результате: ниже комфорт работы, выше утомляемость, пользователи жаловались,
продукт визуально «устаревал» на фоне современных решений.
Решение
Мы добавили полноценную цветовую систему на Variables, которая работает без удвоения объёма разработки.
Интерфейс автоматически подстраивается под светлый или тёмный режим — без отдельной версии дизайна и без ручной поддержки двух вариантов.
Интерфейс автоматически подстраивается под светлый или тёмный режим — без отдельной версии дизайна и без ручной поддержки двух вариантов.
Обе темы работают «из коробки" — без удвоения поддержки и затрат
тёмная тема — фича, которой нет у конкурентов
Что получил бизнес:
• Удовольствие пользователей → комфортная работа в тёмных условиях
• Отстройка от конкурентов → современный продукт, который выгодно выделяется на рынке
• Экономия разработки → изменения цвета и стиля вносятся один раз
• Масштабирование → новые разделы автоматически работают в обеих темах
• Отстройка от конкурентов → современный продукт, который выгодно выделяется на рынке
• Экономия разработки → изменения цвета и стиля вносятся один раз
• Масштабирование → новые разделы автоматически работают в обеих темах
Одна система дизайна — две темы
без лишних затрат.
Пользователи довольны, продукт быстрее развивается, бизнес выигрывает.
без лишних затрат.
Пользователи довольны, продукт быстрее развивается, бизнес выигрывает.
Результаты редизайна
Редизайн вывел продукт на новый уровень: быстрее, современнее, стабильнее. Системный дизайн дал фундамент, который экономит десятки часов в месяци ускоряет развитие продукта.
Ключевые сценарии стали быстрее на 20−40%
Пользователи быстрее достигают цели
Снизилась нагрузка на операторов клиник
Меньше обращений — больше записей онлайн
Интерфейс
стал предсказуемым
стал предсказуемым
Пользователи меньше ошибаются
Более современный и доверительный интерфейс
Выше доверие пользователей и клиник
Снижение затрат на разработку и дизайн
Быстрее сборка новых разделов, меньше правок и багов
Фичи, которых нет у конкурентов
Тёмная тема «из коробки», собственная дизайн-система
