Вступление

Я обучался проектированию осязаемых объектов, и я очень рад перенести полученные навыки в цифровое пространство. Я поставил перед собой задачу перепроектировать приложение в рамках процесса дизайн-мышления за 20 «помидоров» (25-минутных отрезков времени по методу «Помидора», что составляет чуть более 8 часов работы).

Мой друг недавно поделился со мной дизайн заданием, которое давали на собеседовании кандидатам на работу в авторитетном стартапе. Вот оно:

Спроектируйте процесс выбора лучшей даты для поездки.

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

Поиск дешевых рейсов

Известный способ найти самые дешевые тарифы — использовать агрегаторы авиабилетов. Они работают путем поиска на сотнях платформ заказа билетов онлайн, сайтов авиалиний и туристических агентств и представляют все результаты на одной странице. Skyscanner — это приложение, которое использует 60 миллионов человек (включая меня), потому что он постоянно находит самые дешевые цены на авиабилеты и его интерфейс прост в использовании.

Skyscanner iOS приложение

Знакомство с приложением

Я провел интервью с 5 пользователями Skyscanner и наблюдал за тем, как они заказывали авиабилеты, уделяя особое внимание тому, как они в конечном итоге выбирают даты поездок.

Знакомство с мобильным приложением Skyscanner

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

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

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

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

Путешественники ожидают, что Skyscanner не только сравнит самые дешевые авиарейсы, но и самые дешевые комбинации дат.

Имеющиеся альтернативы

Skyscanner нацелен на то, чтобы помочь пользователям выбрать даты посредством трех существующих интерфейсов.

Три интерфейса выбора дат Skyscanner
Слева: Цветные точки | По центру: Диаграмма | Справа: Поиск с открытой датой

  • Цветные точки соответствуют диапазону цен, но они недостаточно подробны для сравнения цен между днями. Точки также не имеют визуальной выразительности (вероятно, чтобы избежать загроможденного интерфейса).
  • Диаграмма представляет цены полосами в 2 недели. Тем не менее, пользователям по-прежнему приходится переключаться между различными комбинациями дат, поскольку они больше связаны с общей ценой, чем относительной высотой полос.
  • Поиск с открытой датой автоматически предлагает самые дешевые комбинации дат на ближайшие 3 месяца. Тем не менее, те, кто знает предполагаемые даты своей поездки, вряд ли пользуются этой функцией.

Со всеми тремя интерфейсами пользователи настороженно относятся к самым дешевым тарифам, потому что часто у них нежелательные сроки (раннее утро или поздняя ночь) или длительные перелеты.

Пользователи

Еще я узнал, что путешественники распределяются по следующему спектру:

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

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

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

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

Персонаж пользователя Skyscanner из промежуточной категории
Персонаж пользователя из промежуточной категории

Более глубокие выводы

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

Skyscanner скриншоты
Слева: Несколько скриншотов, отправленных друзьям | Справа: Данные о рейсах, записанные в блокнот

  • Трудно сравнивать цены между датами, когда детали повсюду. Чтобы собрать потенциальные рейсы в одном месте, пользователи спамят скриншотами друзьям в мессенджерах, или копируют и вставляют отдельные данные рейса в приложение «Блокнот». Пользователи ожидают, что данные о рейсе будут собраны в одном месте, так чтобы было легко принимать решения.
  • Как отмечалось ранее, пользователи с подозрением относятся к дешевым тарифам, поскольку у них часто нежелательные сроки или длительные пересадки. У каждого путешественника свои ограничения (даты, продолжительность, уровень комфорта) и они ожидают, что смогут адаптировать полет под себя.
  • Пользователи обеспокоены выбором лучшей даты в пределах своего времени или бюджетных ограничений. Пользователи не просто хотят увидеть лучший выбор, но они также хотят понять, почему этот выбор лучше, чем остальные варианты.

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

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

Как мы можем помочь путешественникам, которые могут сдвинуть дату поездки на несколько дней, выбрать наилучшее сочетание дат, соответствующих их ограничениям?

Выбор дат

Добавление Таблицы

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

Таблица дат Skyscanner ios

При входе в таблицу пользователю предоставляется сетка дат отправления, даты возврата и общие цены с самыми дешевыми датами, выделенными зеленым цветом.

выделение дешевых дат Skyscanner

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

Дополнительные данные

По желанию пользователи могут настроить свой рейс с помощью мощных фильтров Skyscanner и выбирать необходимые условия.

Процесс проектирования

Основываясь на собранных данных, я сформулировал ключевые вопросы:

  1. Как мы можем легко сравнивать рейсы?
  2. Как мы можем адаптировать рейсы для соответствия ограничениям каждого человека?
  3. Как включить эту функцию в существующее приложение Skyscanner?

С каждой итерацией я проводил тестирование пользователей с 3−5 путешественниками из промежуточной категории.

1: Как мы можем легко сравнивать рейсы?

Как мы можем легко сравнивать рейсы?
Прототипы способов более понятного сравнения рейсов
Этот формат таблицы предлагает наиболее точное сравнение общей цены между различными комбинациями дат. Более того, опытные путешественники привыкли к этому интерфейсу, поскольку некоторые веб-сайты авиакомпаний (FinnAir) уже используют такой же формат.

Однако есть некоторые проблемы, которые лягут в основу дальнейших исследований.

1a: Сколько деталей отображать?

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

Изучение способов четкого и упорядоченного представления данных
Изучение способов четкого и упорядоченного представления данных
Мне удалось свести к минимуму когнитивную перегрузку и уменьшить визуальный беспорядок, разбивая информацию на равные блоки, опираясь на визуальные сигналы из приложений электронных таблиц (Keynote и Excel) и создавая визуальную иерархию с помощью типографики.

1b: Как мы можем ориентироваться дальше?

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

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

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

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

2: Как мы можем адаптировать рейсы для соответствия ограничениям каждого человека?

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

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

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

3a: Как мы можем включить эту функцию в существующее приложение на Skyscanner?

Новый функционал в существующем приложении Skyscanner

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

3b: Как пользователи могут понять значение таблицы?

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

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

Подсказки в таблице цен Skyscanner

Лучше всего предоставить таблицы путешественникам из промежуточной категории (которые могут сдвинуть поездку на пару дней), когда они переключаются между датами на странице результатов. Им гораздо легче понять ценность предложения таблицы, когда они сталкиваются с проблемой.

Выводы

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

Важные вещи, которым я научился:

  1. Проектирование программного обеспечения может быть аналогичным проектированию оборудования. Предоставление отличного опыта по-прежнему остается конечной целью, и пользователи остаются в центре процесса, но инструменты и материалы разные. В конце концов, дизайн применяет правильную технологию для решения проблем.
  2. Не пытайтесь выполнить непосильную задачу. Я хотел все кардинально изменить, и это мне стоило более 20 «помидоров». Говоря словам Basecamp: «Никогда не изменяйте сроки, но меняйте масштаб». Имей я больше времени, я бы изучил анимационный дизайн и углубился в психологию того, как внушить уверенность при выборе.
  3. Чем больше я учусь, тем больше осознаю, что еще многому надо научиться. Продуктовый дизайн движется с молниеносной скоростью технологий и охватывает широкие сферы: от применения методов исследований до использования аналитики данных для соответствия трендам дизайна. Обучение никогда не прекращается.

Спасибо Alvin Juano, John Teo, Sheng Juen, Jia Qi, Ying Ling и Hsiao Fong, я бы не написал эту статью без вашей помощи ❤

Портфолио автора — Контактный email