Patipia

Editör Notu

Yerel yönetimlerin barınaklarını merkezi bir yerde toplaması ile kamusal fayda sağlıyor. Bilgiye hızlı ulaşım sağlaması bakımından oldukça işlevsel bir UX sunuyor.

Topluluk OyuBarınak & Sahiplendirme
0
0 olumlu
Öne Çıkanlar
  • Türkiye geneli barınak rehberi
  • Lokasyon bazlı liste
  • Kamusal veri şeffaflığı
https://patipia.com
Patipia
73.0Toplam Puan
Bilimsel Denetim · 1st motoru73
Ziyaret Et ↗

Toplam puan 1st bilimsel denetim motorundan gelir.

Değerlendirme Özeti

Patipia, akademik tasarım denetiminde 73/100 puan alarak bağımsız denetimden geçti. En güçlü yönleri görsel kararlılık (98) ve içerik (85); görece geliştirilebilir alanları akıcılık (36) ve marka kimliği (44).

Teknik Performans
67/100
Lab (Lighthouse)Orta
Erişilebilirlik
96/100
WCAG 2.1+16
TTFB
0.8s
Sunucu YanıtOrta
SEO
100/100
Lighthouse SEOMükemmel
1st.com.tr Akademik Tasarım Denetimi9 Haziran 2026
73/100
Kalite DüzeyiÜST DÜZEY

Patipia, tarafından tasarlanan bu Barınak & Sahiplendirme platformu olarak 73/100 puan alarak "Üst Düzey" değerlendirmesine dahil edilmiştir. Patipia, dijital dijital ortamda kullanıcıların temel ihtiyaçlarını karşılayan işlevsel bir tasarım sunmaktadır. Hasler-Süsstrunk renk canlılığı ve Fitts Yasası etkileşim metrikleri ortalama düzeyde seyretmekte; stratejik bir tasarım revizyonuyla üst segmente taşınma potansiyeli mevcuttur.

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
49
Etkileşim
53
Kararlılık
98
İçerik
85
Mühendislik
80
Akıcılık
36
Marka
44
Motion
74
EST49ETK53MRK44MÜH80İÇR85MOT74KRR98AKC36
8 BOYUT · 100 ÜZERİNDEN
SKORLAMA AĞIRLIKLARI — Genel Skor Bileşimi
Zenginlik· içerik · medya · yapı · etkileşim
50%
71
Mühendislik· stack modernliği · mimari · hijyen · perf
34%
80
Craft· denge · palet uyumu · görsel karmaşıklık
16%
84
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
29.0M · İdeal: 20–50
Dengeli (İdeal)
BASKIN RENKLER
RENK ÇAKIŞMASI
⚡ 84 çakışma
Deuteranopia altında ayırt edilmesi güç çiftler
WCAG KONTRAST
16 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 ↗
UYUM TİPİ
Analog Uyum
Itten (1961) — Bitişik Ton Uyumu
SICAKLIK
Sıcak
Vurgu
Pastel Sarı
#F8F8E8
38%
Birincil
Turuncu
#A84808
24%
Vurgu
Pastel Kırmızı
#F8E8E8
16%
Vurgu
Pastel Sarı
#E8E8D8
11%
Vurgu
Sarı
#D8D8C8
7%
İkincil
Pastel Turuncu
#F8E8D8
4%
MOON & SPENCER ORAN SKORU
A₁/A₂ = (V₂·C₂)/(V₁·C₁) — JOSA 1944
79
Uyumlu
RENK PSİKOLOJİSİ

Turuncu yaratıcılık ve erişilebilirliği dengeler. Gençlik odaklı markalarda yüksek güven ve etkileşim skorları ürettiği gözlemlenmiştir. (Birren, 1969)

Spatial Composition & Grid
Görsel ağırlık merkezi, eleman yoğunluğu ve ızgara tutarlılığı analizi.
GÖRSEL DENGE
95%
Sol/sağ görsel ağırlık simetrisi.
Dengeli
KALABALIK ENDEKSİ
59
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.478
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
T
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.50
FONT TYPE
Sans
GUNNING FOG INDEX
26.3
İdeal: 8–12 · Çok zor
ARI SKORU
17.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
69
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: 163px (Avg).
70/100
Gestalt Consistency
Visual consistency of buttons and calls to action.
Etkileşim Elementleri
58
NAVİGASYON ÖĞESİ (HICK YASASI)
İdeal: 5–9 · Miller (1956) 7±2
9
Content Intelligence & Sustainability
Semantik hiyerarşi, okunabilirlik ve dijital karbon ayak izi.
READABILITY IQ
51.1
Flesch Reading Ease
206.835 − 1.015(W/S) − 84.6(Sy/W)
Orta
Sınıf Seviyesi: 20.0 (ideal: 7–8)
GREEN UX
0.20 MB
Karbon: 0.10g/ziyaret
Sayfa ağırlığı: 0.20 MB
RESOURCES
42
HTTP Resources
Kelimeler
475
Metin/Görsel
%38
GÖRSEL & FONT OPTİMİZASYONU
Lazy 85%WebP/AVIF 0%srcset 100%w/h 12%font-display async/defer 92%
Preload İpuçları
4
Semantic DNA
Başlık hiyerarşisi ve yapısal sıra analizi.
H1Bütüncül Pati Bakım Sistemi: Sağlık, Topluluk ve Güven
H2Patiniz İçin Her Şey, Tek Yerde
H37/24 Dijital Arşiv
H3Otomatik Görev Takibi
H2Mutlu Pati, Huzurlu Sahip
H2Yuva Bekleyen Patiler
H2Bunlardan birini gördün mü?
H2Güncel ilanlar
+5 daha...
lang="tr"hreflang
Technology and Design Infrastructure
Tasarım altyapısındaki kütüphane ve framework analizi.
Edge SSRVercel
DETECTED FRAMEWORKS
Framework
Next.js
Auth
Supabase
TECH MODERNITY SCORE75
Infrastructure Analysis

Modern React framework (Next.js). SSR veya SSG ile sunuluyor.

ALAN ADI YAŞI
0 yıl
TESCİL TARİHİ
2026-04-11
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
0
48 toplam istek
DOM KARMAŞIKLIĞI
692
Düğüm · 13 derinlik
WCAG DOKUNMA HEDEFİ
%61
≥44×44px hedef (WCAG 2.5.5)
AKTİF ANİMASYON
0
Web Animations API + CSS
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
5
main/nav/header/footer/aside · screen reader nav
SKIP LINK
Ana içeriğe atla yok
FOCUS-VISIBLE
Klavye nav. odak gizli
REDUCED MOTION
Animasyon kısıtlama yok
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İ
%75
≥44px hedef (mobil viewport)
EN KÜÇÜK TEXT
10px
Mobil ideal: ≥16px
HAMBURGER MENÜ
Mobil menü algılanmadı
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
0
JSON-LD + microdata
OG TAMLIK
%70
Open Graph + Twitter Card
SOSYAL LİNK
0
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
C50/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
3.48sOrta
FCP
1.70sİyi
CLS
0.566Kötü
LAB METRİKLERİ
TBT
6ms
TTI
3.78s
SI
3.63s
Kullanılmayan JS: 44KB
GERÇEK KULLANICI DENEYİMİ
Erişilebilirlik
96Mükem.
SEO
100Mükem.
En İyi Pratikler
100Mü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 sıcak palet güven ve yakınlık hissi veriyor; kullanıcıyla duygusal bağ kurma potansiyeli yüksek."

Marka Tutarlılığı
44
/100
Tutarsız
Motion Physics
AVG DURATION
21000ms
Yavaş animasyonlar
SMOOTHNESS
90
Pürüzsüz akış
ANIMATIONS
5
Az animasyon
Easing Naturalness
Animasyon geçiş eğrisi doğallığı
Doğal (Bezier)
Dönüşüm Sinyalleri
NET CTA
Belirgin çağrı-eyleme alanı
✕ Yok
SOSYAL KANIT
Yorum, rating, rozet, referans
✓ Görünür
ABOVE-FOLD KALİTESİ
İlk ekran içerik & hiyerarşi skoru
75
Denetim Bulguları
Etki × Efor matrisine göre sıralı — quick win'ler en üstte
ErişilebilirlikWCAG 2.1 standartları başarıyla karşılanıyor.etki yüksek
MühendislikPerformans 67/100 — Core Web Vitals optimizasyonu ile artırılabilir.etki ortaorta
LCP elementine preload, render-blocking script'leri defer et.
YapıSemantik hiyerarşi doğru yapılandırılmış (H1 + alt başlıklar).etki orta
OkunabilirlikAteşman: 51.1 — Türkçe web içeriği için ideal okunabilirlik (50-80 arası).etki orta
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.1g CO₂/ziyaret — çevre dostu optimizasyon başarılı.etki düşük
MotionMotion tasarımı aktif: 5 animasyon kuralı ile canlandırılmış.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.
MobilMobilde çok küçük metin (10px) — okunabilirlik düşüketki düşük
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ı · 16 sitelik örneklem

Barınak & Sahiplendirme

Patipia bu kategoride 11 puan üzerinde — sektör ortalaması 62/100. En iyi %25 dilimindedir.

Estetik
49
45
+4
Etkileşim
53
45
+8
Marka
44
48
-4
Mühendislik
80
61
+19
İçerik
85
79
+6
Motion
74
60
+14
Kararlılık
98
90
+8
Akıcılık
36
93
-57
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.