Araştırma defteri / kurallar
19 kaynaklı tasarım kuralı. Her madde içerik üreticisi iddiasıdır; bağımsız UX standardı veya bu üründe ölçülmüş sonuç değildir.
Ölçüm yoksa hücre “ölçülmedi” kalır. ui-016 için editoryal değerlendirme kaydı vardır; diğer demolar henüz ölçülmedi. Aşağıdaki ölçütler plan metnidir.
| Kural | React Three Fiber | Three.js | ShaderGradient | Motion | Kokonut UI | Playwright CLI | Frontend Design | Impeccable | 21st.dev | HyperFrames | Remotion | Logo Design Skill | React Native | Expo | React |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| K01 · Varsayılan paletin kimliğin yerine geçmesine izin verme | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi |
| K02 · Her düğmeyi hap biçimine sokma | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi |
| K03 · Kanıtsız güven ve aciliyet göstergeleri üretme | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi |
| K04 · Hero metnini belirsiz bırakma | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi |
| K05 · Emoji ikonlarını varsayılan dekor yapma | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi |
| K06 · Uzun tireyi metnin otomatik kalıbına dönüştürme | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi |
| K07 · Kaydırma animasyonunu ölçülü kullan | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi |
| K08 · Bozuk üretilmiş fotoğrafı kullanma | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi |
| K09 · İmleç gösterisini varsayılan özellik yapma | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi |
| K10 · Tasarım yönünü somutlaştır | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi |
| K11 · Gerçek tasarım referansı ve bileşen ver | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi |
| K12 · Yaptığını gerçek arayüzde kontrol et | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi |
| K13 · Animasyon isteğini adı ve davranışıyla tarif et | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uymuyor | uymuyor | ölçülmedi | ölçülmedi | ölçülmedi | uymuyor | ölçülmedi | ölçülmedi | ölçülmedi |
| K14 · Değişen arka planda metni okunur tut | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi |
| K15 · Bekleme durumunu tasarla | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi |
| K16 · Düğme etkileşimine anlaşılır karşılık ver | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi |
| K17 · İlk faydayı uzun onboardingin arkasına saklama | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi | uyuyor | ölçülmedi | ölçülmedi | ölçülmedi |
| K18 · Bildirim izni ve hatırlatma zamanını düşün | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | uyulanamaz | uyulanamaz | ölçülmedi | ölçülmedi | ölçülmedi | uyulanamaz | ölçülmedi | ölçülmedi | ölçülmedi |
| K19 · Önce akışı gör, sonra yinele | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi | ölçülmedi |
Kaynak diyor: Bir içerik mor gradyanı, diğer içerik krem/bej/kum paletini tekdüze AI görünümüne örnek veriyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Palet tokenları ve marka brifi birlikte incelenir; hazır palet tercihi gerekçelendirilir.
Kaynak diyor: Hap biçimli düğmenin otomatik tercih edilmemesi öneriliyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Düğmelerin biçimleri ve görevleri incelenir; her düğmeye aynı hap biçimi uygulanıp uygulanmadığı kaydedilir.
Kaynak diyor: Uydurma yorum, metrik veya özel sayaçlarla sayfayı inandırıcı göstermemek öneriliyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Yorum, sayaç ve metriklerin dayanakları kontrol edilir; kanıtsız güven/aciliyet öğeleri işaretlenir.
Kaynak diyor: Giriş mesajının ne sunduğunu anlaşılır biçimde söylemesi isteniyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Hero metninde ürün, hedef kullanıcı ve sunulan faydanın açıkça bulunması kontrol edilir.
Kaynak diyor: Rastgele emojiyle işaretlenmiş arayüz anlatımından kaçınma önerisi var.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Dekor amaçlı emoji ikonları sayılır ve kullanım gerekçesi değerlendirilir.
Kaynak diyor: Üretici, uzun tire kullanımını kaçınılacak üslup işaretleri arasında sayıyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Görünür metindeki uzun tireler ve tekrarlanan üslup kalıpları incelenir; editoryal tercih olarak raporlanır.
Kaynak diyor: Aşırı kaydırma animasyonlarından kaçınılması söyleniyor; alternatif geçiş tarifi verilmiyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Kaydırma etkileşimleri ve azaltılmış hareket tercihi denenir; göreve katkısı kaydedilir.
Kaynak diyor: Göze batan yapay üretim hataları olan görsellerin sayfaya konulmaması isteniyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Kullanılan görsellerde belirgin üretim hataları görsel incelemeyle kaydedilir.
Kaynak diyor: Sırf hareket katmak için imleç animasyonu eklememek öneriliyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): İmleç hareketleri denenir; özel imleç efektinin işlevi değerlendirilir.
Kaynak diyor: Bir demoda üç marka sıfatı soruluyor; diğerinde renk, yazı, bileşen ve akış brifi isteniyor; üçüncüsünde stil adları listeleniyor. Bunların hepsinin aynı içerikte söylendiği iddia edilmiyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Marka sıfatları, renk, yazı, bileşen ve akış kararları yazılı brifle karşılaştırılır.
Kaynak diyor: Ajana yalnız genel bir estetik sıfatı yerine referans ekran ve tasarım sistemi göstermek öneriliyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Referans ekranlar ve bileşen kararlarının belgelenip belgelenmediği kontrol edilir.
Kaynak diyor: Ajanın sayfayı açması, etkileşmesi ve ekran görüntüsüne bakması tasarım sürecinin parçası olarak anlatılıyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Masaüstü/mobil ekran görüntüleri ve etkileşim kontrol kayıtları aranır.
Kaynak diyor: Belirsiz hareket isteği yerine istenen stil veya animasyon türünün adını söylemek öneriliyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Animasyonun adı, tetikleyicisi ve beklenen davranışı yazılı tarifle karşılaştırılır.
Kaynak diyor: Kaydırmada zemin açılırken yazının da uygun renge geçmesini promptta istemek, örnek model karşılaştırmasının çıkarımı.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Değişen zeminlerde metin kontrastı ölçülür; eşik ve ölçülen renkler rapora yazılır.
Kaynak diyor: Boş ekran/tek çark yerine iskelet, kontrollü sırayla giriş ve bulanıktan nete görsel yükleme örnekleri veriliyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Bekleme, boş ve yükleme durumları tetiklenir; kullanıcıya verilen karşılık kaydedilir.
Kaynak diyor: Basış, bırakış ve sayaç değişimi için küçük görsel/dokunsal geri bildirim örnekleri sunuluyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Düğmeler klavye ve işaretçiyle denenir; odak, basış ve sonuç geri bildirimi kaydedilir.
Kaynak diyor: Değeri açıklamadan hesap istemek, uzun başlangıç akışı ve ilk gün başarı yaşatmamak sorun olarak sayılıyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): İlk faydaya ulaşana kadar istenen hesap ve başlangıç adımları sayılır.
Kaynak diyor: İlk saniyede izin istemek ve bunaltıcı hatırlatmalar, kullanıcının uzaklaşma nedenleri arasında anlatılıyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Bildirim izni ve hatırlatma tetikleyicileri incelenir; yoksa uygulanamaz olarak not edilir.
Kaynak diyor: Animasyon üretiminde önce referans ve storyboardla anlaşmak, ilk sürümü son sürüm kabul etmeyip geri bildirim vermek öneriliyor.
İçerik üreticisi iddiası.
Ölçüt (editoryal): Referans, akış taslağı ve yineleme kayıtları aranır; video ilkesinin UI'a editoryal aktarımı olduğu belirtilir.