Bu dokümanda, Havadan Görünüm 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üzeyini görebilmeniz ve müşterilerinizin ürünün değerini anlaması için Havadan Görünümü'nü müşterilerinize nasıl sunacağınız konusunda dikkatli olunmalıdır.
Havadan Görünüm, web sitenize görsel olarak çekici bir bileşen ekleyerek mülkü ve çevresini kuş bakışı gösterir.
Kullanıcılar bir mülkü 3D olarak gördüğünde, mülkün konumunu ve boyutunu daha iyi anlayabilir. Yol, su kütlesi, dağ veya park gibi yakındaki özelliklerin yanı sıra havuz, ek binalar veya büyük bir bahçe gibi tesis özelliklerinin de vurgulanmasına yardımcı olur.
Etkileşimi Artırma
Havadan Görünüm, müşterileriniz için hayranlık uyandıran bir faktör olacaktır. Avantajın tamamını görebilmek için içeriğin mümkün olduğunca kolay keşfedilebilir olması gerekir. Bu bölümde, bunu yapmanızı sağlayacak bazı Havadan Görünüm özelliklerini uygulama tasarımı kalıplarından bahsedeceğiz.
Video yönü
Aerial View videosunun yüklendiği cihazın ekran yönünün dikkate alınması önemlidir. Mobil cihazda yatay yönlü bir video, özellikle de tam ekranda göstermek kötü bir kullanıcı deneyimi olabilir. Cihazınız için yanlış en boy oranı kullanan bir video görüntüleyerek, önemli miktarda ekran alanını boşa harcamış olursunuz.
Havadan Görünüm videoları yatay ve dikey yönlü sağlanır.
Aşağıda, Aerial View'ı mobil cihazda önerilen yönde ve önerilmeyen yönde çalıştırma arasındaki farka ilişkin bir örnek görebilirsiniz:
Yerleştirilmiş kimlik kartı
Bir tesis arama görünümünde birden fazla tesis görüntülerken, havadan görünüm videosunu görüntülemek için yerleştirilmiş bilgi kartları eklemek faydalıdır. Bu videolarda, tesisle ilgili ek bilgiler (ör. adres ve fiyat) gösterilir. Bu sayede kullanıcılar, tesis ayrıntıları sayfasına gitmek zorunda kalmadan tesisi hızlı ve kolay bir şekilde görebilir.
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, mülkün Havadan Görünümü videosunu gösteren bilgi kutucuğu görünür.
Kullanıcıyı tesis ayrıntıları sayfasına yönlendirmek için hem işaretçiye hem de yerleştirilmiş bilgi kartına bir onClick etkinliği eklenebilir. Bu, kullanıcıların mülk hakkında daha fazla bilgi edinmelerini ve mülkün kendileri için uygun olup olmadığına karar vermelerini kolaylaştırır.
Mülkünüz İçin Hikaye Benzeri Bir Deneyim Oluşturun
Potansiyel alıcılar için gerçekten etkileyici bir deneyim oluşturmak istiyorsanız mülkünüzü, fotoğraflar ile Havadan Görüntüleme videosunu birleştiren hikaye benzeri bir deneyimle sergileyebilirsiniz.HTML, CSS ve JavaScript karışımı kullanılarak resim bandına benzer bir şekilde oluşturulabilir.
Yukarıdaki örnekte, slaytlardan birine havadan görünüm videosu ekledik. Tesisle ilgili daha fazla ayrıntı görebileceğiniz sayfanın alt kısmında bir bağlantı yer alıyor. Bu düğme, kullanıcıyı tesis ayrıntıları sayfasına yönlendirir.
İşleyiş şekli:
- Fotoğraflarınızı seçin. Tesisinizin en iyi özelliklerini vurgulayan çeşitli fotoğraflar seçin.
- Aerial View videonuzu oluşturun.
- Fotoğraflarınızı ve videonuzu bir hikayede birleştirin.
- Hikayenizi paylaşın. Hikayenizi web sitenizde veya e-posta ile pazarlama kampanyalarınızda potansiyel alıcılarla paylaşın.
Vitrin 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 araştırmalarında, en yüksek kullanıcı etkileşiminin varsayılan olarak 3D görünüm 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 form faktörünü hemen yüklemek istiyoruz. Maliyeti düşündüğünüzde, API'den Aerial View videosu alıyorsanız ücret ödersiniz. Video istendiğinde, kullanıcılarınıza avantajı görmelerini sağlamak için otomatik oynatmayı deneyebilirsiniz.
Karşıtlık kalıbı: Havadan Görünümü bir düğmenin arkasına gizlemek, kullanıcıları 3D görünümü görüntülemek için fazladan bir adım uygulamaya zorladığı için karşıt kalıp olarak kabul edilir. Bu durum hem can sıkıcı olabilir hem de 3D görünümlerin sunduğu avantajları kaçırmalarına veya Havadan Görüntüyü statik içerik olarak yanlış anlamalarına yol açabilir.
Müşteriler tesisin ayrıntılarını görüntülemek istediğinde havadan görünümü varsayılan olarak yüklemeniz önerilir. Bu, harika bir kullanıcı deneyimi sunar ve kullanıcıların mülkle ilgili bilinçli bir karar vermesine yardımcı olur. Otomatik oynatma deneyimini tasarlarken Havadan Görünüm videosunun 30 MB'tan büyük olduğunu ve bazı kullanıcılar için yavaş yüklenebileceğini unutmayın.
Sayfanızın parçası olarak bir resim bandı varsa Havadan Görünüm videosu ana öğe olarak eklenebilir ve böylece 3D deneyimini mevcut web sitesi tasarımınıza kolayca entegre edebilirsiniz.
3D görünümleri yüklemek için düğme yerleştirmek kolay olsa da etkileşimi azaltabilir. Google Haritalar, 3D görünümleri varsayılan olarak yükler. Örneğin, Empire State Binasını aradığınızda 3D görünüm otomatik olarak yüklenir ve 3D görünümündeyken görüntülerin kısmi bir görünümünü görebilirsiniz. Bu, kullanıcılara daha etkileyici ve ilgi çekici bir deneyim sunmanın harika bir yoludur.
Düğme tasarımı
Havadan Görünüme erişmek için düğme kullanmayı seçerseniz aşağıdakileri göz önünde bulundurmanız önemlidir:
- Konum: Kullanıcıların mülkün konumuyla ilgili olduğunu anlaması için düğme, eşlemeyle ilgili diğer düğmelerle birlikte gruplandırılmalıdır.
- Geçiş: Videoya geçiş akıcı ve sorunsuz olmalıdır. Sayfada görüntüleri, haritaları ve Street View'ı gösteren bir bölüm zaten varsa, Havadan Görünüm videosu da aynı bölümde gösterilmelidir.
- Vurgulama: Bu özellik sayfaya yeni bir ekleme olacağından, düğmeyi videoya ait "yeni özellik" etiketi veya hareketsiz resim küçük resmi ile vurgulamak yararlı olacaktır.
- Vurgu: Düğmeye basıldığında belirgin bir işlem yapılacağı için düğme orta düzeyde veya yüksek vurgulu tasarlanmalıdır. Google Materyal Tasarım, düğmelerin farklı vurgu düzeylerinde nasıl tasarlanacağı konusunda yol gösterici bilgiler içerir.
Aşağıda etkili bir Havadan Görünüm düğmesi tasarlamaya yönelik bazı ek ipuçları verilmiştir:
- Açık ve net bir dil kullanın. Kullanıcıların ne yaptığını anlaması için düğme açıkça etiketlenmelidir.
- Büyük ve okunabilir bir yazı tipi kullanın. Düğme, kullanıcıların kolayca görüp tıklayabileceği büyüklükte olmalıdır.
- Zıt bir renk kullanmak. Düğmenin dikkat çekmesi için etrafındaki metin ve arka plandan farklı bir renkte olması gerekir.
- Harekete geçirici mesaj kullanın. Düğme, "Havadan Görünüşü İzle" veya "Videoyu İzle" gibi net bir harekete geçirici mesaj içermelidir.
Görüntülü Reklam Ağı'nda Dikkat Edilmesi Gereken Noktalar
Video Yükleniyor
Videonun sabit bir resim önizlemesini görüntüleyerek ve onClick gibi bir kullanıcı etkileşiminde tam deneyimi yükleyerek daha yavaş bağlantıları dikkate almak isteyebilirsiniz. Aerial View videosuyla birlikte, bunu yapmak için kullanılabilecek bir küçük resme de erişiminiz olacak.
Ayrıca videoya farklı çözünürlüklerde de erişebilirsiniz. Böylece bu çözünürlükler, kullanıcının farklı bağlantı hızlarında deneyimin yüklenmesini beklerken harcayacağı süreyi en aza indirmek için stratejik olarak kullanılabilir.
Logo atıfları
Havadan Görünüm'ü uygularken, logo ilişkilendirmesi da dahil olmak üzere tüm şartlara uyduğunuzdan emin olmanız gerekir. Ayrıntılar için bu sayfaya bakın.
Sonuç
Bu makalenin, yüksek kullanıcı etkileşimi ile Havadan Görünümü web sitenizde nasıl uygulayacağınız üzerine düşünmek için size ilham verdiğini umuyoruz.
Kullanıcınızın içeriği nasıl keşfedeceğini ve bu içeriği görüntülemek 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ı öneririz.
Sonraki adımlar
Önerilen daha fazla bilgi:
Katılımcılar
Bu makale Google tarafından saklanmaktadır. Mesajı ilk olarak aşağıdaki katkıda bulunanlar yazmış.
Asıl yazar:
Henrik Valve | Google Haritalar Platformu Çözüm Mühendisi