Совместно с UX-экспертами цифрового агентства Апрок CPU открывает в разделе «Интерфейсы» серию материалов, посвященных редизайну сайтов и приложений крупных компаний.
Первой мишенью линчевания стал сайт РЖД.
Введение
Часто случается, что в погоне за увеличением продаж и продаж услуг компании не уделяют должного внимания удобству пользователей, что в конечном итоге приводит к их убыткам.Наша цель — напомнить предпринимателям и представителям бизнеса о важности обеспечения комфорта пользователя.
Сайт РЖД, как ресурс любой крупной корпорации (в данном случае госкорпорации), имеет значительный масштаб и наполнен буквально гигабайтами не всегда полезной информации.
Однако, если изучить пользователей сайта и типичные сценарии их поведения, можно выявить слабые места интерфейса и начать их исправлять, правильно расставив приоритеты.
Пользователи
Для анализа сначала определяются типы пользователей.
При этом можно выделить следующие группы и сценарии использования сайта:
Логично предположить, что подавляющее большинство пользователей сайта — это пассажиры, планирующие купить билет на поезд, поэтому мы акцентируем внимание на этом функционале интерфейса.
Этот раздел обновляется раз в полгода, поэтому постоянно вносятся улучшения, поэтому взгляд со стороны может быть полезен специалистам РЖД.
Большие перемены
Домашняя страница
Первая страница имеет недостаточный функционал и плохо ориентирована на основную аудиторию, которая приходит на сайт за билетами.Логичнее сделать главную страницу» Пассажиры » и добавить в него функциональные блоки, ориентированные на корпоративный сегмент «Грузовые перевозки», «Структура», «Деятельность».
Обязательная регистрация
Для покупки билета необходима регистрация по электронной почте, хотя от этой утомительной процедуры можно было бы и вовсе отказаться.Также оптимально заменить ее регистрацией по СМС; это практичнее и проще для понимания более старшей аудитории (скорее всего, у них есть телефон, а не электронная почта).
Вы также можете убрать поле «Логин», заменив его адресом электронной почты.
«Выйти» при покупке билета
Если пользователь зарегистрируется, а затем начнет выбирать билеты, он будет «разлогинен» и вынужден повторно ввести логин-пароль.
Нет автозаполнения
Логично, что заполнив свои данные один раз, пользователь в большинстве случаев купит билеты себе.Поэтому стоит запомнить его данные и в дальнейшем вводить их автоматически при заказе.
К сожалению, на данный момент всю необходимую информацию приходится каждый раз вводить заново.
Ээлектронная регистрация
После покупки билета пользователь автоматически проходит электронную регистрацию (ЭП), и для занятия места в поезде ему необходим только паспорт. Но иногда автоматическая регистрация не происходит (в случае транзита или отсутствия такой возможности на конкретный рейс), это случается редко, поэтому пользователь может легко не заметить такой нюанс – к этому уже все привыкли.что этот процесс осуществляется автоматически.
В дальнейшем может возникнуть неприятная ситуация, когда пользователь придет на станцию для посадки в поезд, время остановки которого не превышает пяти минут, и его издевательски попросят распечатать билет, что равносильно опозданию.
Видимо такое случается часто, так как эта проблема упоминается неоднократно.
Однако вероятность того, что люди прочитают заметку и будут более внимательны при заказе в будущем, крайне мала.
Также логично выделить поезда «без ЭП», поскольку их меньше, и отсутствие такой информации может оказаться фатальным для пассажира.
Недостаток информации об акциях.
При покупке билетов на таких сайтах предоставляют информацию о проводимых акциях или программах лояльности с целью увеличения продаж.
Вам необходимо провести значительное количество времени на сайте РЖД, чтобы
Найди их .
Окончание покупки
После совершения покупки пользователю предлагается распечатать билет (хотя в этом нет особой необходимости), и для этого ему необходимо зайти в меню «Мои заказы», затем найти билет и только потом его распечатать.Правильнее было бы включить кнопку «Распечатать билет», а также возможность отправить билет или краткую информацию о заказе по электронной почте на телефон.
Детальный анализ страницы
Выбор поезда
Громоздкая дополнительная информация, оптимально ее разбить и дать в том контексте, в котором она нужна; Фильтрацию по типу мест (место, плацкарт, купе и т.п.) можно убрать, так как стоимость и условия часто одинаковы, а выборка поездов небольшая; Время отправления и прибытия имеет приоритет над названием поезда; Сомнительная иконка поезда создает информационный шум; Переключатель можно убрать и щелкнуть по всей строке.
Это уменьшит количество действий.
Выбор автомобиля
ЭП можно убрать, так как он дублируется и распространяется на весь состав, а не на конкретный вагон; Вы можете сразу уточнить термины «категории автомобилей», «класс обслуживания» и «перевозчик» — например, добавить звездочку, при наведении на которую предоставляется дополнительная информация; Сервисы и функции почти всегда пустые поля, хотя и влияют на выбор.
Информация о пассажирах
Весь функционал страницы ориентирован на покупку билетов для нескольких человек.Есть сомнения, что это основная закономерность для пользователей; Выбор локации дублируется тремя вариантами ввода.
Возможность покупки конкретного места существует, если определить только его интервал - например, 23-23. Текущий функционал удобен для случая, когда покупателю необходимо занять пять верхних полок через определенный интервал; Если убрать трёх «лишних» людей, то поля ввода можно будет расположить более оптимально.
«Оплатить постельное белье» — этот пункт должен быть выбран по умолчанию и выделен отдельно.
Теперь теряюсь в выборе места.
Если вы забыли нажать, то нижнее белье уже приобретается отдельно на месте.
Хотя, по слухам, кондукторы редко забывают брать оплату, и таким образом можно сэкономить (см.
картинку ниже).
Поле «Место рождения», введенное недавно, вызывает сомнения.
То же самое касается и пункта «Дата рождения».
Окончание покупки
Много текстовой информации, которую сложно переварить.Информация о ЭП дублируется дважды; Страницу можно существенно оптимизировать и разместить на одном экране.
Теперь кнопка «Оплатить» пропала; Флажок подтверждения не виден из-за большого текста, поэтому может возникнуть ситуация, когда пользователь после выполнения значительного количества манипуляций не понимает, почему невозможно провести платеж.
Редизайн
Анализ был бы не полным, если бы мы не представили свой вариант дизайна сайта РЖД.Чтобы избежать споров по поводу выбора цвета и стиля, концепция представлена в виде функционального прототипа, близкого к дизайн-макету.
Домашняя страница
Покупка выбранного билета; Мы сосредоточились на акциях, дополнительной информации и новостях; Меню было составлено более тщательно; Сайту необходима адаптивная верстка и мобильная версия дизайна.
Выбор поезда
Уменьшено количество шагов; Мы убрали лишние акценты и избавились от информационного шума; Добавлена сортировка по времени и стоимости; Визуально выделенное время и стоимость; Мы сосредоточились на высокоскоростных поездах («Сапсан»); Добавлена возможность добавлять закладки «Дешево», «Быстро»; Мы выделили информацию об услугах, чтобы пользователи могли, например, выбрать поезд с вагоном-рестораном, кондиционером и оплатить в ресторане банковской картой; Мы сосредоточились на поездах без ЭP; Вся строка с выбором поезда кликабельна.
Выбор автомобиля
Теперь мы можем примерно представить себе расположение машин; При наведении курсора на категорию появляется подробная информация; Добавлены иконки сервисов.
Данные о пассажире
Выбор места осуществляется по схеме автомобиля; если выбрано более одного пассажира, то добавляется соответствующее количество полей для ввода персональных данных; Вся информация расположена в более оптимальном соотношении полей; Выбор пола осуществляется с помощью «ползунка»; Отдельная кнопка «Добавить пассажира»; Акцентированная кнопка «Оплатить».
Оплата
Аккуратно изложенная информация о заказе.Стилистически оформлен в виде билета; Понятный и удобный выбор способа оплаты; Сокращенная форма подтверждения условий.
Завершение регистрации
Информация о прохождении ЭП выделена; Билет можно сразу распечатать; Билет можно отправить по электронной почте или по SMS на телефон.
Заключение
Ключевые изменения в интерфейсе включают устранение информационного шума, расстановку более четких акцентов, добавление более четко представленной вспомогательной информации и использование адаптивного дизайна.Даже эти стилистические изменения могли бы существенно оптимизировать работу сайта и самой компании РЖД.
Например, мобильная версия покупки билетов позволит существенно сократить очереди на вокзале.
Конечно, перфекционизму нет предела, и нынешний сайт тоже можно улучшить.
Однако для более глубокого и тщательного анализа необходимы статистические данные о количестве посещений и возможности проведения A/B-тестов.
Было бы интересно услышать мнение аудитории ЦП - что еще можно улучшить и какие еще неудобства есть на сайте РЖД, не вошедшие в этот материал?
-
Сад, Артур
19 Oct, 24 -
Запуск Linux В Microsoft Azure
19 Oct, 24 -
Постоянный Календарь — Мечта Программиста
19 Oct, 24 -
Война Новых Форматов: Тв Hdr
19 Oct, 24