Sanal Evcil Hayvan Ekran Düzeni Nasıl Seçilir: Retro LCD mi, Modern Hibrit mi?
Sanal evcil hayvan arayüzü tasarlarken, temel deneyim anında tanınabilen az sayıda piksel sahnesine ve birkaç eyleme sığıyorsa retro bir LCD düzeni seçin. Oyuncuların değişen ayrıntıları okuması, çeşitli etkinliklere göz atması veya arayüzü farklı ekran boyutlarında kullanması gerekiyorsa modern bir hibrit düzen tercih edin. Her iki nitelik de önemliyse, evcil hayvan sahnesini görsel olarak pikselden ilham alan bir yapıda tutarken, okunabilir durum bilgilerini ve kontrolleri çevresindeki esnek bir arayüze yerleştirin. Karar vermek için en yaygın görevi ekrana yerleştirip haritasını çıkarın, ardından bu görevi desteklenen en küçük boyutta test edin.
Bu iki stil uygulamada ne anlama geliyor?
Retro bir LCD düzeni, ekranı kompakt bir sahne olarak ele alır. Evcil hayvan, birkaç durum simgesi ve az sayıda kontrol ögesi sabit bir görsel çerçeveyi paylaşır. Piksel sanatı, dar bir renk paleti ve görünür bilgiler üzerindeki bilinçli sınırlamalar net bir görsel kimlik yaratır. Bu stil, ana döngü basit olduğunda çok iyi çalışır: evcil hayvanı gör, anlık durumunu anla, bir eylem seç.
Modern bir hibrit düzen, bu çerçeveli ve piksel benzeri sunumun bir kısmını korur ancak destekleyici bilgilere daha fazla alan tanır. Evcil hayvan görsel odak noktası olmaya devam ederken; etiketler, menüler, ayarlar ve ikincil ayrıntılar ölçeklenebilir metinler ve geleneksel arayüz kontrolleri kullanır. Ayrıca alan değiştikçe ögeleri yeniden düzenleyebilir. Duyarlı (responsive) arayüzler, her ögeyi tek tip şekilde büyütmek yerine içeriği farklı pencere boyutlarına uyacak şekilde genellikle yeniden konumlandırır, yeniden boyutlandırır veya akışını değiştirir (Microsoft'un duyarlı tasarım kılavuzu).
"Hibrit" yaklaşımı bir tasarım tercihi olarak değerlendirin; her cihazın veya özelliğin kendiliğinden sorunsuz çalışacağı yönünde bir garanti olarak görmeyin. Düzen, yine de nelerin görünür kalacağı, nelerin menüye taşınacağı ve mevcut alan daraldığında nasıl davranacağı konusunda net kararlar gerektirir.
Oyuncunun tekrarladığı görevle başlayın
Oyuncunun en sık gerçekleştirdiği görevi kısa bir sekans halinde yazın: örneğin bir ihtiyacı fark etme, ilgili eylemi açma, seçme ve ne olduğunu doğrulama. Bu sekansı ekran çerçevesi içinde taslak olarak çizin. Sekans; minik etiketlere, üst üste binen simgelere veya yinelenen menü değişikliklerine gerek kalmadan görünür kalabiliyorsa retro bir LCD kompozisyonu yeterli olabilir.
Ardından, bir bakışta anlaşılması gereken bilgileri ve ayrıntılı bir görünüm için bekleyebilecek bilgileri listeleyin. Bir evcil hayvan duruşu ve birkaç net gösterge ana ekranda yer alabilir; daha uzun açıklamalar, koleksiyonlar veya yapılandırma seçenekleri ise bir hibritin ikincil paneline daha iyi uyabilir. Bu ayrım evrensel bir kural değil, bir tasarım çıkarımıdır: doğru gruplandırma, oyundaki asıl etkinliklere ve terminolojiye bağlıdır.
Dekoratif simgeleri değil, anlamlı seçenekleri sayın. Her biri başka bir menü açan beş simge, etiketli üç eylemden daha fazla iş çıkarabilir. Oyuncular ana görevi tamamlamak için iç içe geçmiş menülere tekrar tekrar girip çıkmak zorunda kalıyorsa, ekrana daha fazla süs eklemeden önce alanı genişletin veya görevi basitleştirin.
Sınırlamalar deneyimi desteklediğinde retro LCD'yi seçin
Piksel sanatı hedeflenen görünümün merkezindeyse, evcil hayvan küçük ölçekte de okunaklı kalıyorsa ve standart eylemler doğrudan gösterilebilecek ya da erişilebilecek kadar azsa, retro bir düzen son derece uygundur. Kısıtlı sahnesi, evcil hayvanın ve durumunun bütünsel hissedilmesini sağlayabilir. Ayrıca tasarıma net bir sınır çizer: ikincil sistemler, bilinçli bir ödün verilmeden ana sahneyi sıkıştıramaz.
Kritik durumların belirsiz renk geçişlerine dayanmadan ayırt edilip edilemediğini kontrol edin. Rengin yanı sıra kolayca tanınabilen şekiller, duruşlar, etiketler veya desenler kullanın. Ekranı gri tonlamalı olarak ve gerçek işlenme boyutunda test edin. Tasarım tuvalinde büyütüldüğünde sevimli görünen bir sprite, sunulan nihai düzende belirsiz bir piksel kümesine dönüşebilir.
Her yeni özellik başka bir minik durum işareti veya kısaltma eklediğinde bu stil yetersiz kalmaya başlar. Oyuncuların ana ekranı anlamak için bir kılavuza/lejanta ihtiyacı varsa veya büyüyen bir gösterge paneline yer açmak için evcil hayvan küçültülüyorsa, kompakt çerçeve kapasitesinden fazlasını taşıyor olabilir.
Bilgi veya ekran boyutu değişkenlik gösterdiğinde hibrit düzeni seçin
Evcil hayvan sahnesinin okunabilir durum metinleri, çeşitli etkinlik seçenekleri veya ayrıntılı bir görünümle bir arada bulunması gerektiğinde hibrit düzen kullanışlıdır. Ayrıca farklı pencere boyutlarına daha etkili bir şekilde uyum sağlayabilir: Microsoft'un kılavuzunda, tek sütunlu bir arayüzün daha büyük bir ekranda birden çok sütuna dönüştürülmesi ve daha küçük pencerelerde daha az meta veri gösterilmesi anlatılmaktadır. Bu ilkeyi seçici bir şekilde uygulayın: ekstra alan faydalı ayrıntıları ortaya çıkarabilir ancak evcil hayvanın eşit derecede öne çıkan birkaç panelle yarışmasına yol açmamalıdır.
İlk olarak dar ekran düzenini tanımlayın. Evcil hayvanı, en önemli durumu ve birincil eylemi erişilebilir tutun; ikincil bilgileri net bir şekilde adlandırılmış bir panele veya menüye taşıyın. Daha geniş ekranlar için destekleyici ayrıntıları ortaya çıkarın veya sahnenin yanına bir liste yerleştirin. Düzen değişikliğinin aynı görevi farklı bir sistemmiş gibi hissettirmemesi için eylemlerin sırasını ve adlarını tutarlı tutun.
Retro kompozisyonun tamamını büyük bir ekranı dolduracak şekilde doğrudan ölçeklendirmeyin. Bu durum tuhaf boşluklara yol açabilir veya kontrolleri birbirinden rahatsız edici derecede uzaklaştırabilir. Bunun yerine, hangi bölümlerin büyümesi gerektiğine, hangilerinin sınırlı bir sahne olarak kalması gerektiğine ve hangi ek bilgilerin gerçekten fayda sağladığına karar verin. Benzer şekilde Material Design'ın yerleşim kılavuzu da düzenleri; duyarlı kenar boşlukları, sütunlar ve bölgelerle girdilere, cihazlara ve ekran ögelerine uyum sağlayan yapılar olarak tanımlar (Düzeni Anlama).
Hızlı bir karar puan kartı kullanın
Mevcut tasarımınız için her ifadeyi "evet", "kısmen" veya "hayır" olarak değerlendirin. Bu, geçerliliği kanıtlanmış bir puanlama aracı değil, pratik bir kontrol listesidir.
- Ana evcil hayvan görevi, görünür seçeneklerden oluşan kompakt bir küme üzerinden tamamlanabiliyor.
- Evcil hayvan ve önemli durumları, hedeflenen en küçük ekran boyutunda netliğini koruyor.
- Destekleyici bilgilerin çoğu, ana etkileşim sırasında isteğe bağlıdır.
- Arayüzün farklı ekran boyutlarında belirgin biçimde farklı miktarlarda bilgi sunması gerekiyor.
- Oyuncular, retro çerçeveye sığdırıldığında sıkışık kalacak etiketlere veya açıklamalara ihtiyaç duyuyor.
- Evcil hayvan sahnesi, menülerden ve durum ayrıntılarından görsel olarak ayrı kalmalıdır.
İlk üç maddede çoğunlukla "evet" yanıtı verilmesi, retro öncelikli bir düzeni destekler. Değişken bilgi veya okunabilir etiket ihtiyacına "evet" denmesi ise hibrit bir düzeni öne çıkarır. Yanıtlar bölünüyorsa, sabit bir piksel sanatı evcil hayvan penceresi ve ayrı, daha yalın bir durum ve eylem alanı içeren hibrit bir prototip oluşturun. Bu sayede sahne korunurken destekleyici arayüzün uyum sağlamasına olanak tanınır.
Nihai kararı vermeden önce prototip oluşturun ve kontrol edin
Ciddi olarak değerlendirdiğiniz her seçenek için aynı evcil hayvanı, durumu ve görevi kullanarak temsili bir ekran oluşturun. Sadece en sade bekleme ekranını değil, bilgi açısından en yoğun standart durumu da dahil edin. Taslağa aşina olmayan birkaç kişiden evcil hayvanın mevcut durumunu tanımlamasını ve ana görevi tamamlamasını isteyin. Nerede tereddüt ettiklerini, bir simgeyi yanlış okuduklarını veya bir eylemi gözden kaçırdıklarını not edin; stilin kendi kendine bu sorunları çözeceğini varsaymak yerine, gözlemlediğiniz problemlere göre düzeni değiştirin.
En küçük hedef boyutta, daha geniş bir boyutta ve arayüz destekliyorsa metinler büyütülmüş halde test edin. Deneyim klavye ile kontrol ediliyorsa klavye odağını kontrol edin ve oyuncu kontroller arasında gezinirken odağın görünür kaldığından emin olun. İşaretçiyle kontrol edilen web arayüzleri için WCAG 2.2, AA kriteri kapsamında belirli istisnalarla birlikte en az 24'e 24 CSS piksellik bir hedef boyutu belirler; ayrıca AAA Odak Görünümü kriteri altında 3:1 kontrast oranı ve odak göstergeleri için minimum bir alan tanımlar (W3C'nin WCAG 2.2 genel bakışı). Bu kriterler faydalı birer kontroldür ancak oyuna hangi görsel stilin uyacağına tek başlarına karar vermezler.
Son olarak metnin sahne üzerinde okunabilir olduğunu, seçili ve etkin olmayan kontrollerin farklı göründüğünü ve renkler kullanılamadığında bile ekranın hiyerarşisini iletebildiğini doğrulayın. Retro model bu kontrolleri geçer ve yinelenen görevi doğrudan desteklerse sınırlamalarını koruyun. Sürekli olarak sıkışık etiketlere veya gizli eylemlere yol açıyorsa hibrit bir düzene geçin ve retro yaklaşımı en çok katkı sağladığı yerlerde koruyun: evcil hayvan sahnesi, çerçevesi veya tanıdık birkaç görsel ipucu.