Bu belgede, Havadan Görünüm yolculuğunuza başlamanıza yardımcı olacak çeşitli tasarım kalıpları ve fikirleri açıklanmaktadır. Ürününüzle ilgili iyi bir etkileşim düzeyini ve müşterilerinizin ürünün değerini görmesini sağlamak için, müşterilerinize havadan görünümü nasıl sunduğunuz dikkatle değerlendirilmelidir.
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, mülkün havuz, ek binalar veya geniş bir avlu gibi özelliklerinin yanı sıra yollar, su kütleleri, dağlar veya parklar gibi yakındaki özelliklerin de ö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ın yanlış en boy oranını kullanarak bir video görüntüleyerek önemli miktarda ekran alanı boşa harcamış olursunuz.
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. Bu işaretçinin üzerine geldiğinizde, bilgi kutucuğu görünür ve mülkün Havadan Görünüm videosunu gösterir.
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, 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 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, slaytlardan birine Havadan Görünüm videosunu ekledik. En altta ise mülk hakkında daha fazla ayrıntıya yer veren bir bağlantı yer alıyor. 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şlatılıyor
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ğu için, müşteri mülkün ayrıntılarını görmek istediğinde bunu hemen yüklemek istiyoruz. API'den havadan görünüm videosu aldığınızda ü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ü bir düğmenin arkasına gizlemek, 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üşteri mülkün 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 parçası olarak bir resim rulonuz 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üğmeler yerleştirmek kolay bir işlem olsa da 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üme erişmek için bir düğme kullanmayı seçerseniz aşağıdakileri göz önünde bulundurmak ö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 kesintisiz 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.
- Emphasis: Düğmeye basıldığında belirgin bir işlem gerçekleştirileceğinden, düğme orta veya yüksek düzeyde vurguyla tasarlanmalıdır. Google Material Design'da, farklı önem düzeylerine sahip düğmelerin nasıl tasarlanacağıyla ilgili bazı bilgiler yer alır.
Etkili bir havadan görünüm düğmesi tasarlamayla ilgili bazı ek ipuçlarını aşağıda bulabilirsiniz:
- Açık ve kısa bir dil kullanın. Kullanıcıların düğmenin ne işe yaradığını bilebilmesi 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 bir 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ü Reklam Ağı'yla İlgili Dikkat Edilmesi Gereken Noktalar
Video Yükleme
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 size, yüksek kullanıcı etkileşimiyle web sitenizde Havadan Görünüm'ü nasıl uygulamak istediğiniz konusunda fikir 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 de ekran yönünü ve kullanıcının bağlantı hızını göz önünde bulundurmak da faydalı olacaktır.
Sonraki Adımlar
Önerilen ek okuma:
Katkıda bulunanlar
Bu makale Google tarafından yönetilmektedir. Bu makaleyi ilk olarak aşağıdaki katkıda bulunanlar yazdı.
Başlıca yazar:
Henrik Valve | Google Haritalar Platformu Çözüm Mühendisi