Система документообігу клініки «Мати та Дитина»

       
  • Рік: 2015
  • Країна: Україна
  • Тип: сервіс документообігу (SAAS)
  • Сфера: Медицина
  • Розроблені елементи: дослідження потреб клієнтів, UX прототипи, UI дизайн

 

У 2015 році до нас звернулася група розробників, що налаштовували систему електронного документообігу в клініці «Мати та Дитина».
Аналіз персон

Аналіз персон

Для початку ми разом з працівниками клініки та системними аналітиками розробників провели аналіз персон системи і виявили, що користуватися нею будуть такі групи користувачів:
  • Клієнти
  • Лікарі
  • Бухгалтерія
  • Колцентр
  • Приймальня
  • Адміністрація

Аналіз потреб клієнтів


Ми провели системний аналіз усіх можливих юзкейсів. Майбутня система мала складатися з багатьох підсистем, а саме:
     
  • Інформація клієнта
  • Документи клієнта
  • Редактор шаблонних документів
  • Управління календарем / задачами лікарів
  • Оплати клієнтів
  • та багато інших.
Аналіз потреб клієнтів





UX прототипування


Картка клієнта
Календар лікаря
Інтерфейс послуг і оплат


Розробка графічного інтерфейсу

Макет, побудований на сітці Bootstrap із 12 колонками
Запис клієнта до лікаря
Перегляд документів у системі
Створення нового клієнта з пошуку
Карта клієнта
Призначення програми




Адаптивний дизайн

Дизайн, оптимізований для мобільних / планшетів

Система повинна була активно використовуватися лікарями на планшетах та смартфонах. Вона мала велику кількість елементів у версії для великих моніторів, що ускладнювало роботу на менших екранах. У мобільній та планшетній версіях наші дизайнери переформатували верстку кожної сторінки для максимальної зручності використання.
Дизайн, оптимізований для мобільних / планшетів
Підготовка файлів для верстки

Підготовка файлів для верстки

У цьому проекті розробники фронтенду вимагали детального опису елементів. Тому фінальним документом були не файли Illustrator, а список стилей для різних елементів та спрайти графічних іконок.



Технології

Adobe Illustrator

Adobe Illustrator

MarvelApp

MarvelApp

Adobe Photoshop

Adobe Photoshop

Atlassian Confluence

Atlassian Confluence

Cascading Style Sheets

Cascading Style Sheets