Приложение едем.рф ЖД

Сделал редизайн мобильного приложения едем.рф. ЖД-направление. Верия для iOS 26, по HIG гайдам

Главная

Поисковая выдача

Выбор мест

Выбранные поезда

Карточка поезда

Новый пассажир

Саммари

Билеты куплены

Вводные

На входе есть уже обновленная десктопная версия. Теперь нужно обновить мобильное приложение под iOS. В процессе учесть внесенные изменения, но переосмыслить их с точки зрения мобильных паттернов и гайдов HIG

Флоу покупки билета в одну сторону

Исследование

Сделал бенчмаркинг. Проанализировал решения конкурентов и топовых игроков на рынке: Туту, Путешествия, Озон Тревел, РЖД и другие

Туту

Путешествия

Флоу в основном похожи, скорее всего это связано с ограничениями, наложенными гайдами РЖД по которым разрабатываются продукты покупки ЖД билетов

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

Эти проблемы обнаружены у нас, с ними же столкнулись и другие сервисы

Экраны перегружены информацией, слишком шумный. Низкий контраст между заголовками и текстом

Длинный скролл однотипных данных сбивает с толку

Огромные блоки с выбранными данными сдвигают содержимое экрана вниз. Здесь нужно выбрать места, но их даже не видно

Данные плохо структурированы. Нарушены правила внутреннего и внешнего

Гипотезы и решения

Стал думать как упростить флоу и сделать экраны читабельнее

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

Убрать длинный скролл однотипных данных из десятков поездов. Вместо них — варианты поездок, отражающие потребности пользователя: самый быстрый, самый дешевый, комфортный и т. д.

Добавить быстрые фильтры: показать полезные опции и тарифы. Например: женское купе, проезд с животным или тариф «Купе К» (позволяет выкупить купе целиком) и т. д.

Часть информации выводить во всплывающих окнах (разбить на уровни). Например информацию о поезде, вагоне или анкету пассажира

Добавить в строку поиска выбор количества пассажиров, это позволит убрать форму с экрана и поднять наверх список пассажиров в видимую область

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

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

Информацию о поезде сделать компактнее и информативнее. Например: добавить выбранные места с миниатюрной схемой вагона

После покупки добавить завершающий экран, на котором пользователь сможет «потрогать» купленные билеты)

Саша Степанов

Приложение едем.рф ЖД

Вводные

Исследование

Гипотезы и решения

Всегда готов