- Заказчик
- Фирма «Коста» разрабатывает информационные системы для больниц. Главный продукт — программа «Авиценна». Она помогает организовать внутреннюю работу клиники: следить за финансами, движением пациентов, заполняемостью коек и запасом лекарств и расходных материалов на складе. В идеале — совсем без бумажек.
- Задача
- Медицинская система «Авиценна» хранит всю информацию по больнице. Но — в разных экранах, и переключаться между ними неудобно. «Коста» решила собрать все цифры на одном дашборде — такой вот подарок главврачам.
Врачи и медсестры ведут учет в «Авиценне», а главврач больницы может быстренько посмотреть нужную информацию, находясь хоть на краю света. Каждый пациент как на ладони, каждая таблеточка учтена.
«Коста» решила, что «быстренько» — это недостаточно. Нужно мгновенно. Поэтому задумала на Новый год подарить главврачам дашборд, где все основные данные собраны на одном экране. Бросил взгляд и сразу все понял. Даже не надо никуда нажимать.
На самом деле экранов было два. И у каждого — по несколько разных состояний. Первый экран — дашборд. Второй — табличка с деньгами. Потому что деньги — это важно.
Проект со стороны клиента вела директор компании. Она основательно подготовилась к проекту: сама провела аналитику, собрала данные, написала к ним пояснения и подготовила ТЗ. Все было очень подробно. Нам оставалось только упаковать информацию.
Над дашбордом работали два проектировщика. Каждый нарисовал по концепту. Заказчик попросил взять за основу один концепт, но добавить в него фишки из другого.
Мы знали, какие данные нужно показать. Оставалось только сгруппировать их на странице.
Прототип дашборда для десктопа проектировщик передал дизайнеру и другому проектировщику. Один начал наводить красоту, другой — проектировать версию для смартфонов.
Дизайнер взял за основу цвета логотипа «Косты» и нарисовал четыре варианта оформления. И это только для десктопа.
Эти три варианта дизайна заказчику понравились. Но он выбрал четвертый.
Из всех артефактов дашборда мы собрали библиотеку элементов.
Style-гайд нужен разработчикам, чтобы сохранять консистентность. Его создают для всех крупных проектов.
От заказчика почти не было правок. Вот что значит подробное ТЗ. В итоге проект занял всего один месяц и неделю.
Зато были проблемы с внедрением. «Авиценна» — система сложная, ее разрабатывали много лет. Поэтому выглядит она как «привет из „нулевых“». Если обновить все интерфейсы системы, работа в клиниках встанет. Когда разработчики «Авиценны» увидели дашборд, они попытались его упростить — вместо закругленных углов сделать прямые, использовать стандартные шрифты и контролы.
Финальная версия дашборда для десктопа
Версия для смартфонов
Но директору настолько понравилась получившаяся страница, что она настояла на нашем решении.
Дашборд кликается в двух местах. Можно посмотреть статистику по отделениям и перейти на табличку с деньгами.
Ура! Дашборд внедрен и работает.
Подробнее на сайте.