Ogthegallery

Editör Notu

Çok spesifik bir nişe hitap eden, sade ve etkileyici bir arayüzle sergi bilgilerini en yalın haliyle kullanıcısına ulaştıran bir modeldir.

Topluluk OyuGaleri Etkinlik & Açılış
0
0 olumlu
Öne Çıkanlar
  • Modern tasarım dili
  • Niş sanat odağı
  • Temiz arayüz
https://ogthegallery.com
Ogthegallery
51.0Toplam Puan
Bilimsel Denetim · 1st motoru51
Ziyaret Et ↗

Toplam puan 1st bilimsel denetim motorundan gelir.

Değerlendirme Özeti

Ogthegallery, akademik tasarım denetiminde 51/100 puan alarak bağımsız denetimden geçti. En güçlü yönleri görsel kararlılık (96) ve akıcılık (90); görece geliştirilebilir alanları hareket tasarımı (28) ve etkileşim tasarımı (53).

Teknik Performans
49/100
Lab (Lighthouse)Düşük
Erişilebilirlik
94/100
WCAG 2.1+14
TTFB
0.01s
Sunucu YanıtHızlı
SEO
100/100
Lighthouse SEOMükemmel
1st.com.tr Akademik Tasarım Denetimi14 Haziran 2026
51/100
Kalite Düzeyi·GELIŞIME AÇIK

Ogthegallery, tarafından tasarlanan bu Galeri Etkinlik & Açılış platformu olarak 51/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.

14 Haziran 2026
ℹ Canlı site — içerik hacmi sınırlı, skor tavanı uygulandı
Canlı site — içerik hacmi sınırlı (doluluk 49/100), puan tavanı 85
Bu durumda genel skor tavanı: 85/100
Estetik
60
Etkileşim
53
Kararlılık
96
İçerik
69
Mühendislik
66
Akıcılık
90
Marka
74
Motion
28
EST60ETK53MRK74MÜH66İÇR69MOT28KRR96AKC90
8 BOYUT · 100 ÜZERİNDEN
SKORLAMA AĞIRLIKLARI — Genel Skor Bileşimi
Zenginlik· içerik · medya · yapı · etkileşim
50%
42
Mühendislik· stack modernliği · mimari · hijyen · perf
34%
66
Craft· denge · palet uyumu · görsel karmaşıklık
16%
81
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
Deuteranopia renk körlüğü simülasyonu
RENK CANLILIK SKORU
21.0M · İdeal: 20–50
Dengeli (İdeal)
BASKIN RENKLER
RENK ÇAKIŞMASI
⚡ 92 çakışma
Deuteranopia altında ayırt edilmesi güç çiftler
WCAG KONTRAST
✓ Sorun yok
Viénot et al. (1999) DOI ↗
Dominant Color Identity
Munsell renk sistemi · Itten (1961) uyum teorisi · Birren (1969) renk psikolojisi ile hesaplamalı analiz. Kaynak ↗
UYUM TİPİ
Serbest Kontrast
Küppers (1972) — Kontrastlı Kompozisyon
SICAKLIK
Sıcak
Arka Plan
Beyaz
#E8E8E8
38%
İkincil
Pembe
#F86888
24%
Vurgu
Pastel Mor
#F8E8F8
16%
Birincil
Pembe
#F85878
11%
Arka Plan
Beyaz
#D8D8D8
7%
Nötr
Açık Gri
#A8A8A8
4%
MOON & SPENCER ORAN SKORU
A₁/A₂ = (V₂·C₂)/(V₁·C₁) — JOSA 1944
89
Uyumlu
RENK PSİKOLOJİSİ

Pembe şefkat, nezaket ve modern feminenliği ifade eder. Bakım ve güzellik sektöründe güçlü duygusal rezonans ve yüksek markaya bağlılık oluşturur. (Birren, 1969)

Spatial Composition & Grid
Görsel ağırlık merkezi, eleman yoğunluğu ve ızgara tutarlılığı analizi.
GÖRSEL DENGE
93%
Sol/sağ görsel ağırlık simetrisi.
Dengeli
KALABALIK ENDEKSİ
51
Birim alanda perceptual eleman yoğunluğu.
Orta 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: 50%
Tutarlılık Skoru
50 / 100
∑ SHANNON ENTROPİSİ
0.419
H = −Σ p(x)·log₂(p(x)) / log₂(256)
Minimal & Sade
KENAR YOĞUNLUĞU
7%
G = √(Gx²+Gy²) — Sobel gradyan
Çok Minimal
Shannon (1948) · Rosenholtz et al., CHI 2005
T
Typographic Science
Altın oran ve harmonik ölçek analizi.
Syne Mono
AVG LINE HEIGHT
1.50
FONT TYPE
Mono
GUNNING FOG INDEX
17.7
İdeal: 8–12 · Çok zor
ARI SKORU
14.5
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
63
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: 118px (Avg).
70/100
Gestalt Consistency
Visual consistency of buttons and calls to action.
Etkileşim Elementleri
32
NAVİGASYON ÖĞESİ (HICK YASASI)
İdeal: 5–9 · Miller (1956) 7±2
19
Content Intelligence & Sustainability
Semantik hiyerarşi, okunabilirlik ve dijital karbon ayak izi.
READABILITY IQ
63.1
Flesch Reading Ease
206.835 − 1.015(W/S) − 84.6(Sy/W)
Kolay (İdeal)
Sınıf Seviyesi: 17.4 (ideal: 7–8)
GREEN UX
0.02 MB
Karbon: 0.01g/ziyaret
Sayfa ağırlığı: 0.02 MB
RESOURCES
39
HTTP Resources
Kelimeler
73
Metin/Görsel
%38
GÖRSEL & FONT OPTİMİZASYONU
Lazy 50%WebP/AVIF 0%srcset 50%w/h 50%font-display async/defer 100%
3. Taraf Domain
7 domain
Semantic DNA
Başlık hiyerarşisi ve yapısal sıra analizi.
H2UPCOMING
H4Liste ART FAIR BASEL
H415 - 21 JUNE
lang="en-US"hreflang
Technology and Design Infrastructure
Tasarım altyapısındaki kütüphane ve framework analizi.
SSR
DETECTED FRAMEWORKS
CSS
Emotion
CMS
Squarespace
Analitik
Google Analytics 4
Diğer
Google Fonts Syne Mono
TECH MODERNITY SCORE56
Infrastructure Analysis

4 teknoloji bileşeni tespit edildi.

ALAN ADI YAŞI
2 yıl
TESCİL TARİHİ
2023-09-07
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
1
Birkaç uyarı · 6 uyarı
3RD PARTY ALAN
11
74 toplam istek
DOM KARMAŞIKLIĞI
408
Düğüm · 19 derinlik
WCAG DOKUNMA HEDEFİ
%45
≥44×44px hedef (WCAG 2.5.5)
AKTİF ANİMASYON
0
Web Animations API + CSS
FORM ALANI
2
%50 autocomplete'li
YÜKLENen 3RD PARTY ALANLAR
assets.squarespace.comcdn.weglot.comdefinitions.sqspcdn.comfeatureassets.orgfonts.googleapis.comfonts.gstatic.comgoogle.comgstatic.comimages.squarespace-cdn.comprodregistryv2.orgstatic1.squarespace.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Şİ
1
1 atlanan seviye (H1→H3 vb.)
ARIA LANDMARK
7
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
prefers-color-scheme: dark
📱
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İ
%21
≥44px hedef (mobil viewport)
EN KÜÇÜK TEXT
11px
Mobil ideal: ≥16px
HAMBURGER MENÜ
Mobile nav pattern var
FIXED KAPLAMA
%100
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
%100
Open Graph + Twitter Card
SOSYAL LİNK
3
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İ
WebSiteLocalBusiness
🔐
Güvenlik & TLS Analizi
Mozilla Observatory HTTP güvenlik başlıkları · Qualys SSL Labs TLS kalitesi.
HTTP GÜVENLIK NOTU
D-25/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
LCP
15.27sKötü
FCP
11.90sKötü
CLS
0.000İyi
LAB METRİKLERİ
TBT
291ms
TTI
16.38s
SI
11.90s
Kullanılmayan JS: 818KBKullanılmayan CSS: 169KB
GERÇEK KULLANICI DENEYİMİ
Erişilebilirlik
94Mükem.
SEO
100Mükem.
En İyi Pratikler
96Mükem.
🫆
Brand Intelligence & Motion Physics
Marka arketipi, renk psikolojisi ve animasyon akışkanlık analizi.
1ST AI · MARKA ARKETİPİ
Yaratıcı
The Creator
Sanat, özgünlük ve inovasyon
#Sanatsal#Yaratıcı#Özgün#Vizyoner
RENK PSİKOLOJİSİ

"Minimalist sıcak palet odak ve netliği ön plana çıkarıyor; sözsüz lüks çağrışımı var."

Marka Tutarlılığı
74
/100
Geliştirilmeli
Motion Physics
AVG DURATION
0ms
Animasyon tespit edilmedi
SMOOTHNESS
50
Takıklık var
ANIMATIONS
0
Statik sayfa
Easing Naturalness
Animasyon geçiş eğrisi doğallığı
N/A
Dönüşüm Sinyalleri
NET CTA
Belirgin çağrı-eyleme alanı
✓ Var
SOSYAL KANIT
Yorum, rating, rozet, referans
✓ Görünür
ABOVE-FOLD KALİTESİ
İlk ekran içerik & hiyerarşi skoru
54
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
OkunabilirlikAteşman: 63.1 — Türkçe web içeriği için ideal okunabilirlik (50-80 arası).etki orta
MühendislikKritik Performans: Lighthouse 49/100 — acil teknik iyileştirme gerekiyor.etki yüksekzorlu
Görsel optimizasyonu (WebP/AVIF), kod bölme, kullanılmayan JS/CSS temizliği.
İçerikDüşük içerik yoğunluğu (73 kelime) — zenginleştirme SEO değerini artırır.etki ortazorlu
Hizmet/ürün açıklamaları, SSS bölümü, blog ile içerik derinleştir.
SürdürülebilirlikYeşil Tasarım: 0.01g CO₂/ziyaret — çevre dostu optimizasyon başarılı.etki düşük
MobilDokunma hedeflerinin çoğu çok küçük (uyum %21, ideal 44px+)etki orta
Metodoloji Referansları
[1]Hasler, D. & Suesstrunk, S.E. (2003). Measuring colorfulness in natural images.DOI ↗
[2]Fitts, P.M. (1954). The information capacity of the human motor system.DOI ↗
[3]Itten, J. (1961). The Art of Color. Reinhold Publishing Corporation.WorldCat ↗
[4]Birren, F. (1969). Principles of Color. Van Nostrand Reinhold.WorldCat ↗
[5]Viénot, F., Brettel, H. & Mollon, J.D. (1999). Digital video colourmaps for dichromats.DOI ↗
[6]W3C (2018). Web Content Accessibility Guidelines (WCAG) 2.1.W3C ↗
[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ı · 3 sitelik örneklem

Galeri Etkinlik & Açılış

Ogthegallery bu kategoride 3 puan üzerinde — sektör ortalaması 48/100. En iyi %67 dilimindedir.

Estetik
60
54
+6
Etkileşim
53
42
+11
Marka
74
60
+14
Mühendislik
66
64
+2
İçerik
69
59
+10
Motion
28
43
-15
Kararlılık
96
91
+5
Akıcılık
90
77
+13
SİTE
SEKTÖR
FARK

Ö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.