Собака
Павлова

Дизайн сложных интерфейсов

Anggel logo

Дизайн MVP системы поддержки принятия решений

2022

Собака Павлова || Дизайн MVP системы поддержки принятия решений.

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

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

Собака Павлова || Обнаружение системой отклонения от нормы.

Например, система сама обнаружит, когда какая-то позиция в меню стала убыточной. Если эта проблема входит в топ самых критичных, об этом немедленно узнает владелец или управляющий. Варианты действий при такого рода проблемах достаточно очевидные: поднять цену, снизить себестоимость, остановить продажи или увеличить наценку. Важно, что Anggell по каждому варианту даст дополнительную информацию, достаточную для принятия решения.

Собака Павлова || Система обнаруживает, когда позиция меню становится убыточной.

Задача проекта

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

Для этого нужно разработать не столько макеты для разработчиков (это само собой), сколько саму механику взаимодействия системы с пользователем. Процесс этот сложный, нелинейный, вовлекающий большое количество людей. Словом, продуктовый дизайн.

Собака Павлова || Механики взаимодействия сисемы с пользователем. Собака Павлова || Механики взаимодействия сисемы с пользователем.

Результаты проекта

Заказчик минимизировал ресурсы на разработку MVP за счет выработки четких требований и проработанной связи между внутренней логикой системы и ее внешним поведением для пользователя.

10 концептов

Выбрали ключевые механики.

7 воркшопов

Детализировали видение продукта.

250 комментариев

Обсудили каждую деталь.

50 экранов

Подготовили макеты для разработки по 5 разделам.

Собака Павлова | Макеты системы поддержки принятия решений для разработки.

Заодно сделали иконку мобильного приложения и показали общий вид веб-версии.

Собака Павлова || Иконка мобильного приложения. Собака Павлова || Веб-версия системы поддержки принятия решений.Собака Павлова || Логотип anggell.

Особенности проекта

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

Собака Павлова || Вводные для дизайна.

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

Собака Павлова || Дизайн MVP системы поддержки принятия решений. Отображение данных. Собака Павлова || Дизайн MVP системы поддержки принятия решений. Отображение данных. Собака Павлова || Дизайн MVP системы поддержки принятия решений. Отображение данных. Собака Павлова || Дизайн MVP системы поддержки принятия решений. Отображение данных. Отображение данных. Собака Павлова || Дизайн MVP системы поддержки принятия решений. Отображение данных.

Отказались от формулирования сценариев, потому сама механика работы (и следующие из нее сценарии и диалоги пользователя с системой) создавались одновременно с прототипами.

Собака Павлова || Прототип системы управления финансами ресторана.

Некоторые детали

Собака Павлова || Интерактивный прототип для сверки промежуточных результатов.
Собака Павлова || Визуализации более сложных логических связей на примере примере вселенных супергероев.
Собака Павлова || Подход Zero UI.

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

Параметры для раздела «Метрики» не укладывались в линейную древовидную структуру. Мы проверяли возможность визуализации более сложных логических связей на примере примере вселенных супергероев.

Использовали подход Zero UI. Каждый цвет и элемент интерфейса несет смысловую нагрузку. Для «красоты» разве что скругление уголков.

Что говорит заказчик

Команда Собаки Павлова — одна из самых профессиональных команд для построения и улучшения цифровых сервисов (и не только). Особо ценю вас за то, что к вам можно обратиться на любой стадии проекта, и вы всегда найдете возможность помочь.

Роман Лебедев, Co-Founder / CEO

Слово директору

Продуктовая работа требует от подрядчиков особой квалификации, и она у нас есть

Наталья Прокофьева, генеральный директор «Собаки Павлова»

Figma logo

Разработали

50

макетов в Фигме

Стоимость

650 000

рублей

Срок разработки

3

месяца

Похожие проекты

Собака Павлова || Кейс ELMA

ELMA

Дизайн интерфейса системы управления бизнес-процессами

Осовременили дизайн BPM-конструктора так, чтобы он смотрелся хорошо при любых настройках и в любой сборке.

Собака Павлова || Кейс Полуэкт

Полуэкт

Система электронного документооборота

Разработали дизайн интерфейса и два варианта оформления, сверстали UI-kit.

Собака Павлова || Кейс Amber

Amber

Конструктор CRM для среднего бизнеса

Разработали интерфейс CRM-системы, которую может собрать «под себя» человек без образования в IT.

Собака Павлова || Кейс SmartDeal

SmartDeal

Дизайн рабочего места оператора

Разработали интерфейс (прототипы и дизайн) профессионального сервиса для работы с заявлениями в Росреестр.

Похожие проекты

Собака Павлова || Кейс ELMA

ELMA

Дизайн интерфейса системы управления бизнес-процессами

Осовременили дизайн BPM-конструктора так, чтобы он смотрелся хорошо при любых настройках и в любой сборке.

Собака Павлова || Кейс Полуэкт

Полуэкт

Система электронного документооборота

Разработали дизайн интерфейса и два варианта оформления, сверстали UI-kit.

Собака Павлова || Кейс Amber

Amber

Конструктор CRM для среднего бизнеса

Разработали интерфейс CRM-системы, которую может собрать «под себя» человек без образования в IT.

Собака Павлова || Кейс SmartDeal

SmartDeal

Дизайн рабочего места оператора

Разработали интерфейс (прототипы и дизайн) профессионального сервиса для работы с заявлениями в Росреестр.

Собака Павлова

Пишите нам

На обычную почту  
,
в WhatsApp 
или в
(это наш директор)

Позвонить тоже можно

8 (800) 511-84-17

Кое-что показываем и рассказываем на весь интернет

Красивое на
, интересное в
, полезное на

На сайте могут встретиться упоминания социальных сетей, признанных на территории РФ экстремистскими организациями

Собака Павлова

Дизайн сложных интерфейсов

© Да какие уж тут копирайты

Санкт-Петербург • Подгорица • Хайфа

Адрес для почтовых отправлений: 194291, Санкт-Петербург, ул Руднева, д. 9 к. 3 литера А, кв. 169