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

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

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

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

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

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

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

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

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

Під капотом

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

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

Виклики

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

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

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

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

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

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

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

Навігація

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

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

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

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

Ми також включили ітеративний підхід на стороні змісту. Будувати кожну сцену з нуля в редакторі 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) з питаннями про ваші проекти.