Monday, October 12, 2015

Список авиабилетов в Skyscanner и Aviasales

Skyscanner and Aviasales logos
Приложения Skyscanner и Aviasales нужны для поиска авиабилетов, отелей и проката машин. В этой статье я рассматриваю экран со списком авиабилетов.
Список авиабилетов и рейсов – это основной рабочий экран.
Чтобы быстро и легко принять решение о правильном рейсе, нужно чтобы:
  • Информация была понятной, не вызывала недопонимания или сомнения.
  • Информация была выделена в соответствии с важностью: сначала важное, потом детали.
  • Информации не было слишком много за раз.

Экраны приложение, слева Skyscanner, справа Aviasales.
Список рейсов в Skyscanner
Список рейсов в Aviasales

Skyscanner

Элементы в Skyscanner выделены (условно) в следующем порядке:
  1. Цена
  2. Время рейса
  3. Прямой или с пересадками рейс
  4. Название аэропорта
  5. Логотип авиакомпании.
Несмотря на большое количество разных элементов, все элементы хорошо различимы между собой. Самым заметным параметром является цена. Далее выделено время рейса. Цветовое кодирование прямого рейса и рейса с пересадкой воспринимается легко.
  • Порядок Skyscanner соответствует ожиданиям пользователей.
Относительно понятности и полноты информации я вижу следующие проблемы:
  • Результаты какого запроса я просматриваю? Текущий запрос слабо заметен. При поиске билетов пользователь делает несколько запросов, на разные даты, поэтому ему важно видеть, результаты какого именно запроса он просматривает.
  • В какой валюте отображается цена? Валюта указана на верхней панели, но не каждый поймет, что символ «р.» – это знак рубля. Я бы выделила используемую валюту, например, добавив зеленый фон символу «р.».
Также, информации слишком много для одного экрана. Я бы сократила количество отображаемых рейсов и увеличила расстояние между карточками.

Aviasales

Элементы в Aviasales выделены (условно) в следующем порядке:
  1. Цена
  2. Логотип авиакомпании
  3. Время рейса
  4. Аэропорт пересадки, длительность перелета
  5. Название аэропорта.
Порядок элементов спорный: цена, затем логотип авиакомпании. При этом для цены выбран спорный желтый цвет. На всех ли экранах он будет досточно контрастным?
  • Время рейса смешивается с другими параметрами в нижней части карточки и менее заметно, чем логотип авиакомпании.
  • Названия аэропортов слабо различимы, хотя эта информация может быть полезна пользователю.
Относительно понятности и полноты информации я вижу следующие проблемы:
  • Результаты какого запроса я просматриваю? Не указаны параметры текущего запроса: на какое число, количество пассажиров.
  • Прямой и обратный рейс совершаются одной авиакомпанией? Отображается только один логотип авиакомпании. Создается впечатление, что в приложении нет билетов, у которых прямой и обратный рейс совершаются разными авиакомпаниями. На самом деле, отображается логотип авиакомпании обратного рейса.
  • Как отсортированы билеты? Параметры сортировки не показаны на экране.
На экране помещается 6 карточек, тогда как в Skyscanner это 10 карточек. Я думаю 7 было бы идеальным количеством.

Кто лучше

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

Связанные статьи

Эмоции
Эмоции против простоты и эффективности
Эта статья о первых 2 минутах работы со Skyscanner и Aviasales. О том, что эмоции перевешивают простой лаконичный дизайн.
Фильтры
Как надо и не надо делать фильтры
В этой статье я сравниваю фильтры приложений Skyscanner и Aviasales.

No comments:

Post a Comment