Kocaeli İtfaiyesi
Editör Notu
Gelişmiş müdahale kabiliyetini dijital platformuna yansıtan, profesyonel bir kurum kimliği sunar. İtfaiye eri alımları ve eğitim faaliyetleri gibi duyuruları aktif bir şekilde yönetir.
Topluluk Oyuİtfaiye & AFAD
0
0 olumlu
Öne Çıkanlar
- Aktif duyuru yönetimi
- Mesleki eğitim içerikleri
- İstasyon haritaları
Değerlendirme Özeti
Kocaeli İtfaiyesi, akademik tasarım denetiminde 56/100 puan alarak bağımsız denetimden geçti. En güçlü yönleri akıcılık (93) ve görsel kararlılık (87); görece geliştirilebilir alanları marka kimliği (31) ve etkileşim tasarımı (32).
Teknik Performans
26/100
Erişilebilirlik
81/100
TTFB
0.089s
SEO
83/100
1st.com.tr Akademik Tasarım Denetimi9 Haziran 2026
56/100
Kalite DüzeyiGELIŞIME AÇIK
Kocaeli İtfaiyesi, tarafından tasarlanan bu İtfaiye & AFAD platformu olarak 56/100 skorla "Gelişime Açık" kategorisinde yer almaktadır. kullanıcıların bakış açısından genel kullanıcı deneyimini kısıtlayan çeşitli tasarım kararları gözlemlenmiştir. Hasler-Süsstrunk renk metriği alt sınırlarda seyrederken Fitts Yasası etkileşim verimliliği yetersiz bulunmuştur; hedefli bir UX dönüşümüyle önemli kazanımlar elde edilebilir.
Estetik Zeka Motoru v2.0
Tasarım Denetimi
Hasler-Süsstrunk renk teorisi, Gestalt ilkeleri ve Fitts Yasası ile hesaplamalı analiz.
9 Haziran 2026
Estetik
32
Etkileşim
32
Kararlılık
87
İçerik
57
Mühendislik
52
Akıcılık
93
Marka
31
Motion
58
8 BOYUT · 100 ÜZERİNDEN
SKORLAMA AĞIRLIKLARI — Genel Skor Bileşimi
Zenginlik
50%
61
Mühendislik
34%
52
Craft
16%
79
Gemini gibi kara kutu yapay zeka modelleri yerine akademik formüller ve deterministik hesaplama kullanılır.
Chromatic Aesthetics & Vitality
Hasler-Süsstrunk metriğiyle renk canlılığı ve perceptual varyans analizi. DOI ↗
DEUTERANOPIA
RENK CANLILIK SKORU
56.0M · İdeal: 20–50
Aşırı Canlı
BASKIN RENKLER
RENK ÇAKIŞMASI
⚡ 88 çakışma
Deuteranopia altında ayırt edilmesi güç çiftler
WCAG KONTRAST
2 sorun
Viénot et al. (1999) DOI ↗
Dominant Color Identity
Munsell renk sistemi · Itten (1961) uyum teorisi · Birren (1969) renk psikolojisi ile hesaplamalı analiz. Kaynak ↗
Vurgu
Mavi
#083868
38%
Arka Plan
Beyaz
#E8E8E8
24%
Vurgu
Mavi
#083858
16%
İkincil
Mavi
#0878A8
11%
Birincil
Mavi
#0888B8
7%
Vurgu
Mavi
#086898
4%
MOON & SPENCER ORAN SKORU
A₁/A₂ = (V₂·C₂)/(V₁·C₁) — JOSA 1944
69
Kabul Edilebilir
RENK PSİKOLOJİSİ
Mavi güvenilirlik, otorite ve sakinliği kodlar. B2B ve kurumsal kimlikte dünya genelinde en yaygın tercih edilen tonlamadır; bilinçsiz güven oluşturma gücü yüksektir. (Birren, 1969)
Spatial Composition & Grid
Görsel ağırlık merkezi, eleman yoğunluğu ve ızgara tutarlılığı analizi.
GÖRSEL DENGE
90%
Sol/sağ görsel ağırlık simetrisi.
Dengeli
KALABALIK ENDEKSİ
100
Birim alanda perceptual eleman yoğunluğu.
Yüksek Yoğunluk
IZGARA UYUMU
54%
4px ızgara sistemine hizalama oranı.
Kısmi Uyum
KÖŞE YARICAPI TUTARLILIĞI
Varyasyon katsayısı (CV). Düşük CV = tutarlı tasarım dili. CV: 0%
Tutarlılık Skoru100 / 100
∑ SHANNON ENTROPİSİ
0.649
H = −Σ p(x)·log₂(p(x)) / log₂(256)
Minimal & Sade
KENAR YOĞUNLUĞU
12%
G = √(Gx²+Gy²) — Sobel gradyan
Çok Minimal
Shannon (1948) · Rosenholtz et al., CHI 2005
Typographic Science
Altın oran ve harmonik ölçek analizi.
Detected Scale
1.061
Mathematical relationship between font sizes on your site.
References: 1.618 (Golden), 1.200 (Minor Third), 1.250 (Major Third).
≈ Major Second
AVG LINE HEIGHT
1.25
FONT TYPE
Sans
GUNNING FOG INDEX
63.6
İdeal: 8–12 · Çok zor
ARI SKORU
58.8
Automated Readability Index · İdeal: 6–10
φ ALTIN ORAN TİPOGRAFİ UYUMU
φ = 1.618 · ölçek mesafesi + satır yüksekliği analizi
Pearsonified GRT · Golden Ratio Typography
58
Yakın
Interaction Physics & Gestalt
Fitts Yasası (1954) etkileşim hedefi analizi · Wertheimer (1923) Gestalt tutarlılığı. DOI ↗
92/100
Fitts Compatibility
Size appropriateness of interaction elements. Target Size: 315px (Avg).
48/100
Gestalt Consistency
Visual consistency of buttons and calls to action.
Etkileşim Elementleri161
NAVİGASYON ÖĞESİ (HICK YASASI)
İdeal: 5–9 · Miller (1956) 7±2
121
Content Intelligence & Sustainability
Semantik hiyerarşi, okunabilirlik ve dijital karbon ayak izi.
READABILITY IQ
96.0
Avg Sentence Length (Words)
Ideal: 15-20 words.
GREEN UX
0.04 MB
Karbon: 0.02g/ziyaret
Sayfa ağırlığı: 0.04 MB
RESOURCES
51
HTTP Resources
Kelimeler383
Metin/Görsel%61
GÖRSEL & FONT OPTİMİZASYONU
Lazy 0%WebP/AVIF 0%srcset 0%w/h 0%font-display ✕async/defer 0%
3. Taraf Domain26 domain
Semantic DNA
Başlık hiyerarşisi ve yapısal sıra analizi.
H5Takip Edin
lang="tr"hreflang —
Technology and Design Infrastructure
Tasarım altyapısındaki kütüphane ve framework analizi.
DETECTED FRAMEWORKS
Diğer
TECH MODERNITY SCORE35
Infrastructure Analysis
5 teknoloji bileşeni tespit edildi.
PWA & UYUMLULUK
PWA Manifest —Service Worker —Brotli ✕GDPR/KVKK ✓
Üretim Kalitesi
Gerçek Chromium oturumunda ölçülen runtime sinyalleri — konsol hataları, 3rd party yük, DOM karmaşıklığı, dokunma hedefi uyumu.
KONSOL HATALARI
2
Birkaç uyarı
3RD PARTY ALAN
11
163 toplam istek
DOM KARMAŞIKLIĞI
1.382
Düğüm · 15 derinlik
WCAG DOKUNMA HEDEFİ
%15
≥44×44px hedef (WCAG 2.5.5)
AKTİF ANİMASYON
1
Web Animations API + CSS
FORM ALANI
11
%0 autocomplete'li
YÜKLENen 3RD PARTY ALANLAR
accessibility.arem.appapi.gazisoft.comcdn.accesslity.comcdn.jsdelivr.netcode.jquery.comflagcdn.comfonts.googleapis.comfonts.gstatic.comgoogle-analytics.comgoogletagmanager.comkit.fontawesome.com
Erişilebilirlik Derinliği
WCAG 2.1 + modern web standartları: heading hiyerarşi, ARIA landmark, focus visible, prefers-reduced-motion, dark mode desteği.
HEADING HİYERARŞİ
2
2 atlanan seviye (H1→H3 vb.)
ARIA LANDMARK
7
main/nav/header/footer/aside · screen reader nav
SKIP LINK
—
Ana içeriğe atla yok
FOCUS-VISIBLE
✓
Modern focus stilleri
REDUCED MOTION
✓
Vestibüler bozukluk dostu
DARK MODE
—
Sadece açık tema
Mobil Deneyim
Pixel 5 (412×823) emülasyonunda ölçülen mobil-spesifik sinyaller: yatay scroll, dokunma hedefi, font okunabilirliği, hamburger menü, fixed element kaplama.
YATAY SCROLL
✓
Temiz layout
MOBİL DOKUNMA HEDEFİ
%24
≥44px hedef (mobil viewport)
EN KÜÇÜK TEXT
13px
Mobil ideal: ≥16px
HAMBURGER MENÜ
✓
Mobile nav pattern var
FIXED KAPLAMA
%1
Sticky/fixed viewport kaplama
Trust & SEO Sinyalleri
Schema.org markup zenginliği, Open Graph tamlığı, kurumsal güven sayfaları (about/contact/privacy) ve sosyal medya varlığı.
SCHEMA.ORG TİP
2
JSON-LD + microdata
OG TAMLIK
%0
Open Graph + Twitter Card
SOSYAL LİNK
8
IG / X / LinkedIn / FB / YouTube
KURUMSAL SAYFALAR
Hakkımızda ✓İletişim —Gizlilik / KVKK ✓Kullanım Şartları —
TESPİT EDİLEN SCHEMA.ORG TİPLERİ
WebSiteSearchAction
CrUX 25 Haftalık Performans Tarihçesi
Chrome UX Report History API — gerçek kullanıcı haftalık p75 trendi. Performansınızın zaman içindeki değişimi.
LCPİyi
2.24s
2.27s▼1%
INPİyi
189ms
195ms▼3%
TTFBİyi
651ms
545ms▲19%
FCPOrta
2.11s
2.13s▼1%
CLSİyi
—
—
25 haftalık veri · 2025-11-16 → 2026-05-03
Core Web Vitals
Google Lighthouse sentetik lab testi · LCP, FCP, CLS eşikleri. WCAG 2.1 ↗
CORE WEB VITALS
LCP11.14sKötü
FCP10.01sKötü
CLS0.004İyi
LAB METRİKLERİ
TBT3786ms
TTI24.88s
SI10.01s
Kullanılmayan JS: 985KBKullanılmayan CSS: 1158KB
GERÇEK KULLANICI DENEYİMİ
Erişilebilirlik81Orta
SEO83Orta
En İyi Pratikler96Mükem.
Brand Intelligence & Motion Physics
Marka arketipi, renk psikolojisi ve animasyon akışkanlık analizi.
1ST AI · MARKA ARKETİPİ
Kral
The Ruler
Otorite, kontrol ve liderlik
#Otoriter#Prestijli#Kurumsal#Liderlik
RENK PSİKOLOJİSİ
"Canlı soğuk palet dinamizm ve modernlik mesajı veriyor; teknoloji çağrışımı güçlü."
Marka Tutarlılığı
31
/100
Tutarsız
Motion Physics
Easing Naturalness
Animasyon geçiş eğrisi doğallığı
Doğal (Bezier)
Dönüşüm Sinyalleri
NET CTA
Belirgin çağrı-eyleme alanı
SOSYAL KANIT
Yorum, rating, rozet, referans
ABOVE-FOLD KALİTESİ
İlk ekran içerik & hiyerarşi skoru
Denetim Bulguları
Etki × Efor matrisine göre sıralı — quick win'ler en üstte
YapıH1 başlığı bulunamadı — SEO ve ekran okuyucular için kritik.etki yüksekkolay
→ Sayfanın ana başlığını `<h1>` etiketi ile sar.
EtkileşimFitts İhlali: 1 element mobil hedef boyutu için küçük — ortalama 21px (ideal: 44px+).etki ortakolay
→ Buton/link padding'lerini en az 12px artır, min-height: 44px ekle.
MotionYoğun animasyon: 145 kural — düşük güçlü cihazlarda aksaklık yaratabilir.etki ortaorta
→ prefers-reduced-motion media query ile animasyonları kısıtlanabilir yap.
MühendislikKritik Performans: Lighthouse 26/100 — acil teknik iyileştirme gerekiyor.etki yüksekzorlu
→ Görsel optimizasyonu (WebP/AVIF), kod bölme, kullanılmayan JS/CSS temizliği.
EstetikEstetik kalite geliştirilebilir — görsel hiyerarşi ve renk sistemini güçlendirin.etki yüksekzorlu
→ Renk paleti sayısını sınırla (3-5), tipografide φ=1.618 oran kullan.
SürdürülebilirlikYeşil Tasarım: 0.02g CO₂/ziyaret — çevre dostu optimizasyon başarılı.etki düşük
MarkaMarka tutarlılığı geliştirilebilir — renk sistemi ve tipografi hiyerarşisi yeniden tasarlanabilir.etki ortazorlu
→ Design tokens (CSS custom properties) ile merkezi tema sistemi kur.
MobilDokunma hedeflerinin çoğu çok küçük (uyum %24, ideal 44px+)etki orta
Metodoloji Referansları
[7]Flesch, R. (1948). A new readability yardstick. Journal of Applied Psychology, 32(3), 221–233.DOI ↗
[8]Kincaid, J.P. et al. (1975). Derivation of New Readability Formulas for Navy Enlisted Personnel. Naval Technical Training Command.DTIC ↗
[9]Moon, P. & Spencer, D.E. (1944). Aesthetic measure applied to color harmony. JOSA, 34(4), 234–242.DOI ↗
[10]Shannon, C.E. (1948). A mathematical theory of communication. Bell System Technical Journal, 27(3), 379–423.DOI ↗
[11]Rosenholtz, R. et al. (2005). Feature congestion: A measure of display clutter. CHI '05, 761–770.DOI ↗
Bölüm 3 · İleri Analiz
Karşılaştır & İzle
Sektör ortalamasıyla karşılaştırma ve tarihsel skor değişimi.
Sektör Karşılaştırması · 20 sitelik örneklem
İtfaiye & AFAD
Kocaeli İtfaiyesi bu kategoride 10 puan üzerinde — sektör ortalaması 46/100. En iyi %60 dilimindedir.
Estetik
32
44
-12
Etkileşim
32
46
-14
Marka
31
49
-18
Mühendislik
52
52
0
İçerik
57
66
-9
Motion
58
53
+5
Kararlılık
87
75
+12
Akıcılık
93
95
-2
SİTE
SEKTÖR
FARK
Rakipleri Karşılaştır
Benzer Skorlu Siteler
Aynı kategoride en yakın skorlu rakipler. Detaylı karşılaştırma için tıkla.
Ölçüm ortamı hakkında: Teknik performans için öncelik CrUX (Chrome User Experience Report — gerçek kullanıcıların canlı saha verisi); CrUX verisi yoksa Lighthouse(kontrollü lab/test ortamı) kullanılır. Bu iki ortam farklı koşullarda ölçtüğü için bazı metrikler birbirinden ayrışabilir — örneğin sunucu yanıtı (TTFB) lab'da hızlı görünürken, gerçek kullanıcıların içerik boyaması (LCP) ağ ve cihaz koşulları nedeniyle daha yavaş çıkabilir. Her iki değer de doğrudur; yalnızca farklı pencerelerden bakar.