7 Июл 2014

Интерфейс b2b-системы «Марвел-дистрибуция»

Заказчик
Компания «Марвел-Дистрибуция» — один из крупнейших российских поставщиков компьютерной техники.
Задача
Спроектировать интерфейс b2b-системы для работы с партнёрами компании так, чтобы у них была возможность совершать сделки самостоятельно, с минимальным участием менеджеров компании.

  • 1. Предварительный анализ
  • 2. Проектирование
  • 3. Рисуем дизайн-макеты

Собираем информацию

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

  

Главные блоки зарисовывали на доске, добавляли и убирали возможные действия пользователя

С помощью бумажек post-it фиксировали кратчайшие пути от запроса до целевого действия так, чтобы сценарий не получался чересчур длинным и разветвлённымНа основе гипотез от руки рисовали высокоуровневые прототипы интерфейсов системы

Проектирование

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

Каталог, формы заказов, личный кабинет — всего для проекта было создано около 20 интерактивных страниц.

Дизайн сайта

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

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

Отдельного внимания заслуживают контролы и иконки.

Вёрстка и программирование

Кабинет можно использовать на разных устройствах. Вёрстка системы частично адаптивная: если разрешение увеличивается, часть элементов перекомпоновывается.

В карточку агентства
Пользуйтесь реальным опытом в IT и следите за успехами потенциальных подрядчиков и конкурентов

Читайте также

Кейсы по теме#Дизайн