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

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

Мы уже работали с Anggell — создали дизайн MVP — и получили отличный результат, о чем можно почитать в отдельном кейсе.

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

Мы называем такой формат взаимодействия — постоянное сотрудничество с заказчиком и возвращение к продукту по мере его разработки — UX-отделом на аутсорсе.

Бизнес-задача

Создать сервис для владельцев ресторанов (одного или сети), который помогает:

• Быстро понимать текущее состояние бизнеса;
• Находить конкретные возможности для роста прибыли;
• Принимать решения на основе данных.

Ключевой вызов: увеличить доверие пользователей, повысить вовлеченность и показать ценность продукта так, чтобы его захотели купить владельцы ресторанов.

Дизайн-задачи

На основе обратной связи по MVP нужно было:

• Сделать интерфейс понятным и полезным для владельцев ресторанов.
• Выстроить логику так, чтобы пользователи регулярно возвращались к сервису.
• Показать ценность данных и рекомендаций в деньгах (например: «Решите это — заработаете +5000 €»).
• Вызвать доверие за счет прозрачности данных и экспертного тона.
• Убрать критику, сделать продукт «позитивным» и поддерживающим.

Результат

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

Use cases — пользовательские сценарии, сценарии взаимодействия, сценарии использования, пользовательские сценарии — последовательное описание поведения человека при взаимодействии с системой и системы, когда с ней взаимодействует человек. У нас есть модуль дизайн-задачника «Сценарии взаимодействия» для тех, кто хочет научиться их использовать в дизайне интерфейсов.

Отрисовали макеты основных страниц в различных состояниях.

По окончании работы мы передали:

• Стартовую страницу.
• Метрики (24 макета подразделов и разных состояний).
• Точки роста (10 макетов, включая концепции для будущего развития).

❮ ❯

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

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

Нюансы и особенности процесса

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

Такой формат позволил не распыляться, а сразу углубляться в наиболее рабочие решения.

❮ ❯