Топ новостей


РЕКЛАМА



Календарь

# Експертиза Мобільний додаток для «Укрзалізниця»

  1. У рубриці # експертиза ми аналізуємо дизайн-продукти і просимо експертів у своїй сфері дати їм оцінку....
  2. Ксенія Бутиріна
  3. Олег Карапузов

У рубриці # експертиза ми аналізуємо дизайн-продукти і просимо експертів у своїй сфері дати їм оцінку. Цього разу ми розглядали мобільний додаток для «Укрзалізниця».

Олександр Вілінський

Product Designer в Readdle, куратор в Projector

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

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

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

Супер-дизайнер звичайно ж спробував би перебудувати весь досвід користування залізницями. З огляду на, що компанія продає 50 000 000 квитків на рік, це був би прекрасний кейс не тільки для Dribbble, а й для виступу на будь-який дизайн-конференції. Але цього не зробили. Тому додаток буде щось продавати, якісь рейтинги в маркет плейс отримувати, але це далеко не «Кращий UX», який ми заслужили.

Якщо говорити про можливі удосконалення, то «Укрзалізниця» варто:

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

Вони заважають вибрати потрібний варіант і їх важче локалізувати під інші мови

  • Віддавати класи вагонів разом зі списком поїздів одним запитом. Зараз це змушує людину «тапнуть - чекати - тапнуть - чекати - тапнуть - чекати» і так далі. Чому б не знищити очікування і зробити «тап-тап-тап». Для мобільних така швидкість дуже важлива.

Для мобільних така швидкість дуже важлива

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

У «Укрзалізниця» дуже великий потенціал і обсяги. Насправді не важливо, який інтерфейс у мобільного додатка, якщо після покупки вам нахамити при перевірці квитків. І обслуговування - саме та частина, куди варто було б залучати креативних директорів і дизайнерів досвіду. А які там іконки намальовані, вже буде не важливо.


Ксенія Бутиріна

UI / UX Designer у Trinetix, куратор в Projector

Безсумнівно, приємно спостерігати, як в Україні різні структури розвивають свої цифрові сервіси надання послуг. Не так швидко і якісно, ​​як би цього хотілося, але це відбувається. Ось тепер поліпшення торкнулися і залізничної сфери.

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

Однак мобільний додаток досить просте для використання і зберігає функціонал офіційного сайту. В інтерфейсі дотримані стилістика і гайдлайни систем (iOS, Android), що полегшує користувачам взаємодію, використовуючи звичні патерни поведінки. Свою основну функцію (покупку квитка) воно виконує. У мене без проблем вийшло купити і здати квиток. Дуже зручно, коли квиток у тебе під рукою і не приходиться шукати його на пошті і зберігати в інші додатки.

Якщо вам цікавий дизайн мобільних додатків, в серпні Ксенія і Олександр проводять тематичний курс Mobile Apps Design .

Якщо вам цікавий дизайн мобільних додатків, в серпні Ксенія і Олександр проводять тематичний курс   Mobile Apps Design

Олег Карапузов

Head of UX Department в Vintage Web Production, до уратор в Projector

Аналіз версії для Android

Мене завжди радує і надихає, коли щось чудове відбувається з нашими застарілими сервісами. Мене надихають люди, які роблять це: «Агенти змін», iGOV, Рrozorro і ін. А тепер і у «Укрзалізниця». Уявляю, чого коштує праця і, як мінімум, обґрунтування того, що їм потрібно додаток. Мене попросили прокоментувати на предмет зручності використання. І перше, що я зробив, це порадів, що у них з'явився додаток. Але я бачу, що його можна зробити ще краще.

Це мій суб'єктивний аналіз, який спирається на мій досвід і спостереження, дослідження. Мої рекомендації слід розглядати як гіпотези і ретельно перевіряти. Розробники можуть сказати, що у них не виникає помилок в цих місцях і взагалі все добре. Дай Боже. У будь-якому випадку потрібно тестувати і вивчати кожну гіпотезу.

Отже.

Ні назв українською. Вибір мови розміщений аж в гамбургер меню. Загадка: навіщо бургер меню і чому воно саме там? В дослідженні минулого року Nielsen Norman Group говорять про те, що прихована навігація погіршує юзабіліті метрики. У такому випадку основні 4 пункту меню можна розмістити в нижній панелі. (Наприклад, як в Instagram).

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

Вибір квитка - тут все зрозуміло. Але що значить «Час»?

На основному сайті це фіча, з якого часу показувати поїзда
На основному сайті це фіча, з якого часу показувати поїзда. І якщо вибираєш з 00:00, то вибиває всі опції. Там же чітко підписано «Час з».

Там же чітко підписано «Час з»

Вибираємо поїзд, вибираємо вагон, місце ІІІ ...? Що робити далі на цьому екрані?

Що робити далі на цьому екрані

Виявляється, потрібно натиснути нижню панель. У ній здадуться деталі і кнопка «Оформити».

Можна було б «Оформити» розмістити в правому верхньому кутку: місце є і так звичніше
Можна було б «Оформити» розмістити в правому верхньому кутку: місце є і так звичніше. Ось хороший приклад з Facebook.

Далі вбиваємо ім'я і прізвище. Є кнопка «В кошик» - виявляється тут є кошик!

Але при натисканні на кнопку нічого не відбувається
Але при натисканні на кнопку нічого не відбувається. Очищаються всі дані. (Смайл болю і розчарування).

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

Тут можна додати чіткий заголовок «Пасажир №1», який потім зміниться на «Пасажир №2»
Тут можна додати чіткий заголовок «Пасажир №1», який потім зміниться на «Пасажир №2». І додати анімацію, коли картка відлітає в кошик. Це допоможе зрозуміти, що з'явилася корзина і куди поділася вся інформація.

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

Відпрацювання помилок - так собі.

Помилився, коли вбивав е-mail. Зрозумів це, коли перейшов на наступну сторінку. Натиснув назад і потрапив на першу сторінку. Довелося заповнювати все заново. Смуток, печаль, смуток.

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

Перевірка на довжину поля карти проводиться після натискання на кнопку «Оплатити»

Ну і формулювання дивна, адже я не формував ніякої запит!

Ну і формулювання дивна, адже я не формував ніякої запит

консистентность

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

Крім цього сам візуальний дизайн не зовсім схожий на веб версію, що змушує задуматися, чи дійсно це додаток від «Укрзалізниця»? Можливо, додаток - це більш свіжий підхід до снаряда і впровадження, наприклад, «Особистого кабінету» ми побачимо скоро і на сайті.

Вишенька на торт

Я провів коридорне юзабіліті тестування серед своїх колег.

Тестував на 3 людей. Знаю, що вибірка не релевантна, але Стів Круг (в книзі «Юзабіліті тестування за методом Стіва Круга») говорить, що для якісного (не кількісний) тестування цього достатньо, щоб отримати гіпотези для подальшої докладної перевірки.

Завдання: Ти хочеш на конференцію до Львова, яка починається о 16:00. Замов квиток собі і своєму другові.

Так чи інакше все змогли замовити квитки. Що говорить про те, що додаток працює! У всякому разі, для досвідченої аудиторії. Але учасники тестування стикалися з деякими проблемами. І деякі збіглися з описаними вище.

  • Час не зрозуміло - у 2 з 3 чоловік.
  • Не зрозуміло, як повернутися до вибору дати (назад), якщо потяги на сьогодні не підходять - 2 з 3.
  • Не зрозуміло, як продовжити покупку (куди натиснути «Далі») - 2 з 3.
  • Ввів дані, а вони кудись поділися (вони потрапили в кошик) - 1 з 3.

висновки

Через додаток можна замовити квитки і це головне! # Перемога. Але користувачі стикаються з проблемами. Якщо їх прибрати, додаток буде зручніше. Не варто зупинятися на досягнутому. Краще протестувати все більш грунтовно на реальних користувачів і з більш широким спектром завдань, а ще постійно впроваджувати поліпшення.

Загадка: навіщо бургер меню і чому воно саме там?
Але що значить «Час»?
Що робити далі на цьому екрані?
Мені пощастило: моє ім'я і прізвище пишуться однаково, а що робити людям, у яких не так?
Крім цього сам візуальний дизайн не зовсім схожий на веб версію, що змушує задуматися, чи дійсно це додаток від «Укрзалізниця»?

Реклама



Новости