IsDocIn, Проекти, Розробка та дизайн сайтів та мобільних додатків, Компанія
Мета проекту: створення мобільного додатку для сервісу, який допомагає пацієнтам знайти лікаря. Лікарі можуть налаштувати свій профіль у сервісі та отримувати повідомлення про нові записи на прийом.
Ми спроектували інтерфейс мобільного додатка для кінцевого користувача, розробили дизайн для iOS та Android, а також згорнули інтерфейс у нативну програму.
Проектування та прототипування
Замовник надав детально опрацьовані User Stories, що дозволило нам швидко розпочати роботу над прототипом мобільного інтерфейсу. Ми консультувалися з клієнтом, як експертом у галузі роботи медичних фахівців, та його бекенд-командою щодо процесу запису на прийом. Дотримання всіх необхідних процедур і створення простого і зрозумілого інтерфейсу було справжнім викликом. Але сформувавши чітке бачення цілей проекту та склавши перелік необхідних функцій, ми успішно створили інтерактивний прототип.
Користувальницьке тестування
Маючи на руках готовий прототип, ми провели тестування користувача. Метою цього процесу було перевірити, наскільки зрозумілий інтерфейс кінцевого користувача. Проводячи тестування користувача на ранньому етапі, можна відносно безболісно вносити зміни в інтерфейс, не залучаючи розробників.
Перший сценарій
Насамперед ми перевіряли, як користувач, незнайомий із системою, проходитиме процес запису на свій перший прийом. У цьому сценарії людина знаходила лікаря, вибирала підходящий час і реєструвалася у додатку.
Другий сценарій
Наступний сценарій припускав, що користувач вже знайомий з інтерфейсом, йому необхідно було зробити ті ж дії, що і в першому сценарії, але вказавши пацієнтом не себе, аіншу людину, наприклад чоловіка чи дружину.
Третій сценарій
Дизайн інтерфейсу
Результатом тестування був звіт з описом виявлених проблем та рекомендаціями щодо їх вирішення. Таким чином, ми безболісно внесли редагування в прототип і приступили до дизайну мобільного додатка.
Хоча програма розроблялася під iOS і Android, ми вибрали універсальне рішення щодо навігації всередині програми. Таби дозволяють постійно тримати важливі елементи навігації на очах. При цьому ми ховаємо таб-бар, коли необхідно утримати людину на екрані, наприклад, у момент створення або редагування запису на прийом.
Запис на прийом
Процес запису на прийом до лікаря починається із зазначення типу страховки, вибору локації та пошуку лікарів за спеціалізацією. Результати сортуються за найближчим часом спеціаліста або його місцезнаходження. На екрані створення запису є календар доступних слотів, відфільтрований за місцями роботи лікаря. У вікні підтвердження користувач може відредагувати дані та підтвердити запис на прийом.
Верстка та логіка роботи інтерфейсу
Для побудови інтерфейсу користувача в Android ми використовували нативні бібліотеки зворотної сумісності, які дозволяють впроваджувати в проекти новітні підходи як у відображенні, так і в оптимізації роботи UI. З їхньою допомогою ми створили єдиний інтерфейс для різних версій ОС.
Дотримуючись вимог керівництва від Google, ми реалізували анімовані переходи між екранами, а також патерни взаємодії зі списками. Деякі елементи дизайну (такі як календар і радар-прогресбар) були створені з нуля, що дозволило гнучке налаштування віджетів.
Розробляючи програму для iOS, ми використовували новіможливості:
- Клас UISearchController, за допомогою якого здійснюється пошук у наявних даних, наприклад, пошук фахівців зі списку.
- Клас UIAppearance, який дозволяє задавати деякі параметри та стилі (колір, шрифт тощо) для елементів інтерфейсу до їх безпосереднього завантаження. Це заощаджує час і запобігає дублювання коду, оскільки ми ставимо загальний стиль один раз.
- Refactor to Storyboard… - засіб Xcode, за допомогою якого можна класифікувати та компонувати екрани однієї тематики, полегшуючи роботу з великою кількістю екранів у storyboard.
У програмі для iOS використовувалися лише стандартні бібліотеки та елементи. Завдяки цьому не виникатиме проблем із залежностями, як трапляється при використанні рішень від сторонніх розробників.