UX Design 10 Şey Seyahat Siteleri Size Öğretebilir

Tatilinizi planlarken profesyonelce büyümeye devam edebileceğiniz aklınızdan hiç geçti mi? Popüler seyahat web siteleri, rezervasyon ve ödeme formları, gezi planlayıcıları ve otel tarifeleri mükemmel kaynaklardır kullanıcı deneyimi tasarımı alanındaki bilginizi geliştirmek.

En iyi yerleri, otelleri seçerken ve seyahatinizi planlarken, neyin işe yarayıp yaramadığını, neyin ilham verdiğini ve sizi hemen başka bir siteye atlatan şeylere dikkat etmek iyi bir fikirdir.. Tepkileriniz, memnuniyetleriniz ve hoşnutsuzluklarınız, sitenin kullanıcı deneyimi tasarımının verimliliğinin en önemli özellikleridir..

Bu makalede popüler seyahat sitelerinden öğrenebileceğiniz kullanıcı deneyimi hakkında 10 ders öğrenebilirsiniz.

UI ve UX Arasındaki Fark

UX UI değil, bir yazılmamış kanun. Bir web sitesinin kullanılabilirliğini okuduğunuzda, kullanıcı arayüzü (UI) hakkında düşünmeniz gerekir. Kullanıcı Arabirimi bir çeşitli görsel öğeler kümesi web sitenizle etkileşime girdiklerinde ziyaretçilerinizin kullandığı menüler, düğmeler ve simgeler (tıklayın, üzerine gelin, hafifçe vurun).

Kullanılabilirlik, Kullanıcı Arabirimi'ni (UI) açıklayan bir kalitedir. Kullanılabilirlik gibi kullanıcı arayüzünün verimliliğini gösterir. web sitesi kullanmak ne kadar kolay (Öğrenilebilirlik), kullanıcıların belirlenen hedeflere ne kadar hızlı ulaşabileceği (Verimlilik), hatıralarını ne kadar kolay hatırlayabiliyorlar? sitenin çalışma şekli hakkında (hatırlanabilirlik) ve kullanmak ne kadar hoş (kullanıcı memnuniyeti).

Kullanılabilirlik, kullanıcı deneyimi (UX) adı verilen daha karmaşık bir kavramın bir yönüdür. Kullanıcı deneyimi kullanıcının deneyimini etkileyen her şeyi içerir - Olumsuz ya da olumlu. İyi bir UX potansiyel müşterilerin her ihtiyacını karşılar - iyi kullanılabilirlik ve daha birçok şey.

Kullanıcı deneyimi araştırma şirketi Nielsen-Norman Group'a göre:

1. Kullanıcılara Başlamak için Bir Yer Verin

Her şeyden önce, yapmanız gereken ziyaretçilerinize başlayabilecekleri bir yer verin. Genellikle bir sitenin ana girişi olduğu için değil, kullanıcılar bir arama motorundan geldiğinde, bir sonraki tıklama büyük olasılıkla ana sayfa olacaktır..

Bu nedenle gerekir Ana sayfada ilgi çekici bir içerik ve düzen sunmak ziyaretçilerinizi sitenizde tutmak istiyorsanız.

Booking.com'un ana sayfası, müşterilerinin ihtiyaçlarını iyi anladıklarını kanıtlıyor. Bunun hakkında düşün. Bir seyahat sitesinde ne yapmak istersin? Nereye gitmek istediğinizi biliyorsunuz ve olasılıkları olabildiğince çabuk aramak istiyorsunuz ya da seyahatinizin yeri konusunda emin değilsiniz ve biraz ilham almanız gerekiyor..

Booking.com bir yerleştirdi sol tarafta genel arama formu Gelecekteki seyahatlerinden emin olanlar için ana sayfasının. Ziyaretçiler alakasız içeriğe göz atarak zamanlarını boşa harcamak zorunda değil. Bu, onları daha fazla kararlılıkla ve daha fazla özgüvenle bırakır..

Ekranın üzerinde kalan boşluk daha az kararlı olana çok ilham verir: popüler konumların üç büyük resmi (Abu Dabi, New York City ve Dubai) öneride bulundu. “Yeni Rezervasyon Yaptım” geziler, diğer kullanıcıların şu anda neler yaptığını gösterir ve potansiyel müşterileri ücretsiz iptal politikası hakkında garanti eden küçük bir bölüm bile vardır.

Booking.com'un ana sayfasında, kaydırma çubuğuna dokunmadan önce herkes sitede hareket etmek için gerekli teşvik edici ve olumlu duyguları alır..

2. Navigasyonunuzu Açıklayın

Kullanıcıların sitenizde kalmalarını istiyorsanız, onlara bariz ve kullanımı kolay bir gezinti sağlamanız gerekir..

TimeOut.com'un navigasyonu akıllı bir hostes gibidir: ziyaretçilere ihtiyaç duyduklarında değerli yardımlar sağlar ancak onları rahatsız etmez. Aşağıdaki resme bakarsanız, navigasyon sisteminin mevcut olduğunu görebilirsiniz. dört farklı element: büyük, kolay tanınabilir bir arama çubuğu, açıkça tanımlanmış öğeleri içeren bir ana menü (Şehir Rehberleri; Film; Müzik, Sanat ve Kültür; Yiyecek ve İçecek; Hakkımızda; Zaman Aşımı Mağazası), iyi tasarlanmış bir ekmek kırıntıları barı ve kenar çubuğu en popüler şehirlerin listesi.

TimeOut, navigasyon sistemini, ziyaretçilere siteyi keşfetmeleri için daha fazla teşvik verecek sezgisel bir şekilde tasarladı. Her kenar çubuğu öğesinin hemen yanındaki küçük resim görsel bir anahtar verir, Yiyecek ve İçecek başlığının altındaki kısa açıklama ziyaretçilerin doğru yerde olmalarını sağlar, ekmek kırıntıları hareket etmeyi çok kolaylaştırır ve üst arama çubuğu, mevcut olandan sıkıldıklarında kullanıcıların bir sonraki konuma atlamasına yardımcı olur.

Her eleman diğerini destekler - harika UX tasarımının açık bir işareti.

3. Yüksek Etkili Görüntü Kullanımı

Aşağıdaki ekran görüntüsü, TripAdvisor'ın restoran profil sayfalarından biridir. Stok fotoğrafların iyi bir kullanıcı deneyimi sağlamadığını zaten okuduğunuza eminim: genellikle ziyaretçileri sıkar ve dönüşüm hunisinde ileri gitmeleri için onları motive etmezler.

Stok fotoğrafların alternatifi, kullanıcılarda güçlü duygular uyandıran yüksek etkili görüntülerdir. Ve hepimiz biliyoruz ki artan duygular daha yüksek müşteri sadakatine yol açar.

Seyahat web siteleri genellikle hepsi yüksek kaliteli resimler kullanır, ancak TripAdvisor tarafından bir sonraki seviyeye çıkarılır kullanıcıları kendi fotoğraflarını eklemeye teşvik etmek Her restorana. Bu şekilde TripAdvisor, içeriğini beraberinde getirir genellikle daha ilginç olan kullanıcı tarafından oluşturulan görüntüler ortalama seyahat sitesi ziyaretçisi için profesyonellerin çektiği fotoğraflardan daha fazla.

Akran baskısı, sonuçta en güçlü motivasyonlardan biridir. TripAdvisor ayrıca görsel içeriğini taze tutar kullanıcılar tarafından çekilen yüksek etkili fotoğraflar ekleyerek.

4. Basit tutun

Daha az genellikle daha fazladır, bu yüzden işleri basit tutmak ve yalnızca ilgili bilgilere odaklanmak iyi bir fikirdir. Dünya o kadar dikkat dağıtıcılarla doludur ki, onları gereksiz kabartmadan kurtarırsanız, ziyaretçileriniz kesinlikle minnettar olacaktır..

“Basit tutmak” Lonely Planet'in ana sayfasında görünüşte takip ettiği UX ilkesidir. en önemli konular Bu onların kullanıcıları entrika çekici küçük resimlerin düzenli bir ızgarada düzenlenmesi Tarafından desteklenen bir veya iki kelimelik uzun başlıklar.

LonelyPlanet'in ana sayfası özellikle küçük bir gezinti yaparken gezinti işlevi gördüğü için kullanıcı deneyimi açısından özellikle akıllı kullanıcılara kolayca anlaşılabilir bir görsel anahtar verin.

Izgara duyarlı olduğu için her vitrinde çalışıyor. Mobil ve tablet boyutunda küçük resimler mobil uygulamaların simgelerine benzer Bu, tüm mobil kullanıcılara tanıdık bir düzendir ve aşinalık, ziyaretçilere rahatlık veren ve dolayısıyla siteyle olan ilişkilerini artıran bir şeydir.

5. Eylem Fiiller kullanın

Büyük olasılıkla kariyer sitelerinden aksiyon fiillerini biliyorsunuzdur. Eylem fiilleri sadece özgeçmişleri taramakla kalmayıp aynı zamanda web'de gezinen web sitelerini ziyaret edenleri de meşgul eder.

Popüler konaklama paylaşım sosyal ağı AirBnB, sitelerini her yerde kullanıyor.. ait herhangi bir yer, Kira, Liste senin alanın, keşfedin yerler, keşfetmek Dünya, Görmek insanların seyahat ettiği yer, Pay Deneyiminiz, vb.

Aksiyon fiilleri inanılmaz verimlidir, çünkü onlar kullanıcıları pasif bir durumdan aktif olana taşı. Olumlu deneyimler daima kullanıcı adına etkinlik gerektirir; Bu yüzden macera parkları çok popüler..

Sonuçta daha ne hatırlıyorsun? Kendi başına yaptığın veya kitapta okuduğun bir şey mi? Görmek? Etkileşim sizi de meşgul eder. Bu nedenle, sitenizin kullanıcı deneyimini artırmak istiyorsanız, uygun olan yerlerde eylem fiilleri kullanmaktan çekinmeyin..

6. Formlarınızı Düzenleyin

Gibi çok karmaşık formlar genellikle anında terkedilmeye yol açar Kullanıcılarınızın deneyimi için yapabileceğiniz en akıllı şey, sitenizdeki formları olabildiğince düzene sokmaktır. Düzenlemenin altında ne kastediyorum??

Eğer ana sayfalarında Priceline.com'un evrensel arama formuna göz atarsanız mükemmel bir örnek görebilirsiniz. Priceline'nin arama formları kullanışlı bir yatay sekmeli gezinti bölümüne gizlenmiş.

Sekmeler, şirketin dahil olduğu beş alanla (Oteller, Uçuşlar, Arabalar, Tatil Paketleri, Turlar) ilgili beş farklı arama formunu içerir.

Buradaki en güzel şey, kullanıcıların ilgilenmedikleri şeylerle uğraşmak zorunda kalmaması, ihtiyaç duydukları arama formuna atlayabilmeleridir. Bu yüzden onlar Ek veri alanlarına yüklenmemiş, Form alanları mutlak minimumda tutulur, yani verimlilik artışı, rahatsızlık azaltma ve hızlı anlayış - gelmiş geçmiş en iyi kullanıcı deneyimi.

7. Kişisel Hikayeleri Etkilemek

GoBackpacking.com'un ana sayfasında, gerçekten yaşadığınız gibi kişisel hikayelerin akıllıca kullanımıyla kullanıcı ilgisini artırabilirsiniz..

Gerçek insanların maceraları her zaman aşırı rafine edilmiş pazarlama pazarlarından daha ilginçtir.. Ziyaretçileriniz, rakiplerinizin sitesinde okuyabilecekleri aynı yorucu klişeleri okumak istemiyor - hatta sonuçta kendileri tarafından aynı düşük etkili blether bile üretebiliyorlar.

Yorumlar, puanlamalar, yönlendirilmiş ve yönetilen yorumlar, durumlar, blog yazıları, kişisel hikayeler, öneriler, tümü sitenize kişilik katıyor ziyaretçilerinize duygusal olarak bağlanabilecekleri yüksek kaliteli bilgiler sunmak.

GoBackpacking, ana sayfasını kullanıcılarının kişisel hikayeleriyle doldurur ve bu da ziyaretçilerin sitenin içeriğine habersiz girmelerine neden olur..

8. İlgili Ürünleri Dahil Et

İlgili, tavsiye edilen ve popüler ürün widget'ları tüm büyük e-Ticaret oyuncuları tarafından kullanılır, bu nedenle seyahat sitelerinin de bunlardan yararlanmaları büyük bir sürpriz değildir..

HotelTravel.Com, görevi çok zor ve etkili bir şekilde çözüyor. Öneri motoru ziyaretçinin aradığı yeri seçer - Bizim durumumuzda bu Hong Kong - ve biraz daha gösterir diğer kullanıcılar tarafından önerilen otel seçenekleri. İlgili oteller de önerilen otellerdir, ikisi bir arada bir çözümdür ve bu her zaman iyi bir fikirdir..

HotelTravel.Com'un tasarımcıları bir adım daha öteye gitti ve ilgili ürünler için uygun bir akordeon Bu kullanıcının yapmasını sağlar grup önerileri dört farklı kritere göre (En İyi Değer, En İyi Hizmet, En İyi Oda Standardı, En İyi Konum).

Widget'ı görsel olarak ilgi çekici kılmak için, derecelendirme, fiyat, küçük bir küçük resim ve en son incelemeden kısa bir alıntı ziyaretçilere maksimum yardım vermek hangi konaklama yerinin ihtiyaçlarına en uygun olduğuna karar vermek.

9. Yararları hakkında konuşun

Ziyaretçilere sitenizde kazanabilecekleri avantajları göstermek, onları uykuya dalmalarını sağlayan kuru gerçeklerle karıştırmaktan her zaman daha kullanıcı dostudur..

Booking.com'un ana sayfasında, bu UX tasarım ilkesinin akıllıca kullanıldığını görebiliriz. Ekranın sağ tarafında “Neden Booking.com'u Kullanmalı??” içeren bölüm altı fayda hepsi ortalama yolcunun değerlerine uygun (düşük fiyat, yönetim kurulu seçimi, ara yüzün kullanım kolaylığı, nüfuslu inceleme sistemi, kaliteli müşteri hizmetleri ve 7/24 kullanılabilirlik).

Tabii ki bu değerler daha çok ilgi çekici bir yol ve gel bağlantılarla Potansiyel müşterilerin devam edebileceği yer. “Neden Booking.com'u Kullanmalı?” gerçekte widget Düzenli sürümün geliştirilmiş versiyonu “Özellikler” Bölüm ortalama bir küçük işletme web sitesi ancak birçok destekleyici unsur içeriyor.

renkli simgeler, vurgulanan bağlantılar ve belirli veriler (gibi “Dünya çapında 701.118 tesis”) tüm kullanıcılar, güvenebilecekleri profesyonel bir web sitesinde olduklarına inanmasını sağlar. popüler konumların vitrini soldan Sidney'den Dublin'e ve üçüncü taraf ReviewCentre'nin küçük widget'ının tümü deneyimi destekliyor ve güven oluşturuyor.

10. Sosyal Kanıt Sağlayın

İnsanlar sosyal ispat hakkında konuştuğunda genellikle Facebook gibi sosyal medya widget'ları anlamına geliyorlar; bu aynı zamanda iyi tasarlanmış UX'in harika bir öğesi, ancak TripAdvisor'ın ana sayfası harika bir örnek diğer sosyal kanıt formları nasıl çalışır?.

Sosyal kanıt kavramı, insanların bir şeyler yapmasının daha muhtemel olduğunu söyleyen psikolojik bir ilkeye dayanmaktadır. etraflarında başkalarını görürlerse aynı şeyi yap. Dış doğrulama büyük bir motivasyondur Birçoğumuz için, bu yüzden bilge tasarımcılar, ziyaretçilerini diğer kullanıcılarının davranışlarını tekrar etmeye teşvik edecek şekilde sitelerinde sosyal kanıtlar oluşturur..

TripAdvisor'da ilgi çekici sosyal içerik kullanışlı bir sekme gezintisine yerleştirilmiştir üç bölüm ile: Otel Yorumları, Kullanıcılar ve Forumlar tarafından yapılan fotoğraflar. Widget’ın başlığı “Gezginler ne hakkında konuşuyor” hangisi ortalama altyazıdan daha az saldırgan ticari sitelerde; dolayısıyla ziyaretçinin gözüne aynı anda yetiyor.

Otel Yorumları bölümü akıllıca tasarlanmış içeriğin sindirimi kolaylaştırır: küçük bir profil fotoğrafı ve inceleyen kullanıcının sıralaması, incelenen otelin adı, incelemenin kendisinden kısa bir alıntı ve sitenin genel tasarımına uygun bir değerlendirme simgesi.