Web Tasarım Ajansı

UX Case Study

Etstur Design Audit

Etstur, Türkiye seyahat sektörünün dijital lideri konumunda. Next.js altyapısı ve React kütüphanesiyle güçlendirilmiş arayüzü, estetik ve teknik metriklerde üstün bir performans sergiliyor. Ancak, insan-bilgisayar etkileşimi (HCI) prensipleri ışığında yapılan analizler, özellikle mobil etkileşim alanlarında mikro-optimizasyon ihtiyacını ortaya koymaktadır.

93

Overall Score

Estetik100

Akış80

Marka100

Kararlılık90

Elite Design Award13.01.2026

HİTİT MEDYA ELİT TASARIM ÖDÜLÜ

Global standartlarda Top %1 dilime giren, bilimsel mükemmeliyet örneği.

Celal Dinç

Yazılım Mühendisi

Authorized Auditor

Kromatik Estetik ve Algısal Canlılık

Score: 100

Arayüzün renk kompozisyonu, Hasler-Süsstrunk algoritması temel alınarak analiz edildiğinde, 'Renklilik Skoru'nun (M) 40.29 olduğu görülmektedir. Literatürde 20-50 aralığı, kullanıcının görsel korteksinde 'karmaşa yaratmadan canlılık hissi uyandıran' optimal aralık olarak tanımlanır. Etstur, bu dengeyi mükemmel bir hassasiyetle yakalamıştır. Seçilen renk paletinin (Dominant: #056BFD) spektral analizi, güven algısını tetikleyen kısa dalga boyu (mavi) yoğunluğunu doğrulamaktadır.

Analysis by Celal Dinç

Renklilik (M Skoru)

40.29

Optimal Estetik Aralık (Ref: Hasler & Süsstrunk, 2003)

Algısal Kontrast (WCAG)

0 Hata / %100 Uyum

Uzamsal Denge ve Gestalt Prensipleri

Score: 97

Sayfa düzeni, Görsel Ağırlık Merkezi analiziyle incelendiğinde, sağ ve sol yarı küreler arasındaki ağırlık farkının (Simetri Skoru) sadece %0.4 olduğu tespit edilmiştir. Bu, neredeyse matematiksel bir simetriye işaret eder ve Gestalt'ın 'Prägnanz' (Tamlık) yasasına uygun olarak kullanıcının arayüzü 'düzenli ve güvenilir' olarak algılamasını sağlar. Görsel Yoğunluk analizinde elde edilen 33.21 değeri, arayüzün 'Negatif Alan' (Whitespace) kullanımında cömert davrandığını kanıtlar.

Analysis by Celal Dinç

Görsel Denge (Ağırlık Farkı)

%0.4

Yatay eksendeki optik ağırlık dağılımı sapması.

Algısal Karmaşa (Feature Congestion)

33.21

Birim alana düşen görsel uyar. yoğunluğu.

Grid Sistemi Uyumu

%97

4px/8px Spatial System Tutarlılığı

Tipografik Bilim ve Okunabilirlik

Score: 92

Tipografik hiyerarşi, Modüler Ölçek (Modular Scale) prensiplerine göre incelenmiştir. Sitede tespit edilen 1.067'lik scaling oranı, 'Minor Second' dizisine yakındır. Bu tercih, masaüstü ve mobil geçişlerinde sert kırılmaları engelleyerek akıcı bir okuma deneyimi sunar. Ortalama satır yüksekliğinin (Line-height) 1.57 olması, uzun metin bloklarında gözün satır takibini (Saccadic Movement) kolaylaştıran altın orana oldukça yakındır.

Analysis by Celal Dinç

Tespit Edilen Ölçek Oranı

1.067

Ölçek Tipi: Minor Second (Düşük Kontrastlı Geçiş)

Dikey Ritim (Line-Height Ratio)

1.57

Etkileşim Fiziği ve Fitts Yasası

Score: 76

İnsan-Bilgisayar Etkileşimi literatürünün temel taşı olan Fitts Yasası'na göre, hedef boyutu kullanıcının hızını belirler. Etstur arayüzünde, kritik etkileşim öğelerinin ortalama dokunma hedefi boyutu 38px olarak ölçülmüştür. Mobil yönergelerin önerdiği minimum 44px sınırının altında kalan bu değer, kullanıcıların motor hareketlerinde hata payını (Error Rate) teorik olarak %12-15 oranında artırmaktadır.

Analysis by Celal Dinç

Fitts Uyumluluk Endeksi

52 / 100

Ort. Hedef Boyutu: 38px (İdeal: >44px).

Arayüz Tutarlılığı (Consistency)

100 / 100

Bileşen stil varyasyonu kontrol altında.

İçerik Stratejisi ve Semantik Yapı

Score: 88

Yapılan analizde, H1'den H6'ya kadar başlık etiketlerinin mantıksal bir hiyerarşi (Logical Hierarchy) içinde kullanıldığı doğrulanmıştır. Metinlerin okunabilirliği Flesch-Kincaid testine tabi tutulmuş ve 8.9 skoru elde edilmiştir. Bu, içeriğin geniş kitleler tarafından bilişsel efor sarf edilmeden anlaşılabilir olduğunu gösterir. Dijital sürdürülebilirlik açısından, sayfa ağırlığı (Payload) 2.09 MB seviyesindedir.

Analysis by Celal Dinç

Okunabilirlik (Flesch-Kincaid)

8.9

Ortalama Cümle Karmaşıklığı

Semantik DNA

Skor: 90

Dijital Karbon Ayak İzi

99.1

2.09 MB

Carbon~1.25g CO2

Görsel Dikkat (Saliency) ve Kapsayıcılık

Score: 99

Yapay zeka destekli Görsel Dikkat Haritası (Saliency Map) simülasyonları, kullanıcıların sayfaya ilk 3 saniyedeki odaklanma noktalarını tahminler. Analiz sonuçları, tasarımın görsel hiyerarşisinin son derece başarılı kurgulandığını; kullanıcının dikkatinin %100 oranında ana manşet ve eylem butonlarına yönlendiğini göstermektedir. Ayrıca, Deuteranopia simülasyonlarında kritik UI elementlerinin ayırt ediciliğini koruduğu doğrulanmıştır.

Analysis by Celal Dinç

Dikkat Yoğunluğu (Saliency)

Ana Manşet (Heading)

100

Aksiyon Alanları (CTA)

100

Görsel Bloklar

Renk Körlüğü Erişilebilirliği

Normal

Deut.

Teknoloji Altyapısı ve Performans

Score: 98

Etstur, Next.js framework'ünün sunduğu SSR ve SSG yeteneklerini hibrit bir yapıda kullanarak, İlk İçerikli Boyama (FCP) süresini minimize etmiştir. Kod tabanında %30 oranında özelleştirilmiş (Custom) bileşen kullanımı, hazır UI kütüphanelerinin getireceği gereksiz kod şişkinliğini önlemiş ve Teknik Modernite Skorunu 98'e taşımıştır.

Analysis by Celal Dinç

Teknoloji Yığını (Stack)

Next.jsReactNode.js

Teknik Modernite Endeksi

Custom: ~30% Özgün Kod Mimarisi

Marka Algısı ve Hareket Psikolojisi

Score: 100

Mikro-etkileşimlerin zamanlaması Hareket Psikolojisi açısından incelenmiştir. Kullanıcı eylemine verilen tepki süresinin (Feedback Loop) ortalama 206ms olması, insan beyninin 'anlık tepki' olarak algıladığı 0-200ms eşiğine oldukça yakındır. Marka arketipi analizinde, kullanılan dilin %95 oranında 'The Ruler' (Lider) arketipiyle örtüştüğü saptanmıştır.

Analysis by Celal Dinç

Baskın Marka Arketipi

Lider (The Ruler)

#Otorite#Kontrol#Kalite

"Mavi tonları; kortikal uyarılmayı dengeler, güven verir."

Hareket Fiziği (Motion)

206ms

100

Smoothness

Doğal (Cubic-Bezier)

Bilimsel Temeller

Perceptual Color Vitality

Proceedings of SPIE•Hasler, D., & Süsstrunk, S. E. (2003)

Measuring colourfulness in natural images.

Fitts's Law & HCI

Human-Computer Interaction•MacKenzie, I. S. (1992)

Fitts' law as a research and design tool in human-computer interaction.