Journery • Görkem Çolak

Journery

Kullanıcıların bütçe ve beklentilerine uygun seyahat planları hazırlamasını sağlayan bir iOS uygulaması.

Türkçe

English

Journery

Bilgilendirme

Bu projenin kullanıcı arayüzü, katalog görselleri dışında İngilizce hazırlandı. Şubat 2024 tarihli proje sunumuna buradan ulaşabilirsiniz.

Projeye katkım

Arayüz ve kullanıcı deneyimi tasarımı

Logo ve marka kimliği tasarımı

Animasyon tanıtım filmi ve poster çalışmaları

Yayınlanma tarihi

Şubat 2024

Kategori

Seyahat

Kullanıcı deneyimi

Journery'nin ürün geliştirme süreci sırasında kullanıcı deneyimini geliştirmek amacıyla kapsayıcı bir yaklaşım benimsedim ve değişen beklentilere karşılık verebilecek bir deneyim tasarladım.

Projenin potansiyel kullanıcı kitlesiyle kurduğum empati bağını güçlendirmek amacıyla yürüttüğüm karşılaştırmalı değerlendirmelerin (benchmark/competitive audit) sağladığı içgörüler tasarım sürecine hayli katkıda bulundu.

Journery’nin ürün geliştirme süreci sırasında kullanıcı deneyimini geliştirmek amacıyla kapsayıcı bir yaklaşım benimsedim ve projenin değişen koşullara ve farklı beklentilere karşılık verebilecek işlevselliği barındırmasını amaçladım.

Projenin potansiyel kullanıcı kitlesiyle kurduğum empati bağını güçlendirmek amacıyla yürüttüğüm karşılaştırmalı değerlendirmelerin (İng. benchmark, competitive audit) sağladığı bilgiler projeye önemli katkılarda bulundu.

Kullanıcı deneyimi

Mevcut sorunlar

Hâlihazırda hizmet veren pek çok seyahat uygulaması, kullanıcıların seyahat süreçlerini önemli ölçüde kolaylaştırsa bile kullanıcılar çevrim içi seyahat planlamalarında hâlâ belli başlı sorunlar yaşıyor.

Seyahat planları için sağlanan önerilerin bütçe gibi kriterlere göre özelleştirilememesi kullanıcı deneyimini olumsuz yönde etkiliyor.

Kullanıcılara sunulan keşif önerilerinin, geçmişte sıkça görüntülenen konumlara göre şekillenmemesi yeni seyahat planları geliştirme olanağını kısıtlıyor.

Seyahat planları hazırlarken çok sayıda görsel ve bilgiye maruz kalmak bilişsel yüke neden olarak bireylerde zihinsel yorgunluğa neden oluyor.

Hâlihazırda hizmet veren pek çok seyahat uygulaması, kullanıcıların seyahat süreçlerini önemli ölçüde kolaylaştırsa bile hâlen çevrim içi seyahat planlamalarına ilişkin belli başlı sorunlar bulunuyor.

Seyahat planları için sağlanan önerilerin bütçe gibi kriterlere göre özelleştirilememesi kullanıcı deneyimini olumsuz yönde etkiliyor.

Kullanıcılara sunulan keşif önerilerinin görüntülenen destinasyonlara göre şekillenmemesi yeni seyahat planları geliştirme olanağını kısıtlıyor.

Kullanıcılara sunulan keşif önerilerinin, geçmişte sıkça görüntülenen konumlara göre şekillenmemesi yeni seyahat planları geliştirme olanağını kısıtlıyor.

Seyahat planları hazırlarken çok sayıda görsel ve bilgiye maruz kalmak bilişsel yüke neden olarak bireylerde zihinsel yorgunluğa neden oluyor.

Kullanıcı sorunları

Temsili kullanıcı profilleri

Kullanıcı kitlesinin değişen yaşam koşullarını bir grup varsayımsal kullanıcı profili (proto persona) aracılığıyla somutlaştırmak, uygulamanın sunduğu kullanıcı deneyiminin kapsayıcılığına katkı sağladı.

Persona

Sarah Johnson

Pazarlama Uzmanı

26 yaşında

Üniversite mezunu

Toronto, Kanada

Laptop kullanıcısı

Beklentileri

Sarah, gittiği şehirlerde keşfedilmemiş seyahat rotaları keşfetmek istiyor ve bölgede süren yerel ritüellere katılmaktan keyif duyuyor. Bu sayede bölge halkını daha yakından tanımakla yakından ilgileniyor.

Deneyimlediği sorunlar

Seyahat etmek için sahip olduğu kısıtlı zaman aralığı

Keşfedilmemiş rotalara erişmenin güçlüğü

Yabancı bölgelerde karşılaşabileceği güvenlik sorunları

Sıkça kullandığı uygulamalar

Instagram

Medium

Airbnb

Tiktok

Persona

Sarah Johnson

Pazarlama Uzmanı

26 yaşında

Üniversite mezunu

Toronto, Kanada

Laptop kullanıcısı

Beklentileri

Deneyimlediği sorunlar

Seyahat etmek için sahip olduğu kısıtlı zaman aralığı

Keşfedilmemiş rotalara erişmenin güçlüğü

Yabancı bölgelerde karşılaşabileceği güvenlik sorunları

Sıkça kullandığı uygulamalar

Instagram

Medium

Airbnb

Tiktok

Sarah Johnson

Pazarlama Uzmanı

26 yaşında

Üniversite mezunu

Toronto, Kanada

Laptop kullanıcısı

Beklentileri

Deneyimlediği sorunlar

Seyahat etmek için sahip olduğu kısıtlı zaman aralığı

Keşfedilmemiş rotalara erişmenin güçlüğü

Yabancı bölgelerde karşılaşabileceği güvenlik sorunları

Sıkça kullandığı uygulamalar

Instagram

Medium

Airbnb

Tiktok

Mehmet Turkuaz

İşletme Sahibi

45 yaşında

Lise mezunu

Nürnberg, Almanya

Telefon kullanıcısı

Beklentileri

Mehmet seyahatlerinde lüksü önemsiyor. Tatillerinde dışarıya kapalı etkinliklere kolay erişimi tercih ediyor. Bu nedenle, tatil planı için bu olanakları kolayca filtreleyebileceği bir uygulama arıyor.

Deneyimlediği sorunlar

Pek çok uygulamanın kişiselleştirme sınırlılığı

Çoğu destinasyonun lüks etkinlik yoksunluğu

Kişisel verilerin gizliliğine ilişkin endişeler

Sıkça kullandığı uygulamalar

Turkish Airlines

Uber

Binance

Persona

Sarah Johnson

Pazarlama Uzmanı

26 yaşında

Üniversite mezunu

Toronto, Kanada

Laptop kullanıcısı

Beklentileri

Deneyimlediği sorunlar

Seyahat etmek için sahip olduğu kısıtlı zaman aralığı

Keşfedilmemiş rotalara erişmenin güçlüğü

Yabancı bölgelerde karşılaşabileceği güvenlik sorunları

Sıkça kullandığı uygulamalar

Instagram

Medium

Airbnb

Tiktok

Persona

Sarah Johnson

Pazarlama Uzmanı

26 yaşında

Üniversite mezunu

Toronto, Kanada

Laptop kullanıcısı

Beklentileri

Deneyimlediği sorunlar

Seyahat etmek için sahip olduğu kısıtlı zaman aralığı

Keşfedilmemiş rotalara erişmenin güçlüğü

Yabancı bölgelerde karşılaşabileceği güvenlik sorunları

Sıkça kullandığı uygulamalar

Instagram

Medium

Airbnb

Tiktok

Han Sungho

Ressam

34 yaşında

Y. Lisans mezunu

Seul, Güney Kore

Tablet ve telefon kullanıcısı

Beklentileri

Han, seyahat planlarını titizlikle hazırlıyor, zaman ve bütçesinden en verimli şekilde yararlanmak için rota seçeneklerini optimize ediyor. Bütçesine uygun rotaları beraber inceleyebileceği bir servis arıyor.

Deneyimlediği sorunlar

Yabancı ülkelerde karşılaştığı dil bariyeri

Bütçe dostu rotaların bir arada görüntülenememesi

Seyahatlerinde bütçe dostu restoranları bulamaması

Sıkça kullandığı uygulamalar

Google Çeviri

Twitter

Etsy

Netflix

Karin Jørgensen

Editör, Aktivist

58 yaşında

Üniversite mezunu

Stokholm, İsveç

Laptop ve telefon kullanıcısı

Beklentileri

Karin, seyahatlerinde sanat ve doğadan enstantaneleri keşfetmeyi tercih ediyor. Müze, galeri ve pitoresk manzaraları ziyaret etmekten hoşlanıyor. Kendisini şaşırtacak destinasyon önerileri arıyor.

Deneyimlediği sorunlar

Lokasyonların atmosferini bozan yoğun turist kalabalıkları

Seyahat rotaları araştırmanın yol açtığı zihinsel yorgunluk

Güvenilir ulaşım seçeneklerinin az olması

Sıkça kullandığı uygulamalar

Uber

Max

Instagram

Netflix

Persona

Sarah Johnson

Pazarlama Uzmanı

26 yaşında

Üniversite mezunu

Toronto, Kanada

Laptop kullanıcısı

Beklentileri

Deneyimlediği sorunlar

Seyahat etmek için sahip olduğu kısıtlı zaman aralığı

Keşfedilmemiş rotalara erişmenin güçlüğü

Yabancı bölgelerde karşılaşabileceği güvenlik sorunları

Sıkça kullandığı uygulamalar

Instagram

Medium

Airbnb

Tiktok

Persona

Sarah Johnson

Pazarlama Uzmanı

26 yaşında

Üniversite mezunu

Toronto, Kanada

Laptop kullanıcısı

Beklentileri

Deneyimlediği sorunlar

Seyahat etmek için sahip olduğu kısıtlı zaman aralığı

Keşfedilmemiş rotalara erişmenin güçlüğü

Yabancı bölgelerde karşılaşabileceği güvenlik sorunları

Sıkça kullandığı uygulamalar

Instagram

Medium

Airbnb

Tiktok

Kapsayıcı kullanıcı deneyimi

Journery, çeşitli yaşam koşulları ve beklentilere sahip geniş kullanıcı kitlesinin sosyal ve pratik ihtiyaçlarını karşılaması için tasarlandı.

Seyahat boyunca fonksiyonellik

Journery, seyahat öncesinde sunduğu plan seçenekleri ve rota keşiflerinin yanı sıra seyahat sırasında da bütçe aşım kontrolü gibi fonksiyonlarıyla kullanıcıların yolculuklarını kolaylaştırıyor.

Kişiye özel keşif önerileri

Journery'de kullanıcılar, ilgi alanlarıyla benzerlik gösteren önerileri keşfedebiliyor ve bu lokasyonlarla ilgili gereken bütçe ve hava durumu gibi detaylara kolayca erişebiliyor.

Kullanıcı arayüzü

Bir uygulama aracılığıyla seyahat planlama süreci, çokça görsel uyarana maruz kalınması nedeniyle kişide bilişsel yüke sebep olabilir. Bu durumun önüne geçmek için arayüzde nötral renk paletleri kullandım ve konumlarla ilişkili ayrıntıları şemalar hâlinde sundum.

Logo tasarımı

Journery logosunun, uygulamanın kolaylaştırmayı hedeflediği üç seyahat aşaması olan planlama, hareket ve yeni keşifleri temsil etmesini amaçladım.

J harfini, yolculuk rotalarının dinamizmini göstermesi için kıvrılmış biçimde kullandım ve harfin çentiğine hareketi çağrıştıran bir ok başı yerleştirdim.

J harfinin sırtına konumlanan ters piramit (⏷), Journery'nin gelişmiş keşif ve filtreleme imkanlarına işaret ediyor. Negatif boşlukta beliren onay işareti de projenin kolaylaştırdığı seyahat planlarını temsil ediyor.

Logo tasarımı

Proje logosunun, uygulamanın kolaylaştırmayı hedeflediği üç seyahat aşaması olan planlama, hareket ve yeni keşifleri işaret etmesi amacıyla tasarlandı.

J harfi, yolculukların hareket safhasını belirtmesi amacıyla kıvrılmış biçimde kullanıldı ve harfin çentiğine hareket safhasının dinamizmini çağrıştıran ok başı yerleştirildi.

Tepeye konumlanan piramidin, projeni kullanıcılara sunduğu keşif imkanlarına işaret etmesi amaçlandı. Negatif boşlukta beliren onay işareti ise projenin kolaylaştırdığı planlama aşamasını temsil ediyor.

Journery logosunun, uygulamanın kolaylaştırmayı hedeflediği üç seyahat aşaması olan planlama, hareket ve yeni keşifleri temsil etmesini amaçladım.

J harfini, yolculuk rotalarının dinamizmini göstermesi için kıvrılmış biçimde kullandım ve harfin çentiğine hareketi çağrıştıran bir ok başı yerleştirdim.

Kullanılan renkler

Lokasyonlara ait görsel ve bilgilere uzun süre maruz kalmak kullanıcılarda bilişsel yükü artırabilir (bkz. Sweller ve ark., 1998). Bunu önlemek amacıyla kullanıcı arayüzünde nötral renklere yer verdim ve mobil ekranda bileşen kalabalığından kaçındım.

Ayrıca kullanılan renk paletleri, HSB (Renk Tonu, Doygunluk, Parlaklık) ölçeğinde birbirine yakın parlaklık ve doygunluk değerlerine sahip tonlar ile oluşturuldu. Bu sayede birlikte kullanılan renkler, projenin kullanıcı ekranlarına daha dengeli bir görünüm kazandırdı.

İmleci renk paletlerinin üzerinde gezdirerek veya basılı tutarak tonları daha yakından inceleyebilirsiniz.

Kullanılan renkler

Lokasyonlara ait görsel ve ayrıntılı bilgi sunumuna uzun süre maruz kalmak, bilişsel yükü arttırarak kullanıcıların mental yorgunluk yaşamasına sebep olabilir. Bunu önlemek amacıyla kullanıcı arayüzünde nötral renklere yer verildi ve bileşen kalabalığından kaçınıldı.

Lokasyonlara ait görsel ve bilgilere uzun süre maruz kalmak kullanıcılarda bilişsel yükü artırabilir. Bunu önlemek amacıyla kullanıcı arayüzünde nötral renklere yer verdim ve mobil ekranda bileşen kalabalığından kaçındım.

Parmağınızı renk paletlerine basılı tutarak tonları daha yakından inceleyebilirsiniz.

#2E40E5

7.04:1

Birincil

#2E40E5

7.04:1

Birincil

#2E40E5

7.04:1

Birincil

#2E40E5

7.04:1

Birincil

#146FE5

4.73:1

İkincil

#146FE5

4.73:1

İkincil

#146FE5

4.73:1

İkincil

#146FE5

4.73:1

İkincil

#6F728B

4.71:1

Nötral

#6F728B

4.71:1

Nötral

#6F728B

4.71:1

Nötral

#6F728B

4.71:1

Nötral

#34C759

2.21:1

Onay

#34C759

2.21:1

Onay

#34C759

2.21:1

Onay

#34C759

2.21:1

Onay

#34C759

Hata

#DE2C2C

4.66:1

#EBD323

1.51:1

Uyarı

#CFD0DB

1.53:1

Nötral (Varyant)

UI kit tasarımı

Journery'nin arayüz tasarımı sürecinde, uygulamaya özgün bir görsel kimlik kazandırmak için butonları, renk paletleri ve tüm bileşenleri sıfırdan tasarladım. Benim için öğretici bir süreçti. Aşağıdaki bileşenleri dilediğiniz yere sürükleyebilirsiniz.

Journery’nin arayüz tasarımı sürecinde, projenin ihtiyaçlarını karşılamak ve uygulamaya özgün bir görsel kimlik kazandırmak için projeye özel bir UI Kit tasarlaması gerekiyordu. Bu yüzden Journery’nin butonlarını, renk paletlerini ve tüm bileşenlerini sıfırdan tasarladım. Benim için çeşitli güçlükleri bulunan ama öğretici bir süreçti.

UI Kit tasarımı

UI kit tasarımı

Central Park

New York City, United States

350 5th Ave, Manhattan, New York, NY 10118, United States

Tickets

$45 for adults

$32 for children

$42 for seniors

10:00 AM to 10:00 PM

See all

esbnyc.com

Create new plan

Destination

Choose where you want to make your journey. Feel free to choose more than one destination, you will be able to change locations later.

e.g. New York City, United States

Back

Proceed

The Met

Manhattan

$30 for adults

10:00 AM to 5:00 PM

Central Park

Free

6:00 AM to 1:00 AM

Machu Picchu

Peru

Weekend in NY

New York City, United States

January 2023

Ham (low-fidelity) tasarım

Uygulamanın ham (low-fidelity) tasarımı sırasında göze çarpan denge ve tutarlılık sorunları, daha sonraları yinelemelerle giderildi. Ham taslaklarda yer alan bazı özellikler, uygulamanın kullanılabilirliğine olumsuz etkileme potansiyelleri sebebiyle takip eden süreçte projeden çıkarıldı.

Ham (low-fidelity) tasarım

Uygulamanın ham (İng. low-fidelity) tasarımı sırasında sunulması öngörülen kullanıcı deneyimi eskiz çizimler aracılığıyla kurgulandı. Bu kompakt görünüm sebebiyle oluşan denge ve tutarlılık sorunları, daha sonraları gerçekleştirilen yinelemelerle giderildi.

Eskiz hâlindeki taslaklarda yer alan (haritada lokasyon bulma olanağı gibi) özellikler, uygulamanın kullanılabilirliğine zarar verme ihtimalleri sebebiyle takip eden süreçte projeden çıkarıldı. Bunlar yerine kullanıcıların kolaylıkla adapte olabileceği Lokasyon Bulucu gibi özellikler projeye dahil edildi.

Uygulamanın ham (low-fidelity) tasarımı sırasında göze çarpan denge ve tutarlılık sorunları, daha sonraları yinelemelerle giderildi. Ham taslaklarda yer alan haritada lokasyon bulma olanağı gibi bazı özellikler, uygulamanın kullanılabilirliğine olumsuz etkileme potansiyelleri sebebiyle takip eden süreçte projeden çıkarıldı. Bunlar yerine kullanıcıların kolaylıkla adapte olabileceği Lokasyon Bulucu gibi özellikler projeye katıldı.

Ayrıntılı (high-fidelity) tasarım

Projenin ayrıntılı tasarımı, hem kurgulanan kullanıcı deneyiminin hem arayüzdeki denge ve hiyerarşinin en kapsamlı dönüşümü geçirdiği süreçti. Bu süreçte önceki aşamalarda saptanan kullanıcı sorunları için de çözümler üretildi.

Prototip çalışmaları

Akış ve ekranların son hâlini almasının ardından mikro-etkileşimler ile uyumlu animasyonları prototip aşamasında tamamladım. Bu ayrıntılarla projenin dinamik yönü de pekişmiş oldu.

Ayrıca, ürün geliştirme döngüsünün son fazı olan test süreci proje geneline yayıldığı için, prototiplendirme sırasında gereken animasyon ve tepki süreleri gibi ayrıntılar beklediğimden daha çabuk şekillendi.

Prototip çalışmaları

Akış ve ekranların ayrıntılı tasarım sırasında son hâlini almasının ardından mikro-etkileşimler ile uyumlu animasyonlar prototip aşamasında özelleştirildi. Bu sayede projenin kullanıcıların seyahatlerine eşlik etmesi amaçlanan dinamik yönü pekişmiş oldu.

Ayrıca, ürün geliştirme döngüsünün son fazı olan test süreci proje geneline yayılmış olduğu için, prototiplendirme sırasında gereken animasyon ve tepki süreleri beklenenden daha çabuk şekillendi. Böylece projenin görsel kimliğine uygun görsel geri bildirimler hızla son hâlini aldı.

Akış ve ekranların son hâlini almasının ardından mikro-etkileşimler ile uyumlu animasyonları prototip aşamasında tamamladım. Bu ayrıntılarla projenin dinamik yönü de pekişmiş oldu.

Journery'nin sunduğu lokasyon bilgileri sayesinde kullanıcıların kendileri için en uygun seyahat rotasını kolayca oluşturmasını amaçladım.

Journery'de yer alan gelişmiş filtreleme seçenekleri sayesinde kullanıcıların destinasyonları ihtiyaçlarına göre kolayca listelemesi mümkün oldu.

Pazarlama çalışmaları

Journery farazi bir çalışma olsa da, proje gerçekten kullanıma açılsaydı yararlanılabilecek afiş ve tanıtım çalışmaları da hazırladım.

Gelişim alanları

Journery, tasarladığım ilk mobil uygulamaydı. Dolayısıyla, hem kullanıcı arayüzü hem de kullanıcı deneyimi açısından ürünün tasarımına bugün başlasaydım farklı yollar izleyeceğim birkaç nokta mevcut.

Uygulamadaki boşluklandırmada ve bileşenler arasındaki görsel hiyerarşide geliştirilmesi gereken yanlar bulunuyor. Journery'nin kullanıcı arayüzü için bugün çalışmaya başlasaydım, bu ayrıntılara daha dikkatle yaklaşırdım.

Journery'nin vaadi gereği kullanıcılara seyahatleri boyunca eşlik etmesi gerekiyor. Ancak seyahatlerdeki konaklama ayağının uygulamanın kapsamı dışında kalması bu işlevselliğe zarar veriyor. Bu bilinçli karardan zamanla şüphe etmeye başladım.

Yalnızca mobil platformlar için tasarlanan Journery, gerçekten pazara çıkan bir uygulama olsaydı mutlaka duyarlı (responsive) bir arayüze sahip olması gerekirdi.

Araç ve kaynaklar

Adobe Firefly'dan projenin üç boyutlu afiş görsellerini hazırlarken buradan yararlandım.

Adobe Photoshop aracılığıyla tasarımların statik mockup görsellerini hazırladım.

ChatGPT'den Journery'nin tasarım süreci boyunca üç amaçla yararlandım; asıl metinler arayüze yerleşene kadar kullandığım yer tutucu başlık ve metinler, tanımadığım ülkeler için konum önerileri ve yazım denetimi.

Daft Punk, 2023'te Random Access Memories albümünün davulsuz kayıtlarını yayınlarken orijinal albüm kapağının kilden yapılmış varyantını kullandı. Hem albüm ve hem de bu tasarım kararı beni birçok meseleye uyandırdı.

DaVinci Resolve'u Journey'nin tanıtım filminin kurgusu sırasında ve renk ayarları için kullandım.

Figma'da ham taslaklardan prototip sürecine kadar projenin tüm aşamalarını tamamladım ve proje logosunu çizdim.

Genmo, Journery'nin tanıtım filmi için yararlandığım üretken yapay zeka araçlarından biri. Özellikle kameranın statik kaldığı mekan videoları için Genmo'dan yararlandım.

Google Fonts tarafından sunulan ikon setini ve Anuphan yazı tipini kullanıcı arayüzü boyunca kullandım. İkon setinin de yassı (rounded) stilini tercih ettim.

Jitter'ın sunduğu hazır logo animasyonlarını projenin tanıtım filminde kullandım.

Rotato aracılığıyla proje sunumundaki tüm video mockup'ları hazırladım ve stilize ettim.

Runway, metinlerden video oluşturma olanağı sunan üretken yapay zeka araçlarından biri. Journery'nin tanıtım filmindeki animasyonun çoğunluğunu burada hazırladım.

Typescale, metinlerin farklı kullanımlar sırasında doğru bir hiyerarşiyle boyutlandırılması için kullanılan çevrim içi bir servis. Projenin metin hiyerarşisi Typescale'a çok şey borçlu.

Unsplash'in fotoğraf seçkisi, onlarca konum için ilgi çekici fotoğraflara ihtiyaç duyduğum Journery'nin tasarım sürecinde en sık yararlandığım kaynaklardan biriydi.

Sunum sahibi

Görkem Çolak

gorkem.colak@gmail.com

gorkemorg

Kullanımlar izne tabidir.

gorkemorg

Kullanımlar izne tabidir.

gorkemorg

Gelişim alanları

Yalnızca mobil platformlar için tasarlanan Journery, gerçekten pazara çıkan bir uygulama olsaydı mutlaka duyarlı (responsive) bir arayüze sahip olması gerekirdi.