Booking App
Booking.com mobil uygulamasında karmaşık navigasyonu, bunaltan arama sonuçlarını ve sınırlı filtreleri sadeleştiren bir haftalık UX/UI yeniden tasarım çalışması.
Doğru oteli seçmek fazla yorucu
Booking.com dünyanın önde gelen çevrim içi seyahat acentelerinden biri. Ancak mobil uygulamada kullanıcılar karmaşık navigasyon, aşırı kalabalık arama sonuçları ve birbirinden ayırt edilemeyen filtre seçenekleriyle uğraşıyor.
Amaç navigasyonu sadeleştirmek, sonuç listesini akıcı hâle getirmek ve filtrelemeyi güçlendirmek; süreç empati, tanımlama, fikir üretme, prototip ve test adımlarıyla ilerledi.
Dört sorun, dört öneri
Kullanıcıların söylediği, düşündüğü, hissettiği
Kullanıcı görüşmelerinden bir empati haritası çıkardım. En sık dile gelen konu, seçenek bolluğunun yarattığı yorgunluktu.
“Bir yerin merkeze, plaja ya da bir simgeye ne kadar yakın olduğunu görebilmek hoşuma gidiyor.”
“İptal koşulları gibi önemli bilgilerin daha şeffaf gösterilmesini isterdim.”
“Filtrelerime uymayan seçeneklere çok vakit harcamak istemiyorum.”
Seçenekler arasında kaybolan sadık kullanıcı
“Booking.com tercih ettiğim servis ama bazen bütün seçenekler arasında bunalıyorum.”
- Sürtünmesiz arama, inceleme ve rezervasyon
- Rekabetçi fiyat
- Fotoğraf, olanak, yorum ve konum detayları
- Boş yükleme ekranı
- Tek görünümde fazla detay
- Karmaşık navigasyon
Sonuç sayfası: yatay fotoğraf, öne çıkan fiyat
Konaklama sahipleri çoğunlukla yatay fotoğraf yüklüyor; dikey kartlar bu görselleri kırpıyordu. Yeni kartlar yatay, fotoğraflar detaya girmeden kaydırılabiliyor; fiyat, puan ve merkeze uzaklık öne çıkıyor.
Daha az baskı, daha hızlı karar
Fotoğraflar ve ikonlar işe yaradı
Araştırma panoları, tüm akışlar ve ekranların tam hâli Behance’teki vaka sunumunda.
Behance’te tam vaka