Создание лучшего опыта (обновление веб-сайта Air Peace Airline)

1656632776 sozdanie luchshego opyta obnovlenie veb sajta air peace airline

от Пис Оджеме (Перри)

PKamahaZMURf5aqJjEu7EkKw9vwZshIgBMCx

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

По этой причине я выбрал авиакомпанию Air Peace Airline, нигерийскую авиакомпанию в качестве примера эффективного дизайна взаимодействия с пользователем (UX). Чтобы найти способы усовершенствования их систем бронирования, оставайтесь со мной, пока мы рассмотрим решение для нашей системы бронирования.

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

После процесса проектирования я начал с тестирования удобства использования и закончил проверкой:

qQ6pLpzFplChGpoHI9RnVkT1jt9ATFlZogMI

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

После нескольких дискуссий и интервью с друзьями я узнал следующее:

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

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

Цели

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

Предпосылки

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

Персоны

Я создал образ типичного пользователя веб-сайта Air Peace, который хочет забронировать авиабилет. Я использую Mr. Сэмми Голд» как наш сегодняшний пользователь, но, конечно, много других сценариев, кроме его.

4zuLXusug5EB--K973PwqjcNQ5l0eJ-vOZWp

Раскадровка

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

8cSpclWOcx - mscyZKtgloyxEInyyCB0tyVW
Раскадровка для мистера Сэмми Голда.

Проектирование прототипа

Просмотрите дизайн на Bēhance.

nNDwCgoG4yHRVx0T1lePHdq3Ijc1HUfYYGZ0

Процесс бронирования

Поиск рейса:

5CcFrNviwnyPJnH29LhF7QUtTq-0Rluqy57c
Текущий процесс бронирования

Мистер Сэмми благодарен бы за более упрощенную форму:

m5N0NhHakFx1bWGzW8YdgbM7YYzl9q9yCSVy
Новый опыт бронирования

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

Бронирование рейса, до и после редизайна:

uwvDxQDKfwHgfOjxu9kxLecq9DVOvJbfl9Rm
Текущий опыт.
JejutsMNKVNp2rDun-enEG5fYyM-SZhP0mh0

Теперь форма выглядит намного проще и удобнее для пользователя, не правда ли?

mdroxkFJ99Cvu4DxGYYOfA1jiyF9zmZ5ASfP

Выбор желаемого рейса и типа места:

Текущая страница личной информации:

-mtmRqFMZtIRfy-AQKMDri-WRrfQo3dTThXN
IfNtk52MVCmhVpEvfTM8Ye2C-9CJB6uoR8dW
Актуальная персональная форма

Это слишком много, поэтому давайте упростим:

GmbZZANnQnPvuhuGLloZkh1uLynthy7uAXum
Новая форма личной информации

Теперь все смотрится прямо по существу? Да!

Текущая страница платежа:

ILlGyCiFF06fbfNbsXDpIQkMeZkJKYo0iroU
Старый процесс оформления заказа

Старый поток перенаправляет пользователя на PayGate и Webpay, что совсем не обязательно. Вы фактически можете произвести все свои платежи на сайте Air Peace. Итак, исправим это:

vdTvMZniJ8xX-1yUq0KTaQTRFs5GbJ1lLK8E

Жди!

Вы заметили, что при платеже вам нужно выбрать способ оплаты трижды? Это может вызвать сомнения и страх пользователей, поэтому давайте это изменим. Теперь посмотрим:

3OTQlCgphuqf1XDXAE90C-2AgjJ2JMBtB7ck
Новый порядок оплаты.

Прежде всего, каждый платеж производится на самом веб-сайте Air Peace. Пользователю не нужно напрягаться, выбирая способ оплаты – система сделает это за вас. А теперь ступеньки сократили до двух.

Вуаль! Пользователь готов, на его электронную почту послан запрос, и мистер Сэмми счастлив — он возвращается к полному вниманию к встрече!

Другие особенности:

9D5mpUcFCg11eiMUGdfUFsnlke1q4dVTml0J

О да! Теперь пользователь может планировать свое путешествие. Если он нажмет кнопку «запланировать путешествие»:

  • Он получает варианты такси. Здесь он может увидеть разные рейтинги такси-компаний, выберет ту, у которой самый высокий рейтинг, и готово.
  • Он также может получить варианты бронирования отелей. Отели с разными рейтингами отображаются четко.
26G8GWih97iTJzrCdqae2Ajz-ru4AiAspQMp

Пользователь мог искать красивые места для посещения в этой новой среде.

Проверка

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

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

В общем, людям понравился конечный результат! И теперь все больше людей хотят использовать Air Peace для бронирования авиабилетов.

Спасибо, что дочитали! Я хотел бы получить ваш обратная связь. И не забудьте поделитесь если вы думаете, что это имело смысл.

Я Перри Фиделис – я дизайнер продуктов. Вы можете связаться со мной в Twitter, LinkedIn и Bēhance.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *