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

Ссылка на сайт: https://www.aviaperm.ru/passengers/information/buyticket/

1. Анализ текущего решения.

2. Анализ конкурентов.

3. Предложение решения и прототипирование

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

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

1. Зачем-то пользователю показывается этап приобретения билета, хотя пользователь пришел пока найти билет. Данный блок не нужен на стадии поиска билета. 

2. Заголовок слишком большой. Он занимает много места. Он даже больше заголовка страницы. Такого не должно быть. Нужно думать о правилах подачи контента пользователям. От большого к малому.

3. Табы не совпадают с подачей информации ниже. Например, если пользователь выбрал в одну сторону, то Вылет обратно не нужно показывать.

4. Выбор пассажиров делает поиск билетов нагруженным. Можно было бы сделать более компактным. этот блок.

5. Прятать выбор класса, не удачное решение. При поиске пользователь должен видеть где выбрать класс, так как это важная часть формы поиска. 

6. Без пересадок, можно было бы оставить тоже, либо убрать в сортировку при отображении списка найденных рейсов.

7. Когда пользователь выбирает сложный маршрут, то форма настройки поиска перегружается еще сильнее. 

8. Когда рядом стоят иконки удаления и добавления это, тоже не очень хороший паттерн. Есть большой процент, вместо добавить нажать на удалить. 

9. Для пользователей, который пришли чтобы найти и приобрести билеты, этот функционал бесполезный и не нужный. 

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

11. Метка “Самый дешевый” с плашкой, плохо выделяет. Нет акцентов в информации. Без пересадок повторяется из первого этапа. Параметры указаны без акцентов, сплошным текстом в столбик. Плохо считывается. 

12. При клике на кнопку “Изменить параметр”, она превращается в ссылку “Не надо ничего менять”. Такое решение плохое. Открытие и закрытие настроек должно быть одинаковым и текст коротким.

13. Много лишней информации. 

14. Текста большие. 

15. Иконки непонятные. 

16. Таблица сделана не качественно. Колонки сливаются, что текст слипается.

17. Инпуты не указаны как обязательны.

1. Крупные инпуты, в который имеются примеры городов отправления и прибытия.

2. Визуально понятно где откуда и куда.

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

4. Выбор Обратно и сложный маршрут и т д — визуально отличается, что немного вызывает сомнения. Такое ощущение, что Обратно выбрано, но не показывают параметры обратного отправления.

5. Визуально понятно, сколько выбрано пассажиров.

6. Класс отображается сразу и его можно сменить. Единственное, что сразу визуально не показано, что это выпадающий список. ПОнятно только при наведении.

7. При выборе обратного отправления, пропадает функция “Продолжить маршрут” и “Разомкнуть маршрут”. Нужно сбрасывать чтобы сделать несколько маршрутов. Нехорошая идея.

8. Небольшое количество добавлений в ложный маршрут. Максимум +2 к обычному.

9. Интересная подача информации в списке поисковой выдачи. Крупные цифры с суммой и датой отправления. 

10. Отображение суммы — это хорошее решение, так как пользователю нужно выбрать подешевле рейсы. Пользователь вначале обращают на сумму, а потом уже на компанию и все остальное.

11. Визуально понятно, что сколько пассажиров выбрано, откуда и куда.

12. Сортировка и отображение количество рейсов, хорошая подача.

13. При клике на рейс, можно ознакомиться с подробной информацией о рейсе. Такой как, багаж, время полета и т д.

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

2. Интересная подача календаря с датами. Можно переключить какой маршрут, “Туда-обратно”, либо “Только туда”. 

3. В датах календаря отображается сумма за стоимость билетов на каждый день.

4. Хорошее решение выбора и отображения пассажиров и класса.

5. У яндекса отображение списка сделана как обычный список покупок. В котором сначала идет Авиакомпания (Вид товара), Время (Описание) и цена с кнопкой купить. В принципе это тоже неплохое решение, но тут нужно проводить тестирование и опросы, по поводу отображения данных в списке.

6. Хорошая подачи сортировки и отображение сколько рейсов найдено.

7. Интересный функционал динамики цен, но в календаре и так можно посмотреть сумму в другие дни.

1. Настройка поиска сделана понятно. Поэтапное заполнение полей. 

2. Если нужно воспользоваться сложным маршрутом, то можно добавить +5 полей. 

3. Возможность использовать мили.

4. Использовать персональный промо-код.

5. Выбор количества пассажиров сделана компактно, через иппут. В этом инпуте Можно выбрать не только количество, но и тип класса.

6. Календарь используется простой. Видимо решили не нагружать функционалом его. А весь остальной функционал использовать в другом месте. (Хорошее решение)

7. Поисковая выдача сделана с динамикой цен, не только выбранную дату, но и на 3 дня вперед и 3 дня назад. Можно переместиться в другие недели и посмотреть, какие цены будут в те дни.

8. Немного путает, что показывается в списке только в одну сторону, если пользователь выбрал Туда-обратно. Сумма кажется маленькой, но потом выясняется, что нужно выбрать и обратно, чтобы все суммировалось.

9. После того когда пользователь выбрал в одну сторону, его перекидывает на следующий этап — выбор в обратную сторону. Путает такой подход.

10. Верхняя строчка с выбранным рейсом Туда немного путает. Она выглядит как будто ее нужно опять выбрать. В ней находится акцентная кнопка “В заказе”. Она не понятна. Почему в заказе? Почему не “Выбранный рейс”?

11. Слишком много данный отображаются на данном экране. 

12. Весь сценарий покупки билета очень длинный. Пока пользователь перейдет к оплате, он уже устанет. Есть вероятность уйти из сайта и купить на другом сервисе.

1. Простой поисковик. Без дополнительных настроек. Откуда-куда, Дата и пассажиры. 

2. Невозможности выбрать класс.

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

4. Выбор количество пассажиров сделано просто и понятно. Хорошое решение. 

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

6. Выбор класса после настройки не очень удачное решение.

7. Отступы в тексте, между блоками и мелкие. Плохо считывается.

Для начала выявим какие данные и какая будет структура каждого экрана.

1. Пользователь должен понимать куда ему нажать чтобы выбрать откуда ему лететь. Если если возможность определение города, то предоставить город отправления.

2. Дальше пользователь должен выбрать куда ему лететь. Этот инпут будет выдавать города прибытия при вводе букв.

3. Дальше пользователю нужно определиться с датой. Тут он может выбрать “Только туда” или “Туда-обратно”.

4. Далее нужно выбрать количество пассажиров и класс рейса.

5. После можно искать нужные рейсы.

6. Система начинает искать.

7. Выдает список найденных рейсов, либо если нет, то сообщает пользователю об этом.

8. Пользователю отображается список рейсов.

9. Выше ему показывается количество рейсов, сортировка.

10. В списке есть выгодный рейс.

11. Если пользователь нашел нужный рейс, то он переходит на этап оформления билета.

12. Следующие этапы…

Посмотреть прототип можно по ссылке.