Пример использования UX: создание лучшего опыта (Редизайн веб-сайта авиакомпании Air Peace)

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

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

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

Следуя процессу проектирования, я начал с юзабилити-тестирования и закончил валидацией:

Исследовательская работа

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

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

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

Цели

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

Предпосылки

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

Personas

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

Раскадровка

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

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

Разработка прототипа

Проверьте дизайн на Bēhance.

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

Поиск рейса:

Текущий процесс бронирования

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

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

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

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

Текущий опыт.

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

Выбор предпочитаемого рейса и типа места:

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

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

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

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

Теперь это выглядит прямо в точку? Да уж!

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

Старый кассовый поток

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

Ой, подожди!

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

Новый поток платежей.

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

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

Другие свойства:

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

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

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

Проверка

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

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

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

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

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