UX Design 10 Things Travel Websites Boleh Mengajar Anda

Pernahkah anda terlintas dalam fikiran anda bahawa anda masih boleh berkembang secara profesional semasa anda merancang percutian anda? Laman web perjalanan popular, borang tempahan dan checkout, perancang perjalanan dan jadual waktu hotel adalah semua sumber yang sangat baik meningkatkan pengetahuan anda dalam bidang reka bentuk pengalaman pengguna.

Semasa memilih lokasi terbaik, hotel dan menjadualkan perjalanan anda, adalah idea yang baik untuk memberi perhatian kepada apa yang berfungsi dan apa yang tidak, apa yang memberi inspirasi kepada anda dan apa yang membuat anda segera melompat ke tapak lain. Reaksi, kelegaan dan penipisan anda adalah semua ciri utama kecekapan reka bentuk pengalaman pengguna laman web.

Dalam artikel ini anda boleh mempelajari 10 pelajaran mengenai pengalaman pengguna yang boleh anda pilih dari laman web pelancongan popular.

Perbezaan Antara UI dan UX

UX bukan UI, ia seperti tidak bertulis undang-undang. Apabila anda membaca tentang kegunaan laman web, anda perlu memikirkan antara muka pengguna (UI). Antara muka pengguna adalah a set pelbagai elemen visual seperti menu, butang dan ikon yang digunakan pengunjung anda (klik, hover, ketik) apabila mereka berinteraksi dengan tapak web anda.

Kebolehgunaan adalah kualiti yang menggambarkan Antara Muka Pengguna (UI). Kebolehgunaan menunjukkan kecekapan UI seperti betapa mudahnya menggunakan laman web (belajar), berapa pantas pengguna boleh mencapai matlamat tertentu (kecekapan), betapa mudahnya mereka dapat mengingati kenangan mereka tentang cara kerja tapak (memorability), dan betapa menyenangkannya untuk digunakan (kepuasan pengguna).

Kebolehgunaan adalah salah satu aspek dari tanggapan yang lebih rumit dipanggil pengalaman pengguna (UX). Pengalaman pengguna melibatkan segala yang mempengaruhi pengalaman pengguna - sama ada secara negatif atau positif. UX yang baik memenuhi setiap keperluan calon pelanggan - kebolehgunaan yang baik dan banyak perkara lain.

Mengikut pengalaman penyelidikan pengguna-pengguna Nielsen-Norman Group:

1. Berikan Pengguna Tempat untuk Memulakan

Pertama sekali, anda perlu berikan pelawat anda tempat dari mana mereka boleh mula. Biasanya laman utama yang menerima klik paling banyak, bukan hanya kerana ia masuk utama ke tapak tetapi apabila pengguna datang dari enjin carian, klik seterusnya kemungkinan besar akan menjadi halaman utama.

Oleh itu, anda perlu menawarkan kandungan dan tata letak yang menarik di laman utama jika anda ingin menyimpan pelawat anda di laman web anda.

Halaman rumah Booking.com membuktikan bahawa mereka memahami keperluan pelanggan mereka dengan baik. Fikirkanlah. Apa yang anda mahu lakukan di laman pelancongan? Anda sama ada tahu di mana anda ingin pergi dan ingin melihat kemungkinan secepat mungkin, atau anda tidak pasti tentang lokasi perjalanan anda dan memerlukan sedikit inspirasi.

Booking.com ditempatkan borang carian keseluruhan di sebelah kiri halaman rumahnya bagi mereka yang pasti tentang perjalanan masa depan mereka. Pelawat tidak perlu membuang masa mereka melayari kandungan tidak relevan. Ini meninggalkan mereka dengan penentuan yang lebih tinggi dan meningkatkan keyakinan diri.

Ruang baki pada skrin di atas lipatan memberi banyak inspirasi kepada yang kurang ditentukan: tiga gambar besar lokasi popular (Abu Dhabi, New York City, dan Dubai) memberikan cadangan, aliran AJAX mengenai “Hanya dipetik” perjalanan menunjukkan pengguna lain yang ada sekarang, dan terdapat seksyen kecil yang memastikan bakal pelanggan mengenai dasar pembatalan percuma.

Di laman web Booking.com semua orang mendapat insentif dan perasaan positif yang diperlukan untuk bergerak di laman web ini sebelum menyentuh bar skrol.

2. Jadikan Navigasi Anda Jelas

Jika anda ingin pengguna kekal di tapak anda, anda perlu menyediakan mereka dengan navigasi yang jelas dan mudah digunakan.

Navigasi TimeOut.com adalah seperti pelayan wanita pintar: ia memberikan pengunjung bantuan berharga apabila mereka memerlukannya tetapi tidak mengganggu mereka. Jika anda melihat gambar di bawah, anda dapat melihat bahawa sistem navigasi mempunyai empat elemen berbeza: bar carian yang sangat mudah dikenali, menu utama dengan item yang jelas (Panduan Bandar; Filem, Muzik, Kesenian & Kebudayaan; Makanan & Minuman, Tentang Kami; Time Out Shop), bar serbuk yang direka dengan baik dan bar sisi penyenaraian bandar-bandar yang paling popular.

TimeOut merancang sistem navigasinya dengan cara yang intuitif yang memberi pengunjung insentif lebih lanjut untuk meneroka laman web ini. Tajuk kecil kecil bersebelahan dengan setiap item bar sisi memberikan kekunci visual, penerangan ringkas di bawah tajuk Makanan & Minuman memastikan pelawat bahawa mereka berada di tempat yang betul, serbuk roti menjadikannya sangat mudah untuk bergerak, dan bar carian atas membantu pengguna melompat ke lokasi seterusnya jika mereka bosan dengan satu saat ini.

Setiap elemen menyokong yang lain - tanda jelas reka bentuk UX yang hebat.

3. Gunakan Imej Impak Tinggi

Petikan di bawah adalah salah satu halaman profil restoran di TripAdvisor. Saya yakin bahawa anda sudah membaca bahawa gambar stok tidak membuat pengalaman pengguna yang baik: mereka biasanya menanggung pelawat dan tidak memotivasi mereka untuk bergerak ke hadapan dalam corong penukaran.

Alternatif foto stok adalah imejan berimpak tinggi yang menimbulkan emosi yang kuat di kalangan pengguna. Dan kita semua tahu itu peningkatan emosi membawa kepada kesetiaan pelanggan yang lebih tinggi.

Laman web perjalanan biasanya menggunakan gambar yang berkualiti tinggi, tetapi TripAdvisor mengambilnya ke peringkat seterusnya oleh menggalakkan pengguna menambah gambar mereka sendiri ke setiap restoran. Dengan cara ini, rempah dengan kandungannya imej yang dijana pengguna yang biasanya lebih menarik untuk pengunjung laman perjalanan purata daripada gambar yang diambil oleh profesional.

Tekanan rakan sebaya adalah salah satu motivasi kuat selepas semua. TripAdvisor juga mengekalkan kandungan visualnya segar dengan menambah foto berdampak tinggi oleh pengguna.

4. Simpan Ia Mudah

Kurang biasanya lebih banyak lagi, jadi itulah idea yang baik untuk menjaga perkara yang mudah, dan memberi tumpuan kepada maklumat yang berkaitan sahaja. Dunia begitu penuh dengan gangguan yang pelawat anda pastinya akan berterima kasih jika anda menyelamatkan mereka dari bulu yang tidak perlu.

“Pastikan ia mudah” adalah prinsip UX yang Lonely Planet nampaknya diikuti di halaman rumahnya. The topik yang paling penting bahawa tipu daya pengguna mereka diatur dalam grid kecil yang menarik disokong oleh satu atau dua perkataan tajuk panjang.

Halaman rumah LonelyPlanet sangat pintar dari segi pengalaman pengguna kerana lakaran kecil juga berfungsi sebagai navigasi semasa mereka memberikan pengguna kunci visual mudah difahami.

Grid itu responsif sehingga berfungsi pada setiap viewport. Pada saiz mudah alih dan tablet imej kecil kelihatan seperti ikon aplikasi mudah alih yang merupakan tata letak yang biasa kepada semua pengguna mudah alih, dan kebiasaan juga merupakan sesuatu yang memberikan keselesaan kepada para pengunjung sehingga meningkatkan keterlibatan mereka dengan laman web ini.

5. Gunakan Tindakan Tindakan

Anda kemungkinan besar akrab dengan kata kerja tindakan dari laman kerjaya. Kata kerja tindakan bukan sahaja melibatkan perekrutan pemindaian melalui resume tetapi juga laman web pelawat yang melayari laman web.

Rangkaian sosial perkongsian penginapan yang popular, AirBnB menggunakannya di mana-mana di laman webnya. Belong di mana sahaja, Sewa, Senarai ruang anda, Cari tempat, Meneroka dunia, Lihat di mana orang mengembara, Kongsi pengalaman anda, dan sebagainya.

Kata kerja tindakan sangat berkesan kerana mereka memindahkan pengguna dari keadaan pasif kepada yang aktif. Pengalaman positif sentiasa memerlukan aktiviti bagi pihak pengguna; itulah sebabnya taman pengembaraan begitu popular.

Lagipun apa yang anda masih ingat? Sesuatu yang anda lakukan sendiri atau sesuatu yang baru anda baca dalam buku? Lihat? Interaksi melibatkan diri anda juga. Oleh itu, jika anda ingin meningkatkan pengalaman pengguna laman web anda, jangan teragak-agak untuk menggunakan kata kerja tindakan yang sesuai.

6. Merampingkan Borang Anda

Sebagai bentuk terlalu rumit sering membawa kepada pengabaian segera perkara yang paling bijak yang boleh anda lakukan untuk pengalaman pengguna anda adalah untuk menyelaraskan borang di laman web anda sebanyak yang mungkin. Apa yang saya maksudkan di bawah penyelarasan?

Anda boleh melihat contoh yang sangat baik jika anda mengintip borang carian sejagat Priceline.com di halaman rumah mereka. Borang carian Priceline adalah tersembunyi di dalam seksyen navigasi tab berbilang berguna.

Tab mengandungi lima bentuk carian yang berbeza berkaitan dengan lima kawasan (Hotel, Penerbangan, Kereta, Pakej Percutian, Pelayaran) syarikat terlibat dengan.

Perkara yang benar-benar kerap di sini ialah pengguna tidak perlu repot-repot dengan barangan yang mereka tidak berminat, mereka boleh melompat terus ke borang carian yang mereka perlukan. Oleh itu, mereka tidak dibebani dengan medan data tambahan, medan borang disimpan ke minimum mutlak, yang bermaksud meningkatkan kecekapan, mengurangkan gangguan, dan pemahaman yang cepat - pengalaman pengguna terbaik yang pernah ada.

7. Membuat Impak dengan Kisah Pribadi

Anda boleh meningkatkan penglibatan pengguna dengan penggunaan ceramah peribadi, seperti yang anda alami, di laman utama GoBackpacking.com.

Pengembaraan orang sebenar selalu lebih menarik daripada babble pemasaran yang lebih halus. Pelawat anda tidak mahu membaca klise yang melelahkan yang sama yang dapat mereka baca di laman pesaing anda - mereka juga dapat menghasilkan limpahan berdampak rendah yang sama dengan diri mereka sendiri selepas semua.

Ulasan, penilaian, ulasan yang diarahkan dan disederhanakan, status, jawatan blog, cerita peribadi, cadangan, semua menambah personaliti ke laman web anda memperkenalkan maklumat berkualiti tinggi pengunjung anda boleh berhubung dengan emosi.

GoBackpacking memaparkan halaman rumahnya dengan kisah peribadi para penggunanya yang membuat pelawat dengan serta-merta menenggelamkan kandungan laman web tersebut tanpa mengetahui.

8. Sertakan Produk Terkait

Widget produk yang berkaitan, disyorkan dan popular digunakan oleh semua pemain e-Commerce yang besar, jadi itu bukan satu kejutan besar bahawa tapak perjalanan juga mengambil leverage mereka.

HotelTravel.Com menyelesaikan tugas dengan cara yang sangat rumit dan cekap. Enjin cadangannya mengambil lokasi yang dicari pelawat - dalam kes kita itu Hong Kong - dan menunjukkan lebih banyak lagi pilihan hotel yang disyorkan oleh pengguna lain. Hotel-hotel yang berkaitan juga adalah yang disyorkan, penyelesaian 2-dalam-1 yang sentiasa menjadi idea yang baik.

Pereka HotelTravel.Com mengambil satu langkah lagi dan mereka meletakkannya produk yang berkaitan dengan akordion yang berguna yang membolehkan pengguna untuk cadangan kumpulan menurut empat kriteria yang berbeza (Nilai Terbaik, Perkhidmatan Terbaik, Standard Bilik Terbaik, Lokasi Terbaik).

Untuk menjadikan widget visual menarik penarafan, harga, lakaran kecil kecil dan sebut harga pendek dari ulasan terkini juga disertakan memberi bantuan maksimum kepada pelawat untuk menentukan penginapan yang sesuai dengan keperluan mereka.

9. Bincang Mengenai Faedah

Menunjukkan pelawat manfaat yang mereka dapati di laman web anda sentiasa lebih mesra pengguna daripada mengusik mereka dengan fakta kering yang membuat mereka tertidur.

Di laman web Booking.com kami dapat melihat penggunaan pintar prinsip reka bentuk UX ini. Di sebelah kanan skrin anda boleh melihat “Kenapa Gunakan Booking.com?” seksyen yang merangkumi enam faedah yang semuanya sesuai dengan nilai pengembara rata-rata (harga rendah, pilihan papan, kemudahan penggunaan antara muka, sistem kajian semula penduduk, perkhidmatan pelanggan yang berkualiti, dan ketersediaan 24/7).

Sudah tentu nilai-nilai ini diolah lebih lanjut cara yang menarik dan datanglah dengan pautan di mana bakal pelanggan boleh teruskan. The “Kenapa Gunakan Booking.com” widget sebenarnya versi yang dipertingkatkan secara tetap “ciri-ciri” seksyen daripada laman web perniagaan kecil tetapi ia termasuk banyak unsur sokongan.

The ikon berwarna-warni, pautan yang diserlahkan, dan data tertentu (seperti “701,118 harta di seluruh dunia”) semua membuat pengguna percaya bahawa mereka berada di laman web profesional yang boleh dipercayai. The mempamerkan lokasi popular dari Sydney ke Dublin di sebelah kiri dan widget kecil dari ReviewCentre pihak ketiga semuanya menyokong pengalaman dan membina kepercayaan.

10. Menyediakan Bukti Sosial

Apabila orang bercakap mengenai bukti sosial mereka biasanya bermaksud widget media sosial seperti Facebook Likebox yang juga merupakan elemen hebat UX yang direka dengan baik, tetapi halaman rumah TripAdvisor menyediakan contoh yang bagus bagaimana bentuk kerja sosial lain.

Konsep bukti sosial berdasarkan prinsip psikologi yang mengatakan orang lebih cenderung melakukan sesuatu jika mereka melihat orang lain di sekeliling mereka lakukan perkara yang sama. Pengesahan luaran adalah motivasi yang hebat bagi kebanyakan kita, pereka yang bijak membina bukti sosial ke dalam laman web mereka dengan cara yang menggalakkan pelawat untuk mengulangi tingkah laku pengguna rakan-rakan mereka.

Pada TripAdvisor yang menarik kandungan sosial dibina menjadi navigasi tab berguna dengan tiga bahagian: Ulasan Hotel, Foto yang dibuat oleh pengguna dan Forum. Tajuk widget adalah “Apa yang dikatakan pelancong” iaitu kurang memaksa daripada sarikata purata di tapak komersial; oleh itu ia menarik mata pelawat sekaligus.

Bahagian Ulasan Hotel direka dengan cara yang bijak menjadikan kandungan mudah dicerna: foto profil kecil dan kedudukan pengguna mengkaji, nama hotel yang ditinjau, petikan ringkas dari semakan itu sendiri, dan ikon penarafan yang sesuai dengan reka bentuk umum tapak.