Статті
#експертиза: мобільний додаток «Київводоканал»
Огляд аплікації для оплати житлово-комунальних послуг
7 жовтня, 2019
Арсеній Фещенко
Дизайнер додатку bird

У рубриці #експертиза дизайн-спеціалісти аналізують додатки та дають їм власну оцінку. Настала черга мобільної аплікації «Київводоканал» для AppStore. Застосунок був запущений у тестовому режимі 25 вересня 2019 року.

Telegraf.Design звернувся до Арсенія Фещенка, дизайнера bird, з пропозицією розібратись, наскільки ефективно працює додаток Київводоканалу. Результати аналізу – в тексті.

Читайте також: Аналіз мобільного застосунку Kyiv Smart City App 

Автор усіх зображень: Арсеній Фещенко

Розробники бета-версії «Київводоканал» стверджують, що за допомогою додатку можна сплачувати комунальні послуги, дивитись стрічку новин, переглядати рахунки, замовляти опломбування лічильника, знаходити всі необхідні контакти служби у Києві.

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

Завантажити версію для iOS чи Android

Аналіз починається із завантаження додатку з AppStore. «Київводоканал» працює в тестовому режимі, але рейтинг 2.9 з 5 навіть на цьому етапі виглядає підозріло. Ну, подивимось.

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

Let’s begin! Перше, що хоче додаток при запуску – доступ до сповіщень. Це не гуд. Гуд – розказати, які сповіщення «Київводоканал» може надсилати, і тоді я вже подумаю. А зараз – натискаю «Заборонити».

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

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

І я не вгадав жодної.

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

Дивні моменти – навіщо показувати, який сьогодні день (це ж додаток Київводоканалу, а не календар), кнопка «Оновити» (звичне оновлення в iOS – потягнути вниз), гіперрозміри заголовків і тексту, фотостокові зображення в картці «Новини».

Наступний таб – «Контакти», при натисканні на який відкривається… карта? Так, карта із центрами обслуговування. Такого я точно не очікував. Треба або змінити назву і іконку розділу, або замінити карту.

По справедливості, контакти все-таки є — після натискання на пін.

Наступний таб — «Повідомлення», який чомусь схований за іконкою сповіщення. Більш доречною в цьому випадку була б іконка спіч-баббл. Також можна покращити empty state — допомогти користувачу зорієнтуватись на цьому екрані. «У вас поки немає повідомлень» — і що тепер? Як зробити так, щоб вони були? А які взагалі повідомлення можуть тут бути?

Останній таб — «Налаштування», хоча по функціоналу він більше нагадує акаунт користувача. Аналогічно до попереднього екрана — пропрацювати empty state: що взагалі відбувається на цьому екрані, що означає «Додати новий ОР» (я дізнаюсь пізніше, що ОР — особовий рахунок), чим це відрізняється від входу.

Кнопка із плюсом — це також таб! І це початковий екран, на який я потрапив при запуску. Незвичний дизайн-паттерн для iOS. Що більш дивно — на ньому дублюються функції «Новини» та «Контакти», які перекидають тебе на відповідні таби.

Спробую додати показники. Знову «Новий ОР», а я навіть не знаю, що це означає. Окей, додам новий, вибору немає.

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

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

Кілька тисячоліть — і я знайшов номер особового рахунку. Ура! І потрапив у особистий кабінет. Тут вже зрозуміло що робити — є інформація про користувача, є лічильники.

На екрані вводу показників лічильника все більш-менш зрозуміло. З незвичного — стилістика інпутів з Material Design, яка не личить iOS. З приємного — фіча ввімкнення ліхтарика.

Після внесення показників можна одразу оплатити рахунок. Додав картку через Masterpass без проблем.

Серед додаткових функцій в додатку — заявка на пломбування і перевірку лічильників. Впевнений, при підключенні ці функції дуже важливі. Хоча через їх низьку частоту (Пломбування — один раз, перевірка — раз на два роки) вони не будуть головними кіллер-фічами додатку.

Результат

Сподобалось:

  • Ідея діджиталізації водопостачання

Що можна покращити:

  • Перевірити навігацію на user flow в додатку
  • Пропрацювати empty states та corner-cases
  • Пофіксити розмір тексту, іконки, стилістику елементів керування
  • Попрацювати над micro-copy та емоційністю

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

Чекаю версію 1.0. У аплікації є всі шанси стати приємним та корисним інструментом для оплати комуналки.


Раніше Telegraf.Design аналізував аплікацію для сортування сміття «Сортуй»

avatar
Арсеній Фещенко
Дизайнер додатку bird
Колонка

У нас є ще дещо для вас