Türkiye Beyazay Derneği
Editör Notu
Eğitim projeleri üzerine yoğunlaşan web arayüzü, çok sayıda şubesi bulunan yapısı için merkezi ve kullanıcı dostu bir yönetim sunmaktadır.
Topluluk OyuEngelli Çocuk Destek
0
0 olumlu
Öne Çıkanlar
- Eğitim odaklı dijital içerik
- Farkındalık ve bilinçlendirme çalışmaları
- Ulusal ölçekte proje takibi
Değerlendirme Özeti
Türkiye Beyazay Derneği, akademik tasarım denetiminde 59/100 puan alarak bağımsız denetimden geçti. En güçlü yönleri görsel kararlılık (94) ve akıcılık (94); görece geliştirilebilir alanları etkileşim tasarımı (42) ve teknik altyapı (52).
Teknik Performans
52/100
Erişilebilirlik
97/100
TTFB
0.07s
SEO
92/100
1st.com.tr Akademik Tasarım Denetimi12 Haziran 2026
59/100
Kalite DüzeyiGELIŞIME AÇIK
Türkiye Beyazay Derneği, tarafından tasarlanan bu Engelli Çocuk Destek platformu olarak 59/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.
12 Haziran 2026
Estetik
53
Etkileşim
42
Kararlılık
94
İçerik
67
Mühendislik
52
Akıcılık
94
Marka
61
Motion
58
8 BOYUT · 100 ÜZERİNDEN
SKORLAMA AĞIRLIKLARI — Genel Skor Bileşimi
Zenginlik
50%
68
Mühendislik
34%
52
Craft
16%
76
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
41.0M · İdeal: 20–50
Canlı
BASKIN RENKLER
RENK ÇAKIŞMASI
⚡ 86 ç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 ↗
İkincil
Mavi
#3888C8
38%
Vurgu
Mavi
#3878C8
24%
Vurgu
Mavi
#3878B8
16%
Vurgu
Mavi
#3888B8
11%
Birincil
Mavi
#2888C8
7%
Vurgu
Pastel Camgöbeği
#E8F8F8
4%
MOON & SPENCER ORAN SKORU
A₁/A₂ = (V₂·C₂)/(V₁·C₁) — JOSA 1944
71
Uyumlu
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
75%
Sol/sağ görsel ağırlık simetrisi.
Hafif Asimetrik
KALABALIK ENDEKSİ
81
Birim alanda perceptual eleman yoğunluğu.
Yüksek Yoğunluk
IZGARA UYUMU
76%
4px ızgara sistemine hizalama oranı.
Sistematik
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.436
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.089
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.00
FONT TYPE
Sans
GUNNING FOG INDEX
44.8
İdeal: 8–12 · Çok zor
ARI SKORU
35.7
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
51
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: 238px (Avg).
48/100
Gestalt Consistency
Visual consistency of buttons and calls to action.
Etkileşim Elementleri183
NAVİGASYON ÖĞESİ (HICK YASASI)
İdeal: 5–9 · Miller (1956) 7±2
113
Content Intelligence & Sustainability
Semantik hiyerarşi, okunabilirlik ve dijital karbon ayak izi.
READABILITY IQ
48.0
Avg Sentence Length (Words)
Ideal: 15-20 words.
GREEN UX
0.17 MB
Karbon: 0.08g/ziyaret
Sayfa ağırlığı: 0.17 MB
RESOURCES
91
HTTP Resources
Kelimeler376
Metin/Görsel%58
GÖRSEL & FONT OPTİMİZASYONU
Lazy 78%WebP/AVIF 0%srcset 100%w/h 100%font-display ✓async/defer 2%
3. Taraf Domain8 domain
Preload İpuçları4
Semantic DNA
Başlık hiyerarşisi ve yapısal sıra analizi.
H2Projeler
H2Bağış Yap
H2Şubeler
H2Haberler
H2Videolar
H2Projelerimiz
H3Erişilebilirlik
H3Aşmak İçin Hareket Et
+14 daha...
lang="tr"hreflang —
Technology and Design Infrastructure
Tasarım altyapısındaki kütüphane ve framework analizi.
DETECTED FRAMEWORKS
CMS
Diğer
TECH MODERNITY SCORE25
Infrastructure Analysis
WordPress CMS üzerine kurulu. Plugin ve tema ekosistemiyle geliştirilmiş.
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
0
Üretim seviyesi temiz
3RD PARTY ALAN
12
129 toplam istek
DOM KARMAŞIKLIĞI
1.093
Düğüm · 23 derinlik
WCAG DOKUNMA HEDEFİ
%13
≥44×44px hedef (WCAG 2.5.5)
AKTİF ANİMASYON
0
Web Animations API + CSS
FORM ALANI
2
%0 autocomplete'li
YÜKLENen 3RD PARTY ALANLAR
cdn.weatherapi.comconsent.cookiebot.comconsentcdn.cookiebot.comdirectline.botframework.comengrehber.comengrehberv4-f7esfxb2e5gza5a8.centralus-01.azurewebsites.netfirebase.googleapis.comfirebaseinstallations.googleapis.comfonts.gstatic.comgoogletagmanager.comidentitytoolkit.googleapis.comnortheurope.tts.speech.microsoft.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Şİ
✓
Atlanan seviye yok
ARIA LANDMARK
11
main/nav/header/footer/aside · screen reader nav
SKIP LINK
✓
Klavye kullanıcısı dostu
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İ
%33
≥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
0
JSON-LD + microdata
OG TAMLIK
%90
Open Graph + Twitter Card
SOSYAL LİNK
12
IG / X / LinkedIn / FB / YouTube
KURUMSAL SAYFALAR
Hakkımızda ✓İletişim ✓Gizlilik / KVKK —Kullanım Şartları —
Güvenlik & TLS Analizi
Mozilla Observatory HTTP güvenlik başlıkları · Qualys SSL Labs TLS kalitesi.
HTTP GÜVENLIK NOTU
D30/100
CSP, HSTS, X-Frame-Options, Referrer Policy ve diğer HTTP güvenlik başlıklarını değerlendirir.
Core Web Vitals
Google Lighthouse sentetik lab testi · LCP, FCP, CLS eşikleri. WCAG 2.1 ↗
CORE WEB VITALS
LCP9.03sKötü
FCP3.93sKötü
CLS0.117Orta
LAB METRİKLERİ
TBT364ms
TTI23.45s
SI4.81s
Kullanılmayan JS: 1155KBKullanılmayan CSS: 139KB
GERÇEK KULLANICI DENEYİMİ
Erişilebilirlik97Mükem.
SEO92Mükem.
En İyi Pratikler92Mükem.
Brand Intelligence & Motion Physics
Marka arketipi, renk psikolojisi ve animasyon akışkanlık analizi.
1ST AI · MARKA ARKETİPİ
Bakıcı
The Caregiver
Bakım, empati ve destek
#Sıcak#Empatik#Destekleyici#Güven
RENK PSİKOLOJİSİ
"Dengeli soğuk tonlar profesyonellik ve güvenilirlik mesajı iletiyor; kurumsal algı başarılı."
Marka Tutarlılığı
61
/100
Geliştirilmeli
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.
ErişilebilirlikWCAG 2.1 standartları başarıyla karşılanıyor.etki yüksek
MühendislikPerformans 52/100 — Core Web Vitals optimizasyonu ile artırılabilir.etki ortaorta
→ LCP elementine preload, render-blocking script'leri defer et.
SürdürülebilirlikYeşil Tasarım: 0.08g CO₂/ziyaret — çevre dostu optimizasyon başarılı.etki düşük
MotionMotion tasarımı aktif: 32 animasyon kuralı ile canlandırılmış.etki düşük
MobilDokunma hedeflerinin çoğu çok küçük (uyum %33, 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
Engelli Çocuk Destek
Türkiye Beyazay Derneği bu kategoride 0 puan altında — sektör ortalaması 59/100. En iyi %65 dilimindedir.
Estetik
53
54
-1
Etkileşim
42
43
-1
Marka
61
55
+6
Mühendislik
52
54
-2
İçerik
67
71
-4
Motion
58
60
-2
Kararlılık
94
88
+6
Akıcılık
94
94
0
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.