KAYAK ve YND İle Dünyada

Seyahat devi için etkileşimli bir VR deneyimi oluşturmak

Yolculuğa çıkmak gibisi yok, aldığınız kararlara güveniyor. KAYAK ekibi, doğru uçuşu, mükemmel oteli veya ideal kiralık arabayı seçtiğinizden emin olmanın yollarını arar. 360 içeriğin sürükleyici doğasının seyahat hedeflerini keşfetmek ve hatta bir sonraki seyahatinizi ayırmak için heyecan verici bir araç haline getirdiğini erken kabul ettiler.

Seyahatteki sanal gerçekliğin olanaklarını keşfetmek için, KAYAK ekibimize bir pilot deneyim tasarlama ve oluşturma konusunda yardımcı oldu.

“VR'nin sınırlarını nasıl zorlayabileceğimizi test etmek için YND ile işbirliği yaptık ve uzmanlıklarından etkilendim. Ve biz onlarla yarattığımız sürükleyici deneyimi gerçekten seviyoruz. İnsanların bununla çok eğleneceğini ve daha önce hiç olmadığı gibi seyahat etmeyi düşünüyoruz ”dedi.
- EMAK Pazarlama Kıdemli Başkan Yardımcısı Stefan Petzinger, KAYAK'ta
Himalayalar'da dolaşmak isteyen var mı?

Ne Yaptık?

Bir ortam olarak VR'nin potansiyeli tartışılmaz, ancak 360 görüntü ve video tüketimi için sadece bir platformun ötesine nasıl geçileceği açık bir sorudur.

Amacımız, gezginlerin daha bilinçli kararlar vermesine yardımcı olmak için sanal gerçekliğin kullanılabileceği bir yol bulmaktı. Bunu yapmak için, kullanıcıların bir sonraki seyahate karar vermeden önce hedefleri “örneklemelerine” olanak sağlayan bir kavram kanıtı Daydream uygulaması geliştirdik.

Kullanıcılar, 360'da çarpıcı yerleri gezebilir, sesli rehberleri dinleyebilir ve içeriksel seyahat ipuçlarını okuyabilir. Seçilen oteller VR'de de ziyaret edilebilir. Gezginler süitleri, tesisleri ve otel çevresini gerçek bir ölçekte deneyimleyebilirler.

Kaputun altında

Kısa yineleme döngüleri ve hızlı konsept doğrulaması son derece önemli olduğundan, Unity ile gelişim platformumuz olarak gitmeye karar verdik.

Birlik, VR gelişimi için çok iyi bir destekle kutudan çıkıyor. Uygulamalar, iyi bilinen, halka açık SDK'larla entegrasyonları kullanarak farklı platformlar için hedeflenebilir. Daydream'i ilk dişli setimiz olarak seçtik, ancak Unity sayesinde uygulama Oculus, Vive veya herhangi bir diğer VR kulaklığa taşınabilir.

Mücadeleler

Hem sürükleyici hem de bilgilendirici bir kullanıcı deneyimi sunmak, hem de KAYAK için işlevsel ve güncellemesi kolay bir ürün sunmak için dört ana zorluğun üstesinden gelmemiz gerekiyordu.

Kullanıcı Deneyimini Başlatma

Yeni bir ortam için tasarım ezici olabilir. Uygulama için son yöne karar vermeden önce birkaç tasarım tekrarından geçtik ve birkaç prototip test ettik.

Süreçte, geliştirme sürecinde bize yol göstermek için üç temel tasarım ilkesi belirledik:

  • Soyutlamalar yerine gerçeklik
    Sürükleyici ve gerçekçi 360 içerik, VR deneyiminin merkezindedir. Metin, ikonografi, buton gibi “düz soyutlamalar” sadece mutlaka gerekli olduğunda kullandık. 2D elemanları kullanırken bunları 3D efektler ve şık animasyonlarla canlandırın.
  • Rahat tüketimi
    İnsanlar rahat bir zihniyette VR kullanacaklar. Gündelik tüketim uygulaması için birincil kullanım durum olacak. İçeriğin keşfedilmesi kolay olmalıdır. Yapılacak çok sayıda seçenek olmalı. Varsayılan işlem bir dokunuş uzakta olmalıdır.
  • Hafif etkileşim
    Harika bir VR deneyimi basit ve büyülü. Her şey en az sürtünme ile sürükleyici içerik bulma ve keyfini çıkarmayla ilgili. Uygulamayı başlatmak ve içeriğe dalmak arasında mümkün olan en az adımı olan deneyimler oluşturun. Mümkün olduğunda kullanıcıların metin girmesini önlemek. Bunun yerine sesli arayüzleri kullanmayı düşünün.

Kafa karıştırıcı ve karışık bir arayüzden kaçınmak için, fotosferin üstünde görüntülenen bir dizi bağlamsal sıcak nokta oluşturduk. Her bir sıcak nokta yakındaki bir otel, başka bir ilgi çekici nokta veya değerli bir bilgi parçası ile ilişkilidir. UI öğeleri yalnızca bir yere yararlı içerik eklediklerinde görünür. Temel odak, kullanıcılar için yoğun bir ortam yaratmaktır.

Fotosferin içine yerleştirilmiş etkileşimli sıcak noktalar

navigasyon

Hepiniz seyahat ederken belirli bir dönüm noktasına kadar yolunuzu bulmanın zor olabileceğini biliyoruz - bu sorun için X-ışını görünümü denilen akıllı bir çözüm bulduk.

X-ışını görünümü, en ilgi çekici İÇN'lere “ışınlanmanın” hızlı ve kolay bir yolunu sağlar

X-ışını görünümü, herhangi bir sahneden kontrol cihazındaki bir düğmeye basılarak girilebilir. Adından çoktan tahmin edebileceğiniz gibi, mevcut sahneyi görünmez hale getirir ve kullanıcının görme moduna girmesine izin verir. Kullanıcı ufka yerleştirilmiş bir dizi işaretleyici görebilir. Belirteçlerin her biri, Venedik'teki Ponte di Rialto veya Katmandu'daki Buddha Stupa gibi belirgin bir simgeyle ünlü bir dönüm noktasını temsil ediyor.

Kolay İçerik Yönetimi

Ayrıca içerik tarafında yinelemeli bir yaklaşım ekledik. Unity editöründe her sahneyi sıfırdan inşa etmek çok sakıncalıdır ve bakımı çok çaba gerektirir. Ayrıca, özellikle gelecekte daha fazla hedef eklerken, uygulamanın daha az ölçeklenebilir olmasını sağlar. Bunun yerine KAYAK’ın VR uygulaması için özel bir içerik yönetim sistemi (CMS) seçtik.

Uygulama için yeni bir hedef oluşturmak için, içerik yöneticisinin CMS'de yeni bir kayıt oluşturması, konum için hikayeler tanımlaması ve her biri için bir dizi panoramik resim yüklemesi gerekir. Daha sonra, gezinti noktaları yalnızca sahneye sürükleyip bırakarak ve etkin noktaya yol açacak bir sahne ya da hikaye seçerek sahneleri birleştirmeye başlayabilir. WYSIWYG yaklaşımı sayesinde, sisteme çok hızlı bir şekilde yeni konumlar eklenebilir. Bu, yeni eklenen varış yerleri yayınlanabildiğinden ve mevcut olanlar güncellenebildiğinden, genel çözümün kolay bakımını sağlar.

Ancak KAYAK VR CMS ile yapabilecekleriniz bu kadar değil. Sisteme kapsamlı bir dizi deneyim zenginleştirme seçeneği ekledik. Bir konum veya yer işareti hakkında faydalı bağlamsal bilgiler sağlayan sahnede önemli noktalar tanımlanabilir. Özel bir ses ve arka plan ortam müziği, mekanı anlatan hikayeyi ve havayı iyileştirir.

Etkileşimli yollar oluşturmak için Web İYS

Gerçek Zamanlı Fiyatlandırmanın Entegrasyonu

Son fakat en az değil, uygulamanın KAYAK’ın kullanıcılarına en iyi seyahat fırsatlarını sağlama misyonuna uygun olmasını istedik. Kullanıcıların uygulama içinde ziyaret edebilecekleri bölgedeki en ucuz uçuşlarla ve en iyi otel fırsatlarıyla ilgili gerçek, canlı bilgileri göstermeye karar verdik.

Bu, tamamen Kotlin'de yazılmış ve bir JNI (Java Native Interface) dönüşüm katmanı aracılığıyla Unity'ye entegre edilmiş özel bir yerel Android modülü kullanılarak yapıldı. Modül doğrudan KAYAK sistemleri ile iletişim kurar ve bant genişliğini korumak ve UI gecikmesini en aza indirgemek için yerel uygulama deposundaki güncel seyahat bilgilerini önbelleğe alır. Alınan bilgiler bilgi noktaları üzerinde gösterilir ve çeşitli sahnelere yerleştirilir. Bu bilgiler gelecekte rezervasyon yetenekleriyle kolayca genişletilebilir.

KAYAK'tan canlı verileri içeren pop-up

KAYAK VR'a Git!

Hem KAYAK hem de YND, Sanal Seyahatin olanakları ve rezervasyon seyahatini planlamada sürükleyici 360 içeriği konusunda heyecanlı. KAYAK VR deneyiminin ilk tekrarlaması artık Google Play Store'da mevcut.

Bir tur atın ve bize ne düşündüğünüzü bildirin!

Bu yazı, YND’nin Yaratıcı Direktörü ve asukasz Czarnecki, YND’de Android Geliştirme Başkanı Pawel Nowotarski tarafından yazılmıştır. YND’nin ürün ekibiyle birlikte, şirketlerin çeşitli endüstrilerde uygulamaları başarıyla başlatmalarına yardımcı oldular: mobil ödeme, finans yönetimi ve seyahat rezervasyonundan E-ticaret'e. Bazı beyin gücüne mi ihtiyacınız var? Projelerinizle ilgili sorularınız için bize (hello@ynd.co) ulaşmaktan çekinmeyin.