Bu dokümanda, Aerial View yolculuğunuza başlamanıza yardımcı olacak çeşitli tasarım kalıpları ve fikirler açıklanmaktadır. Ürünle iyi bir etkileşim düzeyi elde etmek ve müşterilerinizin ürünün değerini görmesini sağlamak için kuş bakışı görünümünü müşterilerinize nasıl sunacağınızı dikkatlice düşünmeniz gerekir.
Kuş bakışı görünümü, mülkün ve çevresinin kuş bakışı görünümünü göstererek web sitenize görsel açıdan ilgi çekici bir bileşen ekler.
Kullanıcılar bir mülkü 3D olarak gördüklerinde konumu ve büyüklüğü hakkında daha iyi fikir edinebilirler. Ayrıca, tesisin havuz, ek binalar veya geniş bir avlu gibi özelliklerinin yanı sıra yollar, su kütleleri, dağlar veya parklar gibi yakındaki özelliklerin öne çıkarılmasını sağlar.
Etkileşimi artırma
Havadan görünüm, müşterileriniz için ilgi çekici bir özelliktir. Bu özelliğin avantajlarından tam olarak yararlanmak için içeriğin mümkün olduğunca kolay bulunabilir olması gerekir. Bu bölümde, bu hedefe ulaşmak için kuş bakışı görünümü için bazı uygulama tasarım kalıplarından bahsedeceğiz.
Video yönü
Havadan görüntü videolarının yüklendiği cihazın ekran yönünü dikkate almanız önemlidir. Mobil cihazlarda, özellikle de tam ekranda yatay video göstermek kötü bir kullanıcı deneyimi olabilir. Cihaz için yanlış en boy oranını kullanarak video görüntülediğinizde önemli miktarda ekran alanı boşa harcarsınız.
Havadan görüntü videoları yatay ve dikey yönde sunulur.
Aşağıda, mobil cihazda önerilen yönde ve önerilmeyen yönde kuş bakışı görüntüsünün kullanılmasıyla ilgili bir fark örneği gösterilmektedir:
Yerleştirilmiş bilgi kartı
Mülk arama görünümünde birden fazla mülk gösterilirken, mülkle ilgili ek bilgiler (ör. adres ve fiyat) ve havadan görünüm videosu içeren yerleşik hovercard'lar eklemek faydalı olur. Bu sayede kullanıcılar, mülk ayrıntıları sayfasına tıklamak zorunda kalmadan mülk hakkında hızlı ve kolay bir şekilde fikir edinebilir.
Aşağıdaki örnekte, Mountain View'daki Googleplex kompleksini temsil eden bir işaretçi gösterilmektedir. Fareyle bu işaretçinin üzerine geldiğinizde, tesisin havadan görünüm videosunu gösteren bilgi kutusu görünür.
Kullanıcıyı mülk ayrıntıları sayfasına yönlendirmek için hem işaretçiye hem de yerleşik fareyle üzerine gelme kartına onClick etkinliği eklenebilir. Bu sayede kullanıcılar tesis hakkında daha fazla bilgi edinebilir ve tesisin kendileri için uygun olup olmadığına karar verebilir.
Mülkünüz için hikaye benzeri bir deneyim oluşturma
Potansiyel alıcılar için gerçekten sürükleyici bir deneyim oluşturmak istiyorsanız mülkünüzü fotoğraflar ve havadan görünüm videosunu birleştiren hikaye benzeri bir deneyimle gösterebilirsiniz.Bu deneyim, HTML, CSS ve JavaScript'in bir karışımı kullanılarak resim bandına benzer şekilde oluşturulabilir.
Yukarıdaki örnekte, havadan görünüm videosunu slaytlardan birine ekledik. En altta, tesisle ilgili daha fazla ayrıntıyı görüntülemek için bir bağlantı verilmiştir. Bu düğme, kullanıcıyı mülk ayrıntıları sayfasına yönlendirmelidir.
İşleyiş şekli:
- Fotoğraflarınızı seçin. Tesisinizin en iyi özelliklerini vurgulayan çeşitli fotoğraflar seçin.
- Havadan görüntüleme videonuzu oluşturun.
- Fotoğraf ve videolarınızı bir hikayede birleştirin.
- Hikayenizi paylaşın. Hikayenizi web sitenizde veya e-posta pazarlama kampanyalarında potansiyel alıcılarla paylaşın.
Tanıtım amaçlı mülkünüz için hikaye benzeri bir deneyim oluşturarak potansiyel alıcıların dikkatini çekebilirsiniz.
Sayfa yüklendiğinde havadan görünümü başlatma
Google'ın kullanıcı deneyimi çalışmalarında, en yüksek kullanıcı etkileşiminin 3D görünüm varsayılan olarak yüklendiğinde gerçekleştiğini görüyoruz. Bu yeni ve heyecan verici bir form faktörü olduğundan, müşteri mülkün ayrıntılarını görüntülemek istediğinde bu formu yüklemek istiyoruz. API'den havadan görünüm videosu alıyorsanız ücretlendirilirsiniz. Video istendiğinde, kullanıcılarınızın avantajdan yararlanmasını sağlamak için videoyu otomatik olarak oynatmayı düşünebilirsiniz.
Kötü örnek: Havadan görünümün bir düğmenin arkasına gizlenmesi, kullanıcıları 3D görünümü görüntülemek için ekstra bir adım atmaya zorladığı için kötü örnek olarak kabul edilir. Bu durum can sıkıcı olabilir ve kullanıcıların 3D görünümlerin avantajlarından yararlanamamasına ya da kuş bakışı görünümü statik içerik olarak algılamasına neden olabilir.
Müşteriler tesisin ayrıntılarını görüntülemek istediğinde varsayılan olarak Havadan Görünüm'ü yüklemeniz önerilir. Bu, kullanıcılara mükemmel bir deneyim sunar ve mülk hakkında bilinçli kararlar vermelerine yardımcı olur. Otomatik oynatma deneyimini tasarlarken, kuş bakışı videonun 30 MB'tan fazla olduğunu ve bazı kullanıcılar için yüklemesinin yavaş olabileceğini unutmayın.
Sayfanızın bir parçası olarak resim bandı varsa havadan görünüm videosu, potansiyel müşteri öğesi olarak eklenebilir. Böylece 3D deneyimi mevcut web sitesi tasarımınıza kolayca entegre edebilirsiniz.
3D görünümleri yüklemek için düğme yerleştirmek kolaydır ancak etkileşimi azaltabilir. Google Haritalar varsayılan olarak 3D görünümleri yükler. Örneğin, Empire State Building için arama yaptığınızda 3D görünüm otomatik olarak yüklenir ve 3D görünümdeyken resimlerin kısmi görünümünü görebilirsiniz. Bu, kullanıcılara daha etkileyici ve ilgi çekici bir deneyim sunmanın mükemmel bir yoludur.
Düğme tasarımı
Havadan Görünüm'e erişmek için bir düğme kullanmayı seçerseniz aşağıdakileri göz önünde bulundurmanız önemlidir:
- Konum: Düğme, kullanıcıların mülkün konumuyla ilgili olduğunu bilmesi için haritalarla ilgili diğer düğmelerle gruplandırılmalıdır.
- Geçiş: Videoya geçiş sorunsuz ve akıcı olmalıdır. Sayfada görüntüler, haritalar ve Street View'u gösteren bir bölüm varsa havadan görünüm videosu da aynı bölümde gösterilir.
- Öne çıkarma: Bu, sayfaya yeni eklenen bir özellik olacağından düğmeyi "yeni özellik" etiketiyle veya videonun sabit resim küçük resmiyle öne çıkarmak faydalı olacaktır.
- Vurgu: Düğmeye basıldığında belirgin bir işlem gerçekleştirileceğinden düğme orta veya yüksek vurguyla tasarlanmalıdır. Google Material Design'da, farklı önem düzeylerine sahip düğmelerin nasıl tasarlanacağıyla ilgili bazı yönergeler yer alır.
Etkili bir havadan görünüm düğmesi tasarlamayla ilgili bazı ek ipuçları aşağıda verilmiştir:
- Açık ve kısa bir dil kullanın. Düğmenin ne işe yaradığının kullanıcılar tarafından anlaşılabilmesi için düğme açıkça etiketlenmelidir.
- Büyük ve okunaklı bir yazı tipi kullanın. Düğme, kullanıcıların kolayca görebileceği ve tıklayabileceği kadar büyük olmalıdır.
- Zıt bir renk kullanın. Düğme, öne çıkabilmesi için çevreleyen metin ve arka plandan farklı bir renkte olmalıdır.
- Harekete geçirici mesaj kullanın. Düğmede "Havadan Görünümü İzle" veya "Videoyu İzle" gibi net bir harekete geçirici mesaj bulunmalıdır.
Görüntülü Reklamlarla İlgili Önemli Noktalar
Video Yükleniyor
Videonun sabit resim önizlemesini göstererek ve deneyimin tamamını kullanıcı etkileşimi (ör. tıklama) üzerine yükleyerek daha yavaş bağlantıları hesaba katabilirsiniz. Havadan görüntü videonuzun yanı sıra bu işlemi gerçekleştirmek için kullanabileceğiniz bir küçük resme de erişebilirsiniz.
Videoya farklı çözünürlüklerde de erişebilirsiniz. Bu sayede, kullanıcının farklı bağlantı hızlarında deneyimin yüklenmesini beklemek için harcadığı süreyi en aza indirmek amacıyla stratejik olarak kullanılabilir.
Logo ilişkilendirmeleri
Havadan görünümü uygularken logo ilişkilendirmesi dahil tüm şartlara uyduğunuzdan emin olmanız gerekir. Ayrıntılar için bu sayfaya göz atın.
Sonuç
Bu makalenin, web sitenizde yüksek kullanıcı etkileşimi elde etmek için kuş bakışı görünümünü nasıl uygulayabileceğinizi düşünmeniz konusunda size ilham verdiğini umuyoruz.
Kullanıcınızın içeriği nasıl keşfedeceğini ve içeriği göstermek için en uygun biçimin hangisi olacağını düşünmeniz önemlidir. Videonun oynatılacağı cihaz türünü (özellikle ekran yönünü) ve kullanıcının bağlantı hızını da göz önünde bulundurmanız önerilir.
Sonraki Adımlar
Önerilen diğer kaynaklar:
Katkıda bulunanlar
Bu makale Google tarafından yönetilmektedir. Bu makaleyi ilk olarak aşağıdaki katkıda bulunanlar yazmıştır.
Başlıca yazar:
Henrik Valve | Google Haritalar Platformu Çözüm Mühendisi