У всьому світі з KAYAK & YND

Побудова інтерактивного VR-досвіду для подорожнього гіганта

Не дуже схоже на поїздку, впевнений у прийнятих рішеннях. Команда KAYAK завжди шукає способів переконатися, що ви вибрали правильний рейс, ідеальний готель чи ідеальний прокат автомобіля. Вони рано визнали, що занурення 360 вмісту робить його захоплюючим середовищем для вивчення напрямків подорожей і навіть для бронювання наступної поїздки.

Щоб вивчити можливості віртуальної реальності в подорожах, KAYAK звернувся до нашої команди, щоб допомогти їм розробити та побудувати експериментальний досвід.

«Ми співпрацювали з YND, щоб перевірити, як ми можемо просунути межі ВР, і були вражені їхньою експертизою. І ми справді любимо занурюючий досвід, який ми створили з ними. Ми думаємо, що люди будуть дуже розважатися з цим і відчувають подорожі, як ніколи! "
- Стефан Петзінгер, старший віце-президент з маркетингу EMEA в KAYAK
Хтось прогулявся Гімалаями?

Що ми побудували

Потенціал VR як носія не викликає сумнівів, але як його вийти за рамки просто платформи для споживання 360 зображень та відеозаписів, залишається відкритим питанням.

Нашою метою було знайти спосіб використання віртуальної реальності, щоб допомогти мандрівникам приймати більш обґрунтовані рішення. Для цього ми розробили додаток Daydream із підтвердженням концепції, яке дає змогу користувачам "вибирати" напрямки, перш ніж вирішити наступну поїздку.

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

Під капотом

А оскільки короткі цикли ітерації та швидка перевірка концепції були надзвичайно важливими, ми вирішили взяти участь з Unity як нашою платформою розвитку.

Unity виходить з коробки з дуже гідною підтримкою розвитку VR. Додатки можуть бути націлені на різні платформи, використовуючи інтеграцію з добре встановленими, загальнодоступними SDK. Ми вибрали Daydream в якості початкового набору передач, але завдяки Unity додаток можна перенести на Oculus, Vive або будь-яку іншу головну гарнітуру VR.

Виклики

Щоб забезпечити як занурення, так і інформативний досвід користувачів, а також функціонуючий та простий в оновленні продукт для KAYAK, нам потрібно було подолати чотири основні проблеми.

Прибивання досвіду користувачів

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

У ході цього процесу ми встановили три основні принципи проектування, щоб провести нас у процесі розробки:

  • Реальність замість абстракцій
    Захоплюючий та реалістичний 360 вміст знаходиться в центрі досвіду VR. Ми використовували «плоскі абстракції», такі як текст, іконографія, кнопки лише тоді, коли це абсолютно необхідно. При використанні 2D елементів втілюйте їх у життя з 3D-ефектами та елегантною анімацією.
  • Випадкове споживання
    Люди будуть використовувати VR у розслабленому настрої. Випадкове споживання буде основним випадком використання додатка. Вміст має бути легко відкритим. Слід зменшити кількість варіантів. Дія за замовчуванням повинна бути за один дотик.
  • Легка взаємодія
    Чудовий досвід VR - простий і магічний. Вся справа в тому, щоб знайти і насолоджуватися захоплюючим вмістом з найменшою кількістю тертя. Створіть досвід, який має найменше можливих кроків між запуском програми та зануренням у вміст. Не дозволяйте користувачам вводити текст, коли це можливо. Спробуйте використовувати замість цього голосові інтерфейси.

Щоб уникнути заплутаного та захаращеного інтерфейсу, ми створили серію контекстних точок доступу, відображених у верхній частині фотосфери. Кожна точка доступу асоціюється з розташованим поруч готелем, іншою визначною пам’яткою або цінною інформацією. Елементи інтерфейсу відображаються лише тоді, коли вони додають корисний контекст до місця. Основна увага приділяється створенню зануреного середовища для користувачів.

Інтерактивні гарячі точки, вбудовані у фотосферу

Навігація

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

Рентгенівський огляд дає можливість швидкого та простого способу «телепортувати» найцікавіші POI

Рентгенівський огляд можна ввести з будь-якої сцени, просто натиснувши кнопку на контролері. Як ви вже здогадалися з його назви, це робить поточну сцену невидимою і дозволяє користувачеві перейти в режим прогляду. Користувач може побачити серію маркерів, розміщених на горизонті. Кожен з маркерів являє собою відому визначну пам'ятку, як Понте ді Ріальто у Венеції або Будда Ступа в Катманду, з чіткою іконою.

Просте управління вмістом

Ми також застосували ітеративний підхід щодо змістовної сторони. Будувати кожну сцену з нуля в редакторі Unity було б дуже незручно і вимагало б багато зусиль, щоб підтримувати. Це також зробить додаток менш масштабованим, особливо при додаванні більше напрямків у майбутньому. Тому замість цього ми вибрали спеціалізовану систему управління вмістом (CMS) для програми VR KAYAK.

Щоб створити нове призначення для програми, менеджер контенту просто повинен створити нову запис у CMS, визначити історії місця розташування та завантажити набір панорамних зображень для кожного з них. Тоді вона може почати з'єднувати сцени, просто перетягуючи на місце події навігаційні пункти навігації та вибираючи або сцену, або історію, до якої призведе точка доступу. Завдяки підходу WYSIWYG, нові місця можна додавати в систему дуже швидко. Це забезпечує легке обслуговування загального рішення, оскільки щойно додані пункти призначення можуть бути опубліковані, а існуючі - оновлені.

Але це не все, що ти можеш зробити з KAYAK VR CMS. Ми додали в систему повний набір варіантів збагачення досвіду. На сцені можна визначити основні моменти, які надають корисну контекстну інформацію про місцеположення чи орієнтир. Виділена атмосфера музики та фонової атмосфери покращують розповідь історії та настрій місця.

Веб-програма CMS для створення інтерактивних інструментів

Інтеграція цін у режимі реального часу

І останнє, але не менш важливе, ми хотіли, щоб програма відповідала місії KAYAK, щоб приносити користувачам найкращі туристичні пропозиції. Ми вирішили показати актуальну інформацію в реальному часі про найдешевші авіарейси та найкращі пропозиції готелів у цьому районі, які користувачі можуть відвідати всередині програми.

Це було зроблено за допомогою спеціального вбудованого модуля Android, написаного виключно в Котліні та інтегрованого в Unity через конверсійний шар JNI (Java Native Interface). Модуль безпосередньо зв’язується з системами KAYAK і зберігає актуальну інформацію про подорожі в локальному сховищі додатків, щоб зберегти пропускну здатність і мінімізувати затримку інтерфейсу користувача. Отримана інформація відображається на інформаційних точках інформації та розміщується в різних сценах. Цю інформацію в майбутньому можна легко поширити за допомогою можливостей бронювання.

Спливаюче вікно з живими даними від KAYAK

Дайте VR KAYAK VR!

І KAYAK, і YND захоплюються можливостями віртуальної реальності та занурювального 360 вмісту при плануванні подорожей на бронювання. Перша ітерація досвіду KAYAK VR тепер доступна в магазині Google Play.

Візьміть це за спину і дайте нам знати, що ви думаєте!

Це повідомлення написав Павло Новотарський, креативний директор YND, та Лукаш Чарнецький, керівник відділу Android-розробки YND. Разом з командою продуктів YND вони допомогли компаніям успішно запускати програми в різних галузях: від мобільних платежів, управління фінансами та бронювання подорожей до електронної комерції. Вам потрібна якась сила мозку? Не соромтеся звертатися до нас (hello@ynd.co) з питаннями про ваші проекти.