// //

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

26 Июль, 2017
Мы любим тексты без ошибок. Если вы все же их обнаружили, выделите фрагмент и нажмите Ctrl+Enter.

В рубрике #экспертиза мы анализируем дизайн-продукты и просим экспертов в своей сфере дать им оценку. В этот раз мы рассматривали мобильное приложение для «УкрЗалізниця».

 

Александр Вилинский

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

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

Скидки и акции предоставляются только для тех, кто ездит в первом классе. Это абсурд потому, что скидки дают на товары не самой высокой стоимости. Они были бы более актуальны тем, кто каждую пятницу ездит в другой город плацкартом. Клиенты первого класса не будут тратить 10 минут рабочего времени, чтобы узнать как та скидка начисляется.


Видно, что дизайнеры, которые работали над приложением, не особо спорили с руководством. Они просто адаптировали интерфейс под мобильный и сделали это в границах возможного. Одним словом — нормально.

Супер-дизайнер конечно же попытался бы перестроить весь опыт пользования железными дорогами. Учитывая, что компания продает 50 000 000 билетов в год, это был бы прекрасный кейс не только для Dribbble, а и для выступления на любой дизайн-конференции. Но этого не сделали. Поэтому приложение будет что-то продавать, какие-то рейтинги в маркет плейсах получать, но это далеко не «Лучший UX», который мы заслужили.

Если говорить о возможных улучшениях, то «УкрЗалізниця» стоит:

  • Почистить кучу неиспользуемых вокзалов. Если загуглить Днепр, то получите 20 странных вариантов. Среди них грузовые и неиспользуемые вокзалы и становится непонятно, какой из них выбрать, если я просто хочу в Днепр. Они мешают выбрать нужный вариант и их тяжелее локализировать под другие языки.

  • Отдавать классы вагонов вместе со списком поездов одним запросом. Сейчас это заставляет человека «тапнуть — ждать — тапнуть — ждать — тапнуть — ждать» и так далее. Почему бы не уничтожить ожидание и сделать «тап-тап-тап». Для мобильных такая скорость очень важна.

  • Подумать, как их приложение может решить проблемы людей на вокзале и в поезде: помочь людям узнать о расписании, перроне, правилах, маршруте, пересадках, типах вагонов, дополнительных услугах и других полезных вещах из приложения. Сейчас эту проблему решают работники вагонов. И решают плохо. Возможно, было бы уместно сделать из приложения помощника в поездке.

У «УкрЗалізниця» очень большой потенциал и объемы. На самом деле не важно, какой интерфейс у мобильного приложения, если после покупки вам нахамят при проверке билетов. И обслуживание — именно та часть, куда стоило бы привлекать креативных директоров и дизайнеров опыта. А какие там иконки нарисованы, уже будет не важно.


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

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

Несомненно, приятно наблюдать, как в Украине различные структуры развивают свои цифровые сервисы оказания услуг. Не так быстро и качественно, как бы этого хотелось, но это происходит. Вот теперь улучшения коснулись и железнодорожной сферы.

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

Slider image
Slider image
Slider image

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

Если вам интересен дизайн мобильных приложений, в августе Ксения и Александр проводят тематический курс Mobile Apps Design

 

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

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

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

Меня всегда радует и воодушевляет, когда что-то замечательное происходит с нашими устаревшими сервисами. Меня вдохновляют люди, которые делают это: «Агенти змін», iGOV, Рrozorro и др. А теперь и у «УкрЗалізниця». Представляю, чего стоит труд и, как минимум, обоснование того, что им нужно приложение. Меня попросили прокомментировать на предмет удобства использования. И первое, что я сделал, это порадовался, что у них появилось приложение. Но я вижу, что его можно сделать еще лучше.

Это мой субъективный анализ, который опирается на мой опыт и наблюдения, исследования. Мои рекомендации следует рассматривать как гипотезы и тщательно проверять. Разработчики могут сказать, что у них не возникает ошибок в этих местах и вообще все хорошо. Дай бог. В любом случае нужно тестировать и изучать каждую гипотезу.

Итак.

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

Slider image
Slider image

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

Выбор билета — тут все понятно. Но что значит «Время»?


На основном сайте это фича, с какого времени показывать поезда. И если выбираешь с 00:00, то выбивает все опции. Там же четко подписано «Время с».

Выбираем поезд, выбираем вагон, место иии…? Что делать дальше на этом экране?

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


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

Далее вбиваем имя и фамилию. Есть кнопка «В корзину» — оказывается тут есть корзина!


Но при нажатии на кнопку ничего не происходит. Очищаются все данные. (смайл боли и разочарования).

На самом деле, если присмотреться, то в правом углу появляется еле заметный значок корзины, а место меняется на следующее.


Тут можно добавить четкий заголовок «Пасажир №1», который потом изменится на «Пасажир №2». И добавить анимацию, когда карточка улетает в корзину. Это поможет понять, что появилась корзина и куда делась вся информация.

Имена запрашивают на русском. Это ведь очень подозрительно, если паспорт у меня украинский. Мне повезло: мое имя и фамилия пишутся одинаково, а что делать людям, у которых не так?

Отработка ошибок — так себе.

Ошибся, когда вбивал е-mail. Понял это, когда перешел на следующую страницу. Нажал назад и попал на первую страницу. Пришлось заполнять все заново. Грусть, печаль, уныние.

Возможно, это необходимо в целях безопасности… Но все же корзина не сохраняется и пропадает. Вот еще пример. Проверка на длину поля карты проводится после нажатия на кнопку «Оплатить».

Ну и формулировка странная, ведь я не формировал никакой запрос!

Консистентность

В веб версии сначала идет фамилия, а потом имя. В приложении — наоборот. Если пользователи часто покупают билеты в вебе, то привыкли к одному заполнению, а тут по-другому,  что провоцирует ошибки на ровном месте.

Кроме этого сам визуальный дизайн не совсем похож на веб версию, что заставляет задуматься, действительно ли это приложение от «УкрЗалізниця»? Возможно, приложение — это более свежий подход к снаряду и внедрение, например, «Личного кабинета» мы увидим скоро и на сайте.

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

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

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

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

Так или иначе все смогли заказать билеты. Что говорит о том, что приложение работает! Во всяком случае, для опытной аудитории. Но участники тестирования сталкивались с некоторыми проблемами. И некоторые совпали с  описанными выше.

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

Выводы

Через приложение можно заказать билеты и это главное! #перемога. Но пользователи сталкиваются с проблемами. Если их убрать, приложение будет удобнее. Не стоит останавливаться на достигнутом. Лучше протестировать все более основательно на реальных пользователях и с более широким спектром задач, а еще постоянно внедрять улучшения.

 

 

У нас есть еще кое-что для вас

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: