UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Редизайн застосунку для контролю та моніторингу водяних насосів
Yaryna Mezhetska для Quality Geek LLC

Опубліковано

Редизайн застосунку для контролю та моніторингу водяних насосів

Памп портал – платформа яка дозволяє дистанційний моніторинг і керування в режимі реального часу водяними насосними станціями.

Основним завданням було вдосконалити дизайн, створивши інтуїтивно зрозумілий інтерфейс для користувачів та спростити налаштування роботи для адміністраторів. Наступним кроком була адаптація платформи для мобільних пристроїв, щоб забезпечити зручний доступ у будь-який час і в будь-якому місці.

Проблеми попереднього дизайну:

  1. Навігація була складною та хаотичною. Після запуску в команді не будо дизайнера, тому розробники додавали функціонал самостійно.
  2. Критичні дані про насосні станції розміщувалися на різних сторінках, що часто призводило до того, що користувачі не могли знайти важливу інформацію. Це призводило до частих звернень до служби підтримки.
  3. Відсутність адаптивної мобільної версії обмежував контроль водяними насосними станціями поза офісом.
  4. Попередній дизайн платформи виглядав застарілим та не привабливим для користувачів.

Процес проектування

Аналіз:
Першим кроком ми дослідили застосунок, виписали всі питання які в нас виникли, провели інтерв’ю зі стейкхолдерами та супорт командою про те які проблеми виникають в користувачів і адміністраторів, обговорили їхні очікування.

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

Інформаційна архітектура

Нова дизайн система:
Ми створили нову дизайн-систему, використовуючи сучасну кольорову палітру та вибираючи кращі шрифти. Наш підхід був спрямований на інтеграцію найкращих практик та сучасних тенденцій, що дозволило нам досягти чудового результату. У результаті, наша нова дизайн-система виглядає стильною та функціональною, забезпечуючи відмінний користувацький досвід.

Нова дизайн система

Новий дизайн для користувачів

Дашборд: Ми ретельно переглянули головний екран, додали дашборд, де користувачі миттєво можуть побачити всі свої пристрої та вчасно реагувати на будь-які помилки.

Дашборд (до)

Дашборд (до)

Дашборд (після)

Дашборд (після)

Дашборд (після)

Статистика: Розуміючи важливість статистики та порівняння даних для користувачів, ми вирішили додати цей функціонал до нової версії продукту. Це дозволить користувачам відстежувати зміни у роботі пристроїв, проводити аналіз ефективності роботи, та визначати які пристрої працюють краще.

Статистика (до)

Статистика (до)

Статистика (після)

Статистика (після)

Налаштування сповіщень: Налаштування сповіщень стало найбільшим викликом у процесі проєктування та розробки. Користувачі мають можливість додавати необмежену кількість контактів для сповіщень та керувати їх активацією і взвємодією. Це є надзвичайно важливим функціоналом, оскільки в разіпроблем з насосом або іншої надзвичайної ситуації необхідно швидко відреагувати, щоб мінімізувати наслідки та уникнути значних втрат.

Однак важливо було забезпечити можливість складних налаштувань для кожного сповіщення ,планування дзвінків, емейлів та повідомлень з різним інтервалом різним членам команди в залежності від попередньої дії.

Користувачами платформи крім великих команд є також самостійні користувачі для яких такі складні та багаторівневі налаштування сповіщень є не актуальними тож ми також розробили простіші опції. Це дозволяє користувачам перемикатися між налаштуваннями та вмикати розширені сповіщення лише за потреби.

Cповіщенння (до)

Cповіщенння (до)

Приклад звичайних сповіщень

Приклад звичайних сповіщень

Приклад розширених сповіщень

Приклад розширених сповіщень

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

adaptive

Новий дизайн для адміністраторів

Коли інтерфейс для користувачів був розроблений, ми почали працювати над функціоналом для адміністраторів. Ми значно спростили налаштування пристроїв, дозволили додавати їх одразу при створенні акаунту.

Admin panel

Новим функціоналом для адміністратора став дашборд де була вся важлива інформація. Такий підхід дозволяє адміністраторам краще контролювати та керувати пристроями та акаунтами на одному зручному інтерфейсі.

Admin panel

Висновок

Наша робота успішно вдосконалила функціонал порталу, спростила керування та збільшила продуктивність для всіх типів користувачів. Нові можливості, такі як спрощене додавання пристроїв та аналіз статистики на єдиному дашборді, дозволяють ефективно виконувати завдання та покращують користувацький досвід.

Топ коментарі (5)

Згорнути/розгорнути
 
marta_pavlivna_7b7cf09b2e profile image
Marta Pavlivna

О, нарешті класна стаття! Народ, робіть акцент на таких статтях, де ви ділитеся реальним досвідом — це всім на користь, особливо нашій спільноті, @yaryna_khimchak дякую за хорошу роботу!

Згорнути/розгорнути
 
andrew_mandryk_2bbd2e6e90 profile image
Andrew Mandryk

Так, цілком Вас підтримую! Стаття класна та дуже корисна. Реальний досвід завжди вартий уваги, особливо коли ділимося ним із спільнотою. Дякую за роботу.

Згорнути/розгорнути
 
2102_1_5994d815f5f profile image
UiUx

Супер, молодець

Згорнути/розгорнути
 
andriy_mandryk_635d9fd6ec profile image
Vanilla Manilla

+

Згорнути/розгорнути
 
tiblack1983_f625f5b2305d3 profile image
Tiblack1983

Cool