Piblo

Editör Notu

Teknoloji yığınlarında modern araçları ve görsel programlama tekniklerini etkin kullanarak, müşterilerinin operasyonel süreçlerini sadeleştiren kapsamlı bir dijital ajans yapısına sahiptir.

Topluluk OyuAirtable & Notion
0
0 olumlu
Öne Çıkanlar
  • Dijital ürün geliştirme
  • Operasyonel süreç optimizasyonu
  • Modern teknoloji kullanımı
https://piblo.com
Piblo
56.0Toplam Puan
Bilimsel Denetim · 1st motoru56
Ziyaret Et ↗

Toplam puan 1st bilimsel denetim motorundan gelir.

Değerlendirme Özeti

Piblo, akademik tasarım denetiminde 56/100 puan alarak bağımsız denetimden geçti. En güçlü yönleri akıcılık (99) ve görsel kararlılık (91); görece geliştirilebilir alanları marka kimliği (37) ve estetik (53).

Teknik Performans
68/100
Lab (Lighthouse)Orta
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 Denetimi9 Haziran 2026
56/100
Kalite Düzeyi·GELIŞIME AÇIK

Piblo, tarafından tasarlanan bu Airtable & Notion 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
53
Etkileşim
64
Kararlılık
91
İçerik
73
Mühendislik
67
Akıcılık
99
Marka
37
Motion
60
EST53ETK64MRK37MÜH67İÇR73MOT60KRR91AKC99
8 BOYUT · 100 ÜZERİNDEN
SKORLAMA AĞIRLIKLARI — Genel Skor Bileşimi
Zenginlik· içerik · medya · yapı · etkileşim
50%
60
Mühendislik· stack modernliği · mimari · hijyen · perf
34%
67
Craft· denge · palet uyumu · görsel karmaşıklık
16%
71
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
55.0M · İdeal: 20–50
Aşırı Canlı
BASKIN RENKLER
RENK ÇAKIŞMASI
⚡ 78 ç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İ
Monokromatik
Itten (1961) — Tekil Ton Sistemi
SICAKLIK
Soğuk
Birincil
Camgöbeği
#08A8C8
38%
Vurgu
Camgöbeği
#C8D8D8
24%
Vurgu
Pastel Camgöbeği
#D8E8E8
16%
İkincil
Mavi
#0898C8
11%
Vurgu
Mavi
#A8C8D8
7%
Vurgu
Pastel Camgöbeği
#E8F8F8
4%
MOON & SPENCER ORAN SKORU
A₁/A₂ = (V₂·C₂)/(V₁·C₁) — JOSA 1944
54
Kabul Edilebilir
RENK PSİKOLOJİSİ

Camgöbeği tazelik ve yenilik hissi verir. Teknoloji girişimlerinde geleneksel maviden farklılaşarak özgün ve çağdaş bir marka sesi 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
75%
Sol/sağ görsel ağırlık simetrisi.
Hafif Asimetrik
KALABALIK ENDEKSİ
97
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: 34%
Tutarlılık Skoru
66 / 100
∑ SHANNON ENTROPİSİ
0.631
H = −Σ p(x)·log₂(p(x)) / log₂(256)
Minimal & Sade
KENAR YOĞUNLUĞU
14%
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.095
Mathematical relationship between font sizes on your site.
References: 1.618 (Golden), 1.200 (Minor Third), 1.250 (Major Third).
Major Second
Crimson Text:BoldInter:RegularNunito:RegularNunito:BoldDM Sans:RegularCrimson Text:Regular
AVG LINE HEIGHT
1.10
FONT TYPE
Mixed
GUNNING FOG INDEX
20.3
İdeal: 8–12 · Çok zor
ARI SKORU
16.0
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
54
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: 74px (Avg).
72/100
Gestalt Consistency
Visual consistency of buttons and calls to action.
Etkileşim Elementleri
7
Content Intelligence & Sustainability
Semantik hiyerarşi, okunabilirlik ve dijital karbon ayak izi.
READABILITY IQ
65.5
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.25 MB
Karbon: 0.13g/ziyaret
Sayfa ağırlığı: 0.25 MB
RESOURCES
120
HTTP Resources
Kelimeler
1.856
Metin/Görsel
%35
GÖRSEL & FONT OPTİMİZASYONU
Lazy 88%WebP/AVIF 0%srcset 38%w/h 0%font-display async/defer 100%
3. Taraf Domain
3 domain
Preload İpuçları
2
Semantic DNA
Başlık hiyerarşisi ve yapısal sıra analizi.
H1This site requires JavaScript
lang="en"hreflang
Technology and Design Infrastructure
Tasarım altyapısındaki kütüphane ve framework analizi.
SSRCloudflare PagesCloudflare CDN
DETECTED FRAMEWORKS
CSS
Emotion
Destek
Crisp
TECH MODERNITY SCORE59
Infrastructure Analysis

4 teknoloji bileşeni tespit edildi.

ALAN ADI YAŞI
15 yıl
TESCİL TARİHİ
2010-08-25
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
3
63 toplam istek
DOM KARMAŞIKLIĞI
693
Düğüm · 20 derinlik
WCAG DOKUNMA HEDEFİ
%10
≥44×44px hedef (WCAG 2.5.5)
AKTİF ANİMASYON
2
Web Animations API + CSS
YÜKLENen 3RD PARTY ALANLAR
client.crisp.chatqueue.simpleanalyticscdn.comscripts.simpleanalyticscdn.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
1
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İ
%46
≥44px hedef (mobil viewport)
EN KÜÇÜK TEXT
11px
Mobil ideal: ≥16px
HAMBURGER MENÜ
Mobile nav pattern var
FIXED KAPLAMA
%10
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
%30
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
F5/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
4.49sKötü
FCP
2.04sOrta
CLS
0.000İyi
LAB METRİKLERİ
TBT
414ms
TTI
4.95s
SI
5.21s
Kullanılmayan JS: 65KB
GERÇEK KULLANICI DENEYİMİ
Erişilebilirlik
94Mükem.
SEO
100Mükem.
En İyi Pratikler
81Orta
🫆
Brand Intelligence & Motion Physics
Marka arketipi, renk psikolojisi ve animasyon akışkanlık analizi.
1ST AI · MARKA ARKETİPİ
Bilim İnsanı
The Scientist
Analitik, veri odaklı ve hassasiyet
#Veri#Analitik#Hassas#Araştırma
RENK PSİKOLOJİSİ

"Dengeli soğuk tonlar profesyonellik ve güvenilirlik mesajı iletiyor; kurumsal algı başarılı."

Marka Tutarlılığı
37
/100
Tutarsız
Motion Physics
AVG DURATION
0ms
Animasyon tespit edilmedi
SMOOTHNESS
75
Orta düzey
ANIMATIONS
2
Az animasyon
Easing Naturalness
Animasyon geçiş eğrisi doğallığı
Düzgün (Optimal)
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
86
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
EtkileşimFitts İhlali: 1 element mobil hedef boyutu için küçük — ortalama 32px (ideal: 44px+).etki ortakolay
Buton/link padding'lerini en az 12px artır, min-height: 44px ekle.
Tipografi6 farklı font ailesi yükleniyor — fazla font yükü performansı olumsuz etkiler.etki ortakolay
Maksimum 2-3 font ailesi kullan, weight varyasyonlarını tek aileden seç.
MühendislikPerformans 68/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: 65.5 — Türkçe web içeriği için ideal okunabilirlik (50-80 arası).etki orta
SürdürülebilirlikYeşil Tasarım: 0.13g CO₂/ziyaret — çevre dostu optimizasyon başarılı.etki düşük
MotionMotion tasarımı aktif: 2 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.
GüvenlikZayıf güvenlik başlıkları (Observatory: F)etki düşük
MobilDokunma hedeflerinin çoğu çok küçük (uyum %46, 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ı · 14 sitelik örneklem

Airtable & Notion

Piblo bu kategoride 8 puan üzerinde — sektör ortalaması 48/100. En iyi %50 dilimindedir.

Estetik
53
42
+11
Etkileşim
64
48
+16
Marka
37
43
-6
Mühendislik
67
59
+8
İçerik
73
71
+2
Motion
60
48
+12
Kararlılık
91
72
+19
Akıcılık
99
98
+1
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.