Web Tasarım Ajansı

UX Case Study

Next.js Design Audit

Siteniz 'Vizyoner' seviyesinde bir performans sergiliyor (Skor: 83). Özellikle FLUENCY (Akıcılık) ve AESTHETICS (Estetik) alanlarında mükemmel skorlara sahipsiniz. Ancak INTERACTION (Etkileşim) tarafında Fitts Yasası'na uyum sorunları tespit edilmiştir; etkileşim alanlarının boyutu mobil ergonomi için kritik sınırın altındadır.

83

Overall Score

Estetik100

UX/IX58

Kararlılık76

İçerik92

Teknik94

Akış100

Marka60

Motion100

Kromatik Estetik & Canlılık

Score: 100

Hasler-Süsstrunk metriği ile yapılan analizde Renklilik Skoru (M) 0.00 çıkmıştır. Bu durum teknik olarak 'Düşük Canlılık' gibi görünse de, tasarımın Monoton/Minimalist tercihini yansıtır. Siyah-beyaz kullanımının radikal bir tercihi olarak, algısal karmaşa (Visual Clutter) tamamen ortadan kaldırılmıştır. WCAG standartlarına göre herhangi bir kontrast sorunu (0 Hata) bulunmamaktadır.

Analysis by Celal Dinç

Renk Canlılığı (M)

0.00

Düşük canlılık (Monoton/Minimalist tercih)

Kontrast Sorunları (WCAG)

0 Algılanan Sorun

Mekansal Denge & Simetri

Score: 90

Görsel kütle merkezi analizinde %90.8 oranında bir simetri skoru elde edilmiştir. Sağ ve sol görsel ağırlık dağılım dengesi mükemmel seviyededir. Kompozisyonel yoğunluk (Feature Congestion) skoru 48.90 ile ideal aralıktadır. Grid sistemi uyumu ise %74 seviyesinde ölçülmüştür; mekansal boşlukların sistematiği belirli bir ritme oturmuştur.

Analysis by Celal Dinç

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

%90.8

Sağ ve sol görsel ağırlık dağılım dengesi.

Kompozisyonel Yoğunluk

48.90

Birim alana düşen algısal öğe sayısı.

Grid Sistemi Uyumu

%74

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

Tipografik Bilim

Score: 92

Sitenizdeki font boyutları arasındaki matematiksel ilişki (Ölçek) 1.200 (Küçük Üçlü) olarak tespit edilmiştir. Bu, hiyerarşik geçişlerin yumuşak ve dengeli olmasını sağlar. Ortalama satır yüksekliği (Leading) 1.60 değerindedir; bu oran uzun okumalar için gözü yormayan ideal bir boşluk sunar.

Analysis by Celal Dinç

Tespit Edilen Ölçek

1.200

Küçük Üçlü (Minor Third)

Ort. Satır Yüksekliği

1.60

Etkileşim Fiziği & Gestalt

Score: 58

İşte 'Vizyoner' skoru düşüren kritik nokta: Fitts Uyumluluğu 15/100. Etkileşim öğelerinin (buton, link) boyutu ortalama 33px olarak ölçülmüştür. İnsan parmak ucu anatomisine göre ideal dokunma hedefi minimum 44px-48px olmalıdır. Buna karşın, buton ve eylem çağrılarının görsel tutarlılığı (Gestalt) 100/100 ile kusursuzdur.

Analysis by Celal Dinç

Fitts Uyumluluğu

15 / 100

Ort. Hedef Boyutu: 33px (Kritik Düşük)

Gestalt Tutarlılığı

100 / 100

Stil Varyasyonu: 5 Farklı Stil

İçerik Zekası & Sürdürülebilirlik

Score: 92

İçerik okunabilirliği 10.1 (Flesch) seviyesindedir. Semantik DNA skoru 100/100 olup, H1-H2 hiyerarşisi kusursuz kurgulanmıştır. Dijital sürdürülebilirlik (Yeşil UX) tarafında; 1.12 MB sayfa ağırlığı ile karbon ayak izi 0.67g (Yeşil) seviyesinde tutulmuştur. Hem kullanıcı hem doğa dostu bir yapı.

Analysis by Celal Dinç

Okunabilirlik IQ

10.1

Ort. Cümle Uzunluğu (Kelime)

Semantik DNA

Skor: 100

Dijital Karbon Ayak İzi

99.1

1.12 MB

Carbon0.67g (Yeşil)

Görsel Dikkat & Kapsayıcılık

Score: 99

Yapay zeka tabanlı dikkat analizinde, ana içerik blokları (DIV) 100 puan, ana manşet (MAIN) 93 puan dikkat çekicilik skoruna sahiptir. Renk körlüğü simülasyonlarında (Deuteranopia) arayüzün okunabilirliğinden ödün vermediği ve 'Başarılı' statüsünde olduğu görülmüştür.

Analysis by Celal Dinç

Yapay Dikkat Tahmini

DIV (İçerik Blokları)

100

DIV (Yan Bloklar)

MAIN (Ana Alan)

Renk Körlüğü Simülasyonu

Normal

Deut.

Teknoloji ve Tasarım Altyapısı

Score: 88

Altyapı analizinde 'Standart Tasarım Kütüphanesi' yerine Özel / Saf JS (Temiz Minimalist) bir yapı tespit edilmiştir. Bu, sitenin hazır bir UI kiti kullanmadığını, kendine özgü (bespoke) bir tasarım sistemine sahip olduğunu gösterir. Teknoloji Modernite Skoru 88 olarak belirlenmiştir.

Analysis by Celal Dinç

Tespit Edilen Kütüphane

Özel / Saf JSReactNext.js

Teknoloji Modernite Skoru

Custom: ~85% Özel Kod

Marka Zekası & Hareket Fiziği

Score: 100

Marka arketipi analizinde 'Yaratıcı (The Creator)' persona'sı baskın çıkmıştır. Renk psikolojisi 'Dengeli ve nötr bir palet' sunmaktadır. Hareket fiziği (Motion Physics) verilerinde, ortalama animasyon süresi 230ms ve akıcılık skoru 100'dür. Easing fonksiyonu olarak 'Doğal (Bezier)' tercih edilmiş, bu da organik ve premium bir his yaratmaktadır.

Analysis by Celal Dinç

Marka Arketipi

Yaratıcı (The Creator)

#Vizyoner#Etkileyici

"Dengeli ve nötr bir palet."

Hareket Fiziği

230ms

100

Smoothness

Doğal (Bezier)

Bilimsel Temeller

Hasler-Süsstrunk Colorfulness

Measuring colourfulness in natural images•Hasler, D. & Süsstrunk, S. (2003)

Algorithmic assessment of dynamic color range and variance.

Fitts's Law

Journal of Experimental Psychology•Paul Fitts (1954)

Predictive model of human movement primarily used in HCI.

Tasarım İnceleme Aracımız (/tools/design-audit) tarafından inceleme sonrasında gelen veriler üzerine bir değerlendirme içeriği yazılmıştır. Bu inceleme yazısındaki veriler aracımızdan gelmektedir ve nesneldir. Gelen nesnel verileri yorumladığımız içerikler kişisel görüş içerebilir..