UX Design 10 Hal yang Dapat Diajari Situs Web Perjalanan Anda
Pernahkah terlintas dalam pikiran Anda bahwa Anda masih dapat tumbuh secara profesional saat Anda merencanakan liburan Anda? Situs web perjalanan populer, formulir pemesanan dan checkout, perencana perjalanan, dan jadwal hotel semua adalah sumber yang luar biasa tingkatkan pengetahuan Anda di bidang desain pengalaman pengguna.
Saat memilih lokasi, hotel, dan penjadwalan perjalanan terbaik Anda, ada baiknya untuk memperhatikan apa yang berhasil dan yang tidak, apa yang menginspirasi Anda dan apa yang membuat Anda langsung melompat ke situs lain. Reaksi, kesenangan, dan keengganan Anda semua adalah keunggulan besar dari efisiensi desain pengalaman pengguna situs.
Dalam artikel ini Anda dapat mempelajari 10 pelajaran tentang pengalaman pengguna yang dapat Anda ambil dari situs perjalanan populer.
Perbedaan Antara UI dan UX
UX bukan UI, itu seperti tidak tertulis hukum. Ketika Anda membaca tentang kegunaan situs web, Anda perlu memikirkan antarmuka penggunanya (UI). Antarmuka Pengguna adalah a mengatur berbagai elemen visual seperti menu, tombol dan ikon yang digunakan pengunjung Anda (klik, arahkan, ketuk) ketika mereka berinteraksi dengan situs web Anda.
Kegunaan adalah kualitas yang menggambarkan User Interface (UI). Kegunaan menunjukkan efisiensi UI seperti betapa mudahnya menggunakan situs web (kemampuan belajar), seberapa cepat pengguna dapat mencapai tujuan yang ditentukan (efisiensi), betapa mudahnya mereka mengingat kembali ingatan mereka tentang cara kerja situs (memorability), dan betapa menyenangkan untuk digunakan (kepuasan pengguna).
Kegunaan adalah salah satu aspek dari konsep yang lebih rumit yang disebut pengalaman pengguna (UX). Pengalaman pengguna melibatkan semua yang memengaruhi pengalaman pengguna - baik secara negatif atau positif. UX yang baik memenuhi setiap kebutuhan calon pelanggan - kegunaan yang baik dan banyak hal lainnya.
Menurut firma riset pengalaman pengguna Nielsen-Norman Group:
1. Beri Pengguna Tempat untuk Memulai
Pertama dan terpenting, Anda harus melakukannya beri pengunjung Anda tempat dari mana mereka bisa mulai. Biasanya halaman beranda yang menerima klik terbanyak, bukan hanya karena itu adalah pintu masuk utama ke sebuah situs tetapi ketika pengguna berasal dari mesin pencari, klik berikutnya kemungkinan besar akan menjadi halaman beranda..
Karena itu Anda perlu menawarkan konten dan tata letak yang menarik di halaman beranda jika Anda ingin menjaga pengunjung Anda di situs Anda.
Halaman beranda Booking.com membuktikan bahwa mereka memahami kebutuhan pelanggan mereka dengan baik. Pikirkan saja itu. Apa yang ingin Anda lakukan di situs perjalanan? Anda juga tahu ke mana Anda ingin pergi dan ingin mencari kemungkinan secepat mungkin, atau Anda tidak yakin tentang lokasi perjalanan Anda dan perlu inspirasi.
Booking.com menempatkan formulir pencarian keseluruhan di sisi kiri dari beranda bagi mereka yang yakin tentang perjalanan mereka di masa depan. Para pengunjung tidak perlu membuang waktu meramban melalui konten yang tidak relevan. Ini membuat mereka semakin yakin dan percaya diri.
Sisa ruang pada layar di atas flip memberi banyak inspirasi kepada yang kurang bertekad: tiga gambar besar lokasi populer (Abu Dhabi, Kota New York, dan Dubai) memberikan saran, aliran AJAX tentang “Baru dipesan” Trip menunjukkan apa yang sedang dilakukan pengguna lain, dan bahkan ada bagian kecil yang memastikan calon pelanggan tentang kebijakan pembatalan gratis.
Di laman beranda Booking.com, semua orang mendapat insentif dan perasaan positif untuk pindah di situs bahkan sebelum menyentuh bilah gulir.
2. Jadikan Navigasi Anda Jelas
Jika Anda ingin pengguna tetap berada di situs Anda, Anda harus memberi mereka navigasi yang jelas dan mudah digunakan.
Navigasi TimeOut.com seperti nyonya rumah yang pintar: itu memberi pengunjung bantuan yang berharga ketika mereka membutuhkannya tetapi tidak mengganggu mereka. Jika Anda melihat gambar di bawah ini, Anda dapat melihat bahwa sistem navigasi memiliki empat elemen berbeda: bilah pencarian besar dan mudah dikenali, menu utama dengan item yang jelas (Panduan Kota; Film; Musik, Seni & Budaya; Makanan & Minuman; Tentang Kami; Time Out Shop), bar remah roti yang dirancang dengan baik, dan bilah samping daftar kota paling populer.
TimeOut merancang sistem navigasinya dengan cara yang sangat intuitif yang memberikan insentif lebih lanjut kepada pengunjung untuk menjelajahi situs. Thumbnail kecil tepat di sebelah setiap item sidebar memberikan kunci visual, deskripsi singkat di bawah judul Makanan & Minuman memastikan pengunjung bahwa mereka berada di tempat yang tepat, remah roti membuatnya sangat mudah untuk bergerak, dan bilah pencarian teratas membantu pengguna melompat ke lokasi berikutnya jika mereka bosan dengan yang sekarang.
Setiap elemen mendukung yang lain - tanda yang jelas dari desain UX yang hebat.
3. Gunakan Citra Dampak Tinggi
Tangkapan layar di bawah ini dari salah satu halaman profil restoran TripAdvisor. Saya yakin Anda sudah membaca bahwa stok foto tidak membuat pengalaman pengguna yang baik: mereka biasanya membuat pengunjung bosan dan tidak memotivasi mereka untuk bergerak maju dalam corong konversi.
Alternatif foto stok adalah citra berdampak tinggi yang memancing emosi yang kuat pada pengguna. Dan kita semua tahu itu peningkatan emosi menyebabkan loyalitas pelanggan yang lebih tinggi.
Situs web perjalanan biasanya menggunakan gambar berkualitas tinggi, tetapi TripAdvisor membawanya ke tingkat selanjutnya mendorong pengguna untuk menambahkan foto mereka sendiri ke setiap restoran. Dengan cara ini TripAdvisor membumbui kontennya dengan gambar yang dibuat pengguna yang biasanya lebih menarik untuk pengunjung situs perjalanan rata-rata daripada foto yang diambil oleh para profesional.
Tekanan teman adalah salah satu motivasi terkuat. TripAdvisor juga menjaga konten visualnya tetap segar dengan menambahkan foto berdampak tinggi yang dipotret oleh pengguna.
4. Tetap Sederhana
Lebih sedikit biasanya lebih dari itu selalu merupakan ide yang baik untuk menjaga hal-hal sederhana, dan fokus hanya pada informasi yang relevan. Dunia begitu penuh gangguan sehingga pengunjung Anda pasti akan bersyukur jika Anda menyelamatkan mereka dari bulu yang tidak perlu.
“Tetap sederhana” adalah prinsip UX yang tampaknya diikuti Lonely Planet di beranda. Itu topik paling penting yang membangkitkan minat pengguna mereka diatur dalam kotak rapi dari thumbnail yang menarik didukung oleh panjang satu atau dua kata.
Halaman rumah LonelyPlanet sangat pintar dari aspek pengalaman pengguna karena thumbnail juga berfungsi sebagai navigasi saat mereka memberi pengguna kunci visual yang mudah dimengerti.
Grid responsif sehingga bekerja pada setiap viewport. Pada ukuran ponsel dan tablet, thumbnail terlihat seperti ikon aplikasi seluler yang merupakan tata letak yang akrab bagi semua pengguna ponsel, dan keakraban juga merupakan sesuatu yang memberi kenyamanan bagi pengunjung sehingga meningkatkan keterlibatan mereka dengan situs.
5. Gunakan Action Verbs
Anda kemungkinan besar akrab dengan kata kerja aksi dari situs karier. Kata kerja tindakan tidak hanya melibatkan perekrut yang memindai melalui resume tetapi juga situs web yang meramban pengunjung melalui web.
Jejaring sosial berbagi akomodasi yang populer, AirBnB menggunakannya di mana-mana di situsnya. Termasuk dimana saja, Menyewa, Daftar ruang Anda, Menemukan tempat, Jelajahi Dunia, Lihat di mana orang bepergian, Bagikan pengalaman Anda, dll.
Kata kerja tindakan sangat efisien karena mereka memindahkan pengguna dari kondisi pasif ke kondisi aktif. Pengalaman positif selalu membutuhkan aktivitas atas nama pengguna; itu sebabnya taman petualangan sangat populer.
Lagi pula, apa yang lebih Anda ingat? Sesuatu yang Anda lakukan sendiri atau sesuatu yang baru saja Anda baca di buku? Lihat? Interaksi juga melibatkan Anda. Jadi, jika Anda ingin meningkatkan pengalaman pengguna situs Anda, jangan ragu untuk menggunakan kata kerja tindakan yang sesuai.
6. Merampingkan Formulir Anda
Sebagai bentuk yang terlalu rumit sering menyebabkan pengabaian instan hal terbaik yang dapat Anda lakukan untuk pengalaman pengguna adalah merampingkan formulir di situs Anda sebanyak mungkin. Apa yang saya maksud dengan perampingan?
Anda dapat melihat contoh yang bagus jika Anda mengintip formulir pencarian universal Priceline.com di halaman muka mereka. Formulir pencarian Priceline adalah tersembunyi di dalam bagian navigasi tab horisontal yang praktis.
Tab tersebut berisi lima formulir pencarian berbeda yang terkait dengan lima area (Hotel, Penerbangan, Mobil, Paket Liburan, Pesiar) yang terlibat dengan perusahaan.
Hal yang sangat keren di sini adalah bahwa pengguna tidak perlu repot dengan hal-hal yang tidak mereka minati, mereka dapat langsung beralih ke formulir pencarian yang mereka butuhkan. Karena itu mereka tidak dibebani dengan bidang data tambahan, bidang formulir dijaga agar tetap minimum absolut, yang berarti peningkatan efisiensi, mengurangi gangguan, dan pemahaman yang cepat - pengalaman pengguna terbaik yang pernah ada.
7. Buat Dampak dengan Kisah Pribadi
Anda dapat meningkatkan keterlibatan pengguna dengan penggunaan cerita pribadi secara cerdas, seperti yang sebenarnya Anda alami, di beranda GoBackpacking.com.
Petualangan orang-orang nyata selalu lebih menarik daripada ocehan pemasaran yang terlalu halus. Pengunjung Anda tidak ingin membaca klise melelahkan yang sama yang dapat mereka baca di situs pesaing Anda - mereka bahkan dapat menghasilkan blether dampak rendah yang sama sendiri.
Ulasan, penilaian, komentar diarahkan, dan dimoderasi, status, posting blog, cerita pribadi, rekomendasi, semua menambah kepribadian ke situs Anda karena itu memperkenalkan informasi berkualitas tinggi yang dapat dihubungkan oleh pengunjung Anda secara emosional.
GoBackpacking mengisi beranda dengan kisah-kisah pribadi penggunanya yang membuat pengunjung langsung tenggelam dalam konten situs tanpa menyadarinya.
8. Sertakan Produk Terkait
Widget produk yang terkait, direkomendasikan, dan populer digunakan oleh semua pemain e-Commerce besar, jadi bukan kejutan besar bahwa situs wisata juga memanfaatkannya.
HotelTravel.Com menyelesaikan tugas dengan cara yang sangat rumit dan efisien. Mesin rekomendasinya mengambil lokasi yang dicari pengunjung - dalam kasus kami ini adalah Hong Kong - dan menunjukkan lebih banyak lagi opsi hotel yang direkomendasikan oleh pengguna lain. Hotel terkait juga direkomendasikan, solusi 2-in-1 yang selalu merupakan ide bagus.
Para perancang HotelTravel.Com maju selangkah lagi dan mereka menempatkannya produk terkait menjadi akordeon yang berguna yang memungkinkan pengguna untuk rekomendasi kelompok sesuai dengan empat kriteria yang berbeda (Nilai Terbaik, Layanan Terbaik, Standar Kamar Terbaik, Lokasi Terbaik).
Untuk membuat widget menarik secara visual, harga, thumbnail kecil, dan kutipan pendek dari ulasan terbaru juga disertakan berikan bantuan maksimal kepada pengunjung untuk memutuskan akomodasi mana yang paling sesuai dengan kebutuhan mereka.
9. Bicara Tentang Manfaat
Menunjukkan kepada pengunjung manfaat yang dapat mereka peroleh di situs Anda selalu lebih ramah pengguna daripada mengganggu mereka dengan fakta-fakta kering yang membuat mereka tertidur.
Pada halaman muka Booking.com, kita dapat melihat pemanfaatan cerdas prinsip desain UX ini. Di sisi kanan layar Anda dapat melihat “Mengapa Menggunakan Booking.com?” bagian yang meliputi enam manfaat yang semuanya sesuai dengan nilai rata-rata pelancong (harga rendah, pilihan papan, kemudahan penggunaan antarmuka, sistem peninjauan populasi, layanan pelanggan yang berkualitas, dan ketersediaan 24/7).
Tentu saja nilai-nilai ini dirancang lebih cara yang menarik dan datang dengan tautan di mana calon pelanggan dapat pindah. Itu “Mengapa Menggunakan Booking.com” widget sebenarnya versi biasa yang ditingkatkan “fitur” bagian dari situs web bisnis kecil rata-rata tetapi mencakup banyak elemen pendukung.
Itu ikon warna-warni, tautan yang disorot, dan data spesifik (seperti “701.118 properti di seluruh dunia”) semua membuat pengguna percaya bahwa mereka berada di situs web profesional yang dapat mereka percayai. Itu menampilkan lokasi populer dari Sydney ke Dublin di sisi kiri dan widget kecil dari ReviewCentre pihak ketiga semuanya mendukung pengalaman dan membangun kepercayaan.
10. Berikan Bukti Sosial
Ketika orang berbicara tentang bukti sosial, mereka biasanya berarti widget media sosial seperti Facebook Likebox yang juga merupakan elemen hebat dari UX yang dirancang dengan baik, tetapi halaman muka TripAdvisor memberikan contoh yang bagus. bagaimana bentuk lain dari bukti sosial bekerja.
Konsep bukti sosial didasarkan pada prinsip psikologis yang mengatakan orang lebih cenderung melakukan sesuatu jika mereka melihat orang lain di sekitar mereka lakukan hal yang sama. Validasi eksternal adalah motivasi yang hebat bagi kebanyakan dari kita, desainer yang sangat bijaksana membangun bukti sosial ke situs mereka dengan cara yang mendorong pengunjung untuk mengulangi perilaku sesama pengguna mereka.
Di TripAdvisor menarik konten sosial dibangun ke dalam navigasi tab yang berguna dengan tiga bagian: Ulasan Hotel, Foto yang dibuat oleh pengguna dan Forum. Judul widgetnya adalah “Apa yang dibicarakan para pelancong” yang mana kurang memaksa daripada subtitle rata-rata di situs komersial; karena itu menarik perhatian pengunjung sekaligus.
Bagian Ulasan Hotel dirancang dengan cara yang cerdas membuat konten mudah dicerna: foto profil kecil dan peringkat pengguna yang meninjau, nama hotel yang ditinjau, kutipan pendek dari ulasan itu sendiri, dan ikon peringkat yang sesuai dengan desain umum situs.
