Dokumen ini menjelaskan berbagai pola dan ide desain untuk membantu Anda memulai perjalanan Tampilan Satelit. Cara Anda mempresentasikan Aerial View kepada pelanggan harus dipertimbangkan dengan cermat untuk memastikan Anda melihat tingkat engagement yang baik dengan produk, dan pelanggan melihat nilainya.
Aerial View menambahkan komponen yang menarik secara visual ke situs Anda, yang menunjukkan pandangan menyeluruh dari suatu properti dan sekitarnya.
Saat melihat properti dalam 3D, pengguna dapat mengetahui lokasi dan ukurannya dengan lebih baik. Hal ini juga membantu menyoroti fitur properti, seperti kolam renang, bangunan tambahan, atau halaman yang luas, selain fitur di sekitar seperti jalan, badan air, gunung, atau taman.
Meningkatkan Interaksi
Tampilan Satelit akan menjadi faktor wow bagi pelanggan Anda, dan untuk melihat manfaatnya sepenuhnya, konten harus mudah ditemukan. Pada bagian ini, kita akan membahas beberapa pola desain implementasi agar Aerial View dapat mencapai hal ini.
Orientasi video
Penting untuk mempertimbangkan orientasi layar perangkat tempat video Tampilan Udara dimuat. Pengalaman pengguna akan buruk jika menampilkan video berorientasi lanskap di perangkat seluler, terutama dalam layar penuh. Dengan menampilkan video menggunakan rasio aspek yang salah untuk perangkat, Anda akan membuang ruang layar dalam jumlah yang signifikan.
Video Tampilan Udara disediakan dalam orientasi lanskap dan potret.
Di bawah ini, contoh perbedaannya dapat dilihat saat menjalankan Aerial View di perangkat seluler, pada orientasi yang direkomendasikan, dan orientasi yang tidak direkomendasikan:
Kartu informasi tersemat
Saat menampilkan beberapa properti di tampilan penelusuran properti, sebaiknya tambahkan kartu informasi tersemat untuk menampilkan video Tampilan Udara, dengan informasi tambahan tentang properti, seperti alamat dan harga yang ditempatkan di bagian atas. Hal ini memungkinkan pengguna mendapatkan gambaran tentang properti dengan cepat dan mudah, tanpa harus mengklik halaman detail properti.
Contoh di bawah menunjukkan penanda yang mewakili kompleks Googleplex di Mountain View. Saat Anda mengarahkan kursor ke penanda ini, kartu informasi akan muncul, yang menampilkan video Tampilan Udara properti.
Peristiwa onClick dapat ditambahkan ke penanda dan kartu informasi tersemat untuk mengarahkan pengguna ke halaman detail properti. Hal ini memudahkan pengguna untuk mempelajari properti lebih lanjut dan memutuskan apakah cocok untuk mereka.
Membuat Pengalaman yang Mirip Cerita untuk Properti Anda
Jika ingin menciptakan pengalaman yang benar-benar imersif bagi calon pembeli, Anda dapat menampilkan properti dengan pengalaman seperti cerita yang menggabungkan foto dan video Tampilan Udara.Hal ini dapat dibuat dengan cara yang mirip dengan carousel gambar, menggunakan campuran HTML, CSS, dan JavaScript.
Pada contoh di atas, kami telah menyertakan video Tampilan Udara di salah satu slide, dengan link di bagian bawah untuk melihat detail selengkapnya tentang properti. Tombol ini akan mengarahkan pengguna ke halaman detail properti.
Berikut caranya:
- Pilih foto Anda. Pilih berbagai foto yang menyoroti fitur terbaik properti Anda.
- Buat video Tampilan Udara Anda.
- Gabungkan foto dan video Anda menjadi sebuah cerita.
- Bagikan cerita Anda. Bagikan kisah Anda kepada calon pembeli di situs Anda, atau kampanye pemasaran email.
Dengan membuat pengalaman seperti cerita untuk properti etalase, Anda akan menarik perhatian calon pembeli.
Memulai Tampilan Udara pada pemuatan halaman
Dalam studi UX Google, kami melihat bahwa interaksi pengguna tertinggi terjadi saat tampilan 3D dimuat secara default. Karena ini merupakan faktor bentuk yang baru dan menarik, kami ingin memuatnya segera setelah pelanggan ingin melihat detail properti. Saat memikirkan biaya, jika Anda mengambil video Tampilan Udara dari API, Anda akan dikenai biaya. Setelah video diminta, pertimbangkan untuk memutarnya secara otomatis, untuk memastikan pengguna Anda melihat manfaatnya.
Anti-pola: Menyembunyikan Tampilan Satelit di balik tombol dianggap sebagai anti-pola karena memaksa pengguna untuk melakukan langkah tambahan guna melihat tampilan 3D. Hal ini dapat membuat frustrasi, dan juga dapat menyebabkan mereka kehilangan manfaat tampilan 3D atau salah menganggapnya sebagai konten statis.
Sebaiknya Anda memuat Tampilan Satelit secara default saat pelanggan ingin melihat detail properti. Hal ini akan memberikan pengalaman pengguna yang baik, dan membantu mereka membuat keputusan yang tepat terkait properti. Saat mendesain pengalaman pemutaran otomatis, perlu diingat bahwa video Tampilan Udara berukuran lebih dari 30 MB, dan mungkin lambat dimuat untuk beberapa pengguna.
Jika Anda memiliki carousel gambar sebagai bagian dari halaman, video Tampilan Udara dapat disertakan sebagai item utama, sehingga memudahkan Anda mengintegrasikan pengalaman 3D ke dalam desain situs yang sudah ada.
Menempatkan tombol untuk memuat tampilan 3D mudah diterapkan, tetapi dapat mengurangi interaksi. Google Maps memuat tampilan 3D secara default. Misalnya, saat Anda menelusuri Empire State Building, tampilan 3D akan dimuat secara otomatis, dan Anda dapat melihat sebagian gambar saat Anda berada dalam tampilan 3D. Ini adalah cara yang bagus untuk memberi pengguna pengalaman yang lebih imersif dan menarik.
Desain tombol
Jika Anda memilih untuk menggunakan tombol guna mengakses Tampilan Satelit, sebaiknya pertimbangkan hal berikut:
- Lokasi: Tombol harus dikelompokkan dengan tombol terkait pemetaan lainnya agar pengguna mengetahui bahwa tombol tersebut terkait dengan lokasi properti.
- Transisi: Transisi ke video harus lancar dan tanpa hambatan. Jika sudah ada bagian di halaman yang menampilkan gambar, peta, dan Street View, maka video Aerial View akan ditampilkan di bagian yang sama.
- Menandai: Karena ini akan menjadi tambahan baru di halaman, sebaiknya tandai tombol dengan tag "fitur baru" atau thumbnail gambar statis video.
- Emphasis: Tombol harus didesain dengan penekanan sedang atau tinggi, karena menekannya akan melakukan tindakan yang jelas. Desain Material Google memiliki beberapa panduan tentang cara mendesain tombol dengan berbagai tingkat penekanan.
Berikut adalah beberapa kiat tambahan untuk mendesain tombol Tampilan Udara yang efektif:
- Gunakan bahasa yang jelas dan ringkas. Tombol harus diberi label dengan jelas sehingga pengguna tahu fungsinya.
- Gunakan font yang besar dan mudah dibaca. Tombol harus cukup besar agar mudah dilihat dan diklik oleh pengguna.
- Gunakan warna yang kontras. Tombol harus memiliki warna yang berbeda dengan teks dan latar belakang di sekitarnya agar terlihat jelas.
- Gunakan pesan ajakan (CTA). Tombol harus menyertakan pesan ajakan (CTA) yang jelas, seperti "Tonton Tampilan Udara" atau "Tonton Video".
Pertimbangan Tampilan
Pemuatan Video
Sebaiknya pertimbangkan koneksi yang lebih lambat, dengan menampilkan pratinjau gambar diam dari video, dan memuat pengalaman lengkap pada interaksi pengguna, seperti onClick. Bersama dengan video Aerial View, Anda juga akan memiliki akses ke thumbnail yang dapat digunakan untuk melakukannya.
Anda juga akan memiliki akses ke video dengan resolusi yang berbeda, sehingga dapat digunakan secara strategis untuk meminimalkan waktu yang dihabiskan pengguna untuk menunggu pengalaman dimuat, pada kecepatan koneksi yang berbeda.
Atribusi logo
Saat menerapkan Tampilan Satelit, Anda harus memastikan bahwa Anda mengikuti semua persyaratan, termasuk atribusi logo. Lihat halaman ini untuk mengetahui detailnya.
Kesimpulan
Kami harap artikel ini telah memberi Anda inspirasi untuk memikirkan cara menerapkan Aerial View di situs Anda, dengan engagement pengguna yang tinggi.
Penting untuk memikirkan cara pengguna menemukan konten, dan format apa yang paling sesuai untuk menampilkannya. Sebaiknya Anda juga mempertimbangkan jenis perangkat tempat video akan diputar, terutama orientasi layar, dan kecepatan koneksi pengguna.
Langkah Berikutnya
Bacaan lebih lanjut yang disarankan:
Kontributor
Google mengelola artikel ini. Kontributor berikut awalnya menulisnya.
Penulis utama:
Henrik Valve | Engineer Solusi Google Maps Platform