Problem
Aile veya arkadaşlarla bir tatil planlamak, gezi programı oluşturma, bütçe yönetimi, turistik yerler bulma, konaklama rezervasyonu ve ulaşım düzenlemeleri yapmayı içerir. Bu süreç, karmaşık ve yorucu olabilir.
UX/UI · Seyahat Uygulaması
Vera; yeni destinasyonlar keşfetmekten kişiselleştirilmiş rotalar oluşturmaya, seyahat masraflarını ve hazırlık listelerini yönetmeye kadar tüm seyahat sürecini tek bir yerde kolaylaştıran kullanıcı odaklı bir mobil uygulamadır.
Vera, seyahat ihtiyaçlarınızı tek bir yerde toplayan bir mobil uygulamadır. Destinasyon aramaları, harita özellikleri, gezi planı oluşturma, seyahat arkadaşlarını yönetme, kontrol listesi hazırlama, harcama takibi ve seyahat fotoğrafları ve videolarınız için galeri sunar.
“Vera” ismi, güven ve doğruluğu ifade eden Latince kökenli bir kelimedir. Bu isim, uygulamanın kullanıcılarına her adımda rehberlik etme misyonunu ve seyahatlerini planlamaktan keşfe kadar keyifli bir deneyim sunmayı hedeflediğini mükemmel bir şekilde yansıtır.
Aile veya arkadaşlarla bir tatil planlamak, gezi programı oluşturma, bütçe yönetimi, turistik yerler bulma, konaklama rezervasyonu ve ulaşım düzenlemeleri yapmayı içerir. Bu süreç, karmaşık ve yorucu olabilir.
Gezi programı yönetimi, bütçe takibi, destinasyon keşfi, konaklama rezervasyonu ve ulaşım düzenlemelerini entegre eden bir uygulama ile tatillerinizi zahmetsizce planlayın. Vera, süreci kolaylaştırır ve aile ya da arkadaşlarınızla stressiz bir seyahat organize etmenizi sağlar.
Kullanıcı yolculuğu, bir gezginin uygulamayı keşfetmesinden seyahatini yönetmesine kadar olan adımları detaylandırır. Vera’da kullanıcı yolculuğu; destinasyon arama, gezi planlama, kontrol listesi hazırlama ve harcama takibi gibi kilit noktaları içerir. Bu süreç, sorunsuz ve keyifli bir seyahat deneyimi sağlamak için tasarlanmıştır.
Tasarım Odaklı Düşünme süreci, kullanıcı deneyimini oluştururken karşılaşılan sorunların nasıl ele alındığını ve çözüme ulaştırıldığını göstermek için oldukça önemlidir. Bu süreçte, kullanıcı ihtiyaçlarını anlamaya ve onlara uygun çözümler sunmaya odaklanan Kullanıcı Merkezli Tasarım yaklaşımını uyguladım. Bu yöntem, çözümlerin baştan sona kullanıcıyı dikkate alarak tasarlanmasını ve yüksek düzeyde kullanılabilir sonuçlar elde edilmesini sağlar.
Kullanıcıların seyahatle ilgili ihtiyaçlarını ve beklentilerini anlamak amacıyla yapılan nicel araştırmalar kapsamında onlara belirlenen sorular yönlendirildi. Bu sorular, kullanıcıların yaşadığı sorunları ve bir uygulamadan beklentilerini daha iyi anlamak için tasarlandı. Elde edilen sonuç, sorunlu noktaların belirlenmesine yardımcı oldu ve uygulamanın kullanıcı beklentilerini ve gereksinimlerini daha iyi karşılayacak şekilde geliştirilmesine rehberlik etti.
Seyahat eden kullanıcılar, güvenilir konaklama seçeneklerini belirlemekte ve şehir içi ulaşım alternatiflerini bulmakta güçlük yaşıyor.
Rotalar ve aktiviteler hakkında bilgi aramak, kullanıcılar için planlama sürecini yorucu ve uzun hale getiriyor.
Farklı rezervasyon uygulamalarını kullanmak, en uygun fiyatı bulmayı zorlaştırıyor ve bazı tekliflerin geçersiz olması sorunu yaratıyor.
Kullanıcılar, seyahat planlama ve bilet rezervasyonu süreçlerini bir arada yönetebilecekleri güvenilir bir uygulama bulmakta zorlanıyor.
Nicel araştırma kapsamında, seyahat eden kullanıcıların alışkanlıkları, tercihleri, karşılaştıkları sorunlar ve ihtiyaçları hakkında ölçülebilir veriler toplamak amacıyla Excel kullanılarak bir anket tasarlandı. Elde edilen veriler analiz edilerek Vera’nın özelliklerini ve kullanıcı deneyimini geliştirmeye yardımcı olacak ortak davranışlar, ihtiyaçlar ve eğilimler belirlendi.
Rakip analizi, rakiplerin güçlü ve zayıf yönlerini, stratejilerini ve pazar konumlarını değerlendirmeyi içerir. Bu süreç, doğrudan, dolaylı ve potansiyel rakiplerin yanı sıra onların özelliklerini incelemeyi kapsar. Diğer seyahat uygulamalarını analiz ederek Vera’yı geliştirecek kilit özellikler belirlendi. Böylece kullanıcı memnuniyetini artırmak ve düzenli kullanımı teşvik etmek hedeflendi.
| Özellik | Polarsteps | Tripadvisor | TripIt | Wanderlog | Visit A City | Tripoto | Lambus |
|---|---|---|---|---|---|---|---|
| Doğru güzergâh | × | × | × | ✓ | × | × | × |
| Her kategori için arama özelliği | × | ✓ | × | × | × | × | × |
| Konumları mesafeye göre sıralama | × | ✓ | × | × | × | × | ✓ |
| Yakındaki konum önerileri | × | ✓ | × | ✓ | ✓ | × | ✓ |
| Web sitesi | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
| Uygulama içi harita özelliği | ✓ | ✓ | × | ✓ | ✓ | × | ✓ |
| Seyahat planına katılımcı davet etme | ✓ | ✓ | ✓ | ✓ | × | × | ✓ |
| Çevrimdışı erişim | ✓ | × | ✓ | ✓ | ✓ | × | ✓ |
Projemizde, farklı türde gezginleri temsil etmek için kullanıcı kişilikleri geliştirildi. Bu kişilikler, seyahat alışkanlıkları, hedefleri ve karşılaştıkları zorluklar gibi detayları içerir. Bu kişilikleri anlamak, Vera uygulamasını gerçek kullanıcıların ihtiyaçlarını ve beklentilerini daha iyi karşılayacak şekilde tasarlamaya yardımcı olur ve uygulamayı daha kullanışlı ve kullanıcı dostu hale getirir.
“Seyahat, sıradan günleri unutulmaz anılara dönüştürür.”
Asya, İstanbul’da özel bir okulda kimya öğretmeni olarak çalışmaktadır. Yılda iki kez seyahat ederek hem rahatlamayı hem de sevdikleriyle bağ kurmayı tercih eder.
“Uzağa seyahat et, hayatı dolu dolu yaşa ve her anın tadını çıkar.”
Okan, İstanbul’daki bir IT şirketinde UI/UX tasarımcısı olarak çalışmaktadır. Genellikle ayda iki kez ailesini ziyaret etmek ve arkadaşlarıyla seyahat etmek için gezi planları yapar.
Vera’da empati haritalama, kullanıcı etkileşimlerinden elde edilen içgörüleri özetlemeye yardımcı olur ve gezginlerin duygularını, hayal kırıklıklarını ve ihtiyaçlarını daha net anlamamızı sağlar. Bu süreç, kullanıcıların hissettiklerine, gördüklerine, duyduklarına ve deneyimlediklerine odaklanarak uygulamanın tasarımını yönlendirir ve onların zorluklarını daha iyi ele alır.
Fikir Üretme süreci, kullanıcı sorunlarını çözmek için çeşitli fikirler keşfetmeyi ve yaratıcı yollar geliştirmeyi içerir. Bu aşamada, empati haritalama bulgularını kullanıcı hikâyelerine dönüştürdüm ve çözümleri beyin fırtınası yaparak belirledim. Kullanıcı hikâyelerine dayanarak aşağıdaki gereksinimleri özetledim.
Kullanıcı, dengeli bir seyahat planı oluşturmak için birkaç gün harcıyor.
Popüler seyahat destinasyonları için önceden hazırlanmış güzergâh şablonları, kullanıcıların bu şablonları tercihleri doğrultusunda hızlıca özelleştirmelerine olanak tanır.
Çok sayıda rezervasyon uygulaması mevcutken en iyi fiyatı tek bir yerde bulmak zorlaşıyor ve sunulan tekliflerin çoğu geçerli olmuyor.
Konaklama seçerken farklı ve bilinen rezervasyon sitelerindeki fiyatlar tek yerde listelenir. Kullanıcı, ilgili bağlantıya tıkladığında rezervasyonun yapılacağı siteye yönlendirilir.
Kullanıcı, şehir içerisindeki ulaşım seçeneklerini bulmakta zorlanıyor.
Uygulama, kullanıcı yorumları, puanlar ve iletişim bilgileriyle birlikte kiralık araç seçeneklerini gösterir.
Bir gezgin olarak kullanıcı, konumlar arasındaki rotaları Google Haritalar’a bağımlı kalmadan bulmakta zorlanıyor. Bu durum, farklı uygulamalara bağımlılık yaratıyor ve seyahat deneyimini kesintiye uğratıyor.
Uygulama, kullanıcıların bir varış noktası seçmesine ve seçilen noktaya nasıl ulaşacaklarını öğrenmesine olanak tanır. Ayrıca kullanıcılar haritayı indirerek internet bağlantısına ihtiyaç duymadan kullanabilir.
… ve daha fazla fikir!
Bilgi mimarisi, uygulama içerisindeki içeriklerin ve işlevlerin kullanıcıların zihinsel modellerine uygun, anlaşılır ve tutarlı bir hiyerarşiyle düzenlenmesini sağlar. Vera’nın bilgi mimarisi; kullanıcıların yeni yerler keşfetme, beğendikleri noktaları kaydetme, harita üzerinde konum arama ve seyahat oluşturma gibi temel işlemlere kolayca ulaşabilmeleri üzerine kurgulandı. Seyahat oluşturulduktan sonra rota, yol arkadaşları, medya, masraflar ve hazırlık listesi gibi seyahat yönetimi araçları tek bir yapı altında toplandı.


Kullanıcı akışı, kullanıcıların uygulamada nasıl gezindiğini ve davrandığını anlamak için tasarlanmıştır. Vera uygulamasında kullanıcı akışı; yeni destinasyonlar keşfetmekten seyahat planları oluşturmaya, seyahat harcamalarını yönetmekten temel bilgilere erişime kadar olan yolculuğu detaylandırır. Bu süreçte her adımın sezgisel ve sorunsuz olması sağlanır.

Orta seviye wireframes, kağıt eskizlerinden sonraki adımdır. Son tasarım öğeleri olmadan yapıya ve kullanıcı akışına odaklanarak düzene daha fazla ayrıntı eklerler. Yeni fikirlere dayanarak, düşük sadakat sürümlerinden farklılaştıran iyileştirmeler yapıldı.
Vera’nın renk paleti; güven, huzur ve keşif duygularını destekleyen dengeli bir görsel dil oluşturmak amacıyla tasarlandı. Ana renk olarak kullanılan mavi, seyahat deneyiminde güvenilirliği ve sakinliği temsil ederken; yeşil, dengeli ve destekleyici bir etki yaratır. Mercan kırmızısı, önemli aksiyonları ve dikkat gerektiren noktaları öne çıkarmak için kullanılır. Açık ve nötr tonlar ise içeriğin rahat okunmasını sağlayarak sade, ferah ve kullanıcı odaklı bir arayüz oluşturur.
Birincil renkler; uygulamanın marka kimliğini oluşturan metinlerde, aktif butonlarda, bağlantılarda, önemli durumlarda ve vurgu alanlarında kullanılır. Bu renkler, arayüz genelinde tutarlı ve kolay tanınabilir bir görsel dil oluşturur.
İkincil renkler; yardımcı metinlerde, ikonlarda, arka planlarda, ayırıcılarda, yer tutucularda ve pasif durumlarda kullanılır. Bu nötr tonlar, birincil renklerin öne çıkmasını sağlarken arayüzde görsel bir denge oluşturur.
Uygulamanın yazı tipleri, kullanıcı deneyimini artırmak ve okunabilirliği en üst düzeye çıkarmak için özenle seçildi. Poppins yazı tipi ailesi, modern ve temiz tasarımıyla ön plana çıkarak, uygulamanın görsel olarak çekici ve sezgisel bir arayüz sunmasını destekler.
Light / 14px, 24px
Regular / 14px, 16px
Medium / 12px, 14px, 16px, 18px, 24px, 32px
Bold / 14px, 16px, 18px, 24px
Vera uygulamasında kullanılan 4 sütunlu ve 8’li grid sistemleri, temiz, düzenli bir düzen ve tutarlı boşluklar sağlayarak uygulamanın genel kullanıcı deneyimini geliştirir.
Bileşenler bölümü, uygulama genelinde kullanılan temel UI öğelerini kapsar; bunlar arasında düğmeler, kartlar, metin alanları ve gezinme çubukları bulunur. Bu öğelerin uygulamanın her yerinde aynı şekilde görünmesini ve çalışmasını sağlayarak tasarımın tutarlı ve kullanımı kolay olmasını garanti eder.
Logo tasarımı, bir marka veya projeyi temsil eden benzersiz ve tanınabilir bir görsel sembol oluşturmayı içerir. Vera’nın uygulama logosu, seyahat odaklı özelliklerini yansıtmak için bir konum simgesini uçak simgesiyle birleştirir.
UI ekranları, renkler, tipografi, simgeler ve etkileşimler gibi ayrıntılı görsel öğelere odaklanarak son tasarım aşamasını temsil eder. Bitmiş ürüne çok benzerler ve tasarımın kullanıcı dostu ve geliştirmeye hazır olmasını sağlarlar.
Uygulama başlatıldığında açılış ekranı projenin logosunu ve başlığını göstererek kullanıcılara sıcak bir karşılama sunar ve uygulamanın kimliğini tanıtır. Tonu ayarlamaya ve uygulamanın bir sonraki bölümüne sorunsuz bir geçiş sağlamaya yardımcı olur.
Yerleştirme ekranları, uygulamanın temel özelliklerini tanıtır ve kullanıcıları uygulamada nasıl gezinecekleri ve etkili bir şekilde nasıl kullanacakları konusunda yönlendirir. Bu ekranlar, kullanıcıların uygulamaya girmeden önce uygulamanın amacı ve işlevleriyle tanışmalarına yardımcı olur.
Giriş ve kayıt ekranları, kullanıcılara mevcut hesaplarına giriş yapmaları veya yeni bir hesap oluşturmaları için basit bir arayüz sağlar. Bu ekranlar, uygulamanın özelliklerine kolay ve güvenli erişim sağlar.
Ana ekran; yeni varış noktalarını keşfetme, kayıtlı noktaları görüntüleme ve haritalara erişme gibi temel özelliklere hızlı erişim sağlayan merkezi bir yapı sunar. Kullanıcılar ayrıca konumları arayabilir, keşfedilecek en iyi şehirleri görüntüleyebilir, etkinlikleri kontrol edebilir ve profillerini yönetebilir; tüm bunları akıcı ve sezgisel bir arayüzden gerçekleştirebilir.
Keşfet ekranı konaklama bulma, popüler restoranları keşfetme, turistik yerleri keşfetme ve kiralama acentelerini bulma gibi seçenekleri tek bir yerde sunuyor.
Favorilenen Noktalar ekranı, kullanıcıların seyahat planlamaları sırasında kolayca erişebilmeleri için favori konaklama yerlerini, restoranları, turistik noktaları ve kiralama hizmetlerini yer imlerine eklemelerine ve saklamalarına olanak tanır.
Harita ekranı kullanıcıların varış noktalarını aramasına ve restoranlar, konaklama yerleri ve turistik yerler gibi filtreler uygulamasına olanak tanır. Bir filtre seçildiğinde, harita seçilen kategoriye göre yakındaki seçenekleri görüntüler ve çevrenin kişiselleştirilmiş bir görünümünü sağlar.
Planla ekranı, mevcut tüm gezilerin listesini görüntüler ve ayrıca yeni bir gezi planlama seçeneği de sunar.
Kullanıcıların seyahati oluşturmaya başlamadan önce seyahat başlığını girmeleri ve grup boyutunu belirtmeleri gerekmektedir.
Gezi oluşturulduktan sonra kullanıcılar bir güzergah oluşturabilir, arkadaşlarını davet edebilir, kontrol listeleri oluşturabilir, seyahat masraflarını takip edebilir ve grup üyeleri tarafından yüklenen fotoğraf ve videoları görüntüleyebilir.
Rota planı seçeneği belirlendiğinde, kullanıcılardan özel bir rota planı oluşturmaları veya tercihlerine göre otomatik olarak bir rota planı oluşturmaları isteniyor.
Kullanıcıların seyahat hedeflerini ve tarihlerini girmeleri gerekiyor, ardından daha sonraki planlamalar için seyahat planı ekranı oluşturuluyor.
Kullanıcılar varış noktasını, seyahat tarihlerini, günlük konum sayısını ve seyahat tercihlerini girer. Sağlanan tercihlere göre kişiselleştirilmiş bir güzergah oluşturulur.
Kullanıcılar varış noktasını, seyahat tarihlerini, günlük konum sayısını ve seyahat tercihlerini girer. Sağlanan tercihlere göre kişiselleştirilmiş bir güzergah oluşturulur.
Kullanıcılar, başlık, lokasyon, seyahat tarihi ve saatini belirterek yeni destinasyonlar ekleyebiliyor.
Liste görünümünde, güzergah zaman, mesafe ve süre ile sunulur. Her konum bir konum işaretçisi içerir ve tamamlanan konumlar yeşil renkle vurgulanır.
Kullanıcılar mevcut güzergahı değiştirebilir veya belirli yerleri kaldırabilir.
Kullanıcılar seyahat arkadaşlarının paylaştığı fotoğraf ve videoları görüntüleyebilir ve yönetebilir.
Kullanıcılar seyahatlerine arkadaş ekleyebilir veya mevcut üyeleri kaldırabilir.
Kullanıcılar harcamaları ekleyebilir ve grup harcamalarını takip edebilir, kimin ödediğini, ne için olduğunu ve tarihi gösterebilir. Ayrıca her kişinin bireysel harcamalarını takip etmenize olanak tanır.
Kullanıcılar harcamanın ayrıntılarını harcayan kişiyi, tarihi, tutarı ve yiyecek, seyahat vb. gibi kategorileri seçerek girebilirler. Ayrıca maliyeti bölüştürmek için dahil olan kişileri seçebilir ve gerekirse harcamayı borçlara ekleyebilirler.
Borçlar ekranı, ödenmesi gereken tutar ve kime ödenmesi gerektiği belirtilir. Ödeme işlemleri en az kombinasyonla olacak şekilde uygulama bunu ayarlar.
Seyahat edenler yakınlardaki konaklama yerlerine göz atabilir veya belirli yerleri arayabilir. Genel bakışı görüntüleyebilir, yorumları okuyabilir ve yakınlardaki ilgi çekici yerleri keşfedebilirler.
Seyahat edenler bir tarih aralığı seçebilir ve kişi sayısını belirtebilirler.
Restoran ekranında, gezginler genel bir bakış elde edebilir, yemek menüsünü inceleyebilir, yorumları okuyabilir ve yakındaki yerleri keşfedebilir.
Kiralama acenteleri ekranında, gezginler genel bakışı okuyabilir, mevcut araçlara göz atabilir, müsaitliklerini kontrol edebilir ve yakındaki yerleri keşfedebilir.
Turistik cazibe merkezleri ekranlarında gezginler, cazibe merkezleri hakkında önemli ayrıntıları görüntüleyebilir, yorumları inceleyebilir ve yakındaki yerleri görebilir.
Kullanılabilirlik testi, bir ürünle etkileşimde bulunan gerçek kullanıcıları gözlemleyerek herhangi bir sorunu tespit etmek, nasıl kolaylıkla kullanıldığını anlamak ve genel tasarımını ve işlevselliğini geliştirmek amacıyla yapılır.