Процес

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

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

Провівши інтерв’ю та проаналізувавши відповіді, ми сформували дизайн-бриф.

Аналіз конкурентів

Наступним кроком був аналіз прямих і непрямих конкурентів майбутнього продукту. Проведення такої активності надало нам краще розуміння ринку.

Опитування ключової аудиторії

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

Ми використовували Google Forms як основний інструмент проведення опитувань.

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

Якісне дослідження — інтерв’ювання лікарів — було спрямоване на те, щоб краще зрозуміти проблеми, з якими щодня стикаються медичні працівники. Ми провели 7 інтерв’ю з лікарями.

Важлива інформація, яку ми отримали:

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

Персона та мапа шляху користувача (CJM)

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

Наступним важливим кроком було створення CJM (Customer Journey Map). Ми використовували CJM для візуалізації усього шляху користувача та описали його взаємодію з майбутнім продуктом у всіх точках контактування.

Воркшопи зі стейкхолдерами

Після того, як були зібрані всі основні дані, ми вирішили провести два воркшопи з замовником, щоб краще зрозуміти цілі та плани бізнесу. Через пандемію воркшопи проводились онлайн. Ми обрали Miro як основне середовище для проведення воркшопів.

Воркшопи допомогли нам визначити те, що є важливим для продукту:

• Статті лише з перевірених джерел. Таким чином, наші користувачі можуть довіряти продукту
• Тести для визначення психологічного стану
• Вправи для поліпшення психічного здоров’я
• Загальна охорона психічного здоров’я
• Профіль, де користувач також може створити свою бібліотеку зі збережених статей.

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

Після проведених опитувань кореспондентів та воркшопів зі замовниками ми дійшли висновку, що потрібно розробити мобільний додаток та вебверсію продукту.

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

Робота з ваєрфреймами

Після того, як була розроблена архітектура продукту, ми перейшли до створення шляхів (потоків) користування та об’єднали їх в клікабельний прототип. Завдяки цьому було легше побачити та зрозуміти функціональність, навігацію та безпосередню структуру. Прототипи (мобільний додаток та вебверсія) були представлені замовнику.

Перша ітерація тестування з користувачами

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

Ми отримали такі відгуки після тестування прототипу з користувачами:

• Процес онбордингу не є достатньо чітким та інформативним
• Тестування після першої авторизації було занадто довгим

Відгуки про вебнавігацію:

• Потрібно зробити інформацію про мобільний додаток менш нав’язливою
• Додати слово «Профіль» поруч із піктограмою профілю для кращого розуміння
• Додати теґи для зручнішого пошуку

Фаза імплементації дизайну

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

Наступним кроком був вибір популярного, читабельного шрифту. Для продукту ми обрали Source Sans Pro.

Наступним кроком був перехід до візуального дизайну інтерфейсу.

Друга ітерація тестування з користувачами

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

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

Сайт

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

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

Мобільний додаток

На початку використання програми ми бачимо короткий вступ, який допомагає зрозуміти призначення продукту «Медея». Після реєстрації нас зустрічає стислий тест із 5 питань (згідно з проведеними тестами та воркшопами ця кількість питань була оптимальною, оскільки вона забезпечує мінімально необхідну інформацію та не втомлює користувача).

На головному екрані користувач бачитиме рекомендовані вправи та статті. Під час використання програми користувач зможе переглянути свій настрій та його зміни. Користувач може повідомляти про свій настрій за допомогою календаря, записувати 5 речей, за які вдячний, щоб покращити загальний психологічний стан.

Також є можливість вподобати, поділитися та зберегти статті у бібліотеці (ця бібліотека автоматично синхронізується з веб-версією продукту). За аналогією зі статтями, вправи також можна зберігати до «Вибраного».

Напрацювання були передані замовникам. Стейкхолдери були задоволені процесом та результатами. Наразі ми залишаємось на зв’язку з клієнтами і готові допомогти з будь-якими питаннями, які можуть виникнути в процесі розробки.

---

Telegraf.Design живе за підтримки спільноти. Підтримуйте Telegraf.Design на Patreon.