Mobil Oyun UI/UX Tasarımı
Oyuncuların saniyeler içinde anladığı menüler, mağaza ekranları ve ilk açılış akışları; her telefonda.
Mobil Oyunlar İçin UI/UX Tasarımı
Oyuncular ilk birkaç dakikada bir oyunun kolay mı yoksa kafa karıştırıcı mı olduğuna karar verir. Mobil oyun UI/UX tasarımı, oyuncuyla oyunun keyfi arasındaki her şeyi kapsar: menüler, mağaza, HUD ve eğitim bölümü. Fazladan her dokunuş ya da anlaşılmayan her ikon, ana döngü oyuncuyu yakalamadan onu kaybetme riskidir.
Kapsanan Ekranlar ve Akışlar
Oyuncuların en sık kullandığı ekranların hem yapısını hem görünümünü tasarlıyoruz:
- Ana menü, ayarlar ve modlar arası gezinme
- Oyun içi HUD: kaynaklar, sayaçlar, butonlar ve geri bildirimler
- Açık ve dürüst kalan mağaza, teklif ve ödül ekranları
- Oynatarak öğreten ilk açılış ve eğitim akışları
Wireframe, Test ve Uygulama
Önce akışları çiziyor, ardından görsel cilaya geçmeden gri kutu tıklanabilir prototipleri gerçek telefonlarda test ediyoruz. Yerleşimleri başparmak kullanımına, küçük ekranlara, çentiklere ve tek elle oyuna göre tasarlıyor, tek bir tekrar kullanılabilir bileşen setiyle çalışıyoruz. Yeni oyuncular akışları denerken nerede duraksadıklarını izliyoruz. Oyunlarımızı Godot ile de geliştirdiğimiz için tasarımlar, ekranların gerçekte nasıl kurulacağına uyan teknik notlarla gelir; isterseniz uygulamayı da biz yaparız.
İlk Deneyim ve Elde Tutma
Net bir UI/UX, yeni oyuncuların ana döngüye daha hızlı ulaşmasına ve sırada ne yapacaklarını anlamasına yardımcı olur. Bu da her free-to-play oyunun en yakından izlediği metrik olan erken dönem elde tutmayı (retention) destekler. Dürüst ve okunaklı bir mağaza ekranı güven oluşturur; bu güven oyuncuların yorumlarına da yansır. Yayından sonra analitik veriler oyuncuların nerede takıldığını gösterir ve akışlar gerçek veriyle ayarlanabilir. Aynı bileşen seti sonradan eklenen etkinlik ve teklif ekranlarında da kullanıldığı için oyun büyüdükçe arayüz dağılmaz.
UI/UX Tasarımının Faydaları
Oyuna Daha Kısa Yol
Akışlar sadeleştirilir; yeni oyuncular ana döngüye daha az dokunuşla ulaşır.
Oynatarak Öğreten Eğitim
Yeni oyuncular oyunu uzun metinler okuyarak değil, oynayarak öğrenir.
Uygulanabilir Tasarımlar
Bileşenler ve teknik notlar, ekranların Godot'da kurulma biçimiyle örtüşür.
Oyun Ekipleri İçin UI/UX Tasarımı
- Menüleri kafa karıştıran oyunlar — ana döngüsü güçlü ama ekranları yeni oyuncuları kaçıran oyunlar.
- Mağaza ya da meta katman ekleyen ekipler — net gezinme gerektiren etkinlik, teklif ya da ilerleme ekranları planlayan projeler.
- Prototipten üretime geçen oyunlar — geçici ekranlar yerine düzgün bir arayüz sistemine ihtiyaç duyan oyunlar.
Mevcut build'inizi ya da ekranlarınızı paylaşın, birlikte üzerinden geçelim.
UI/UX Tasarımı Hakkında SSS
Mobil oyunlarda UI ile UX arasındaki fark nedir?
UX yapıdır: hangi ekranların olduğu, oyuncunun aralarında nasıl dolaştığı ve her adımda neyi anladığı. UI ise bunun üzerindeki görsel katmandır; butonlar, paneller, ikonlar ve yazılar. İkisini birlikte tasarlıyoruz, böylece görünüm akışı destekliyor.
Yayındaki bir oyunun arayüzünü yeniden tasarlayabilir misiniz?
Evet. Mevcut ekranlardan ve analitik verilerden başlıyor, oyuncuların duraksadığı ya da bıraktığı noktaları bulup önce o akışları yeniden tasarlıyoruz. Değişiklikler kademeli olarak ya da A/B testleriyle yayınlanabilir; böylece güncelleme mevcut oyuncular için güvenli kalır.
UI/UX tasarımlarını gerçek oyuncularla test ediyor musunuz?
Evet. Tıklanabilir prototipleri ve build'leri, oyunu daha önce görmemiş kişilerle telefonda test ediyoruz. Nereye dokunduklarını, nerede duraksadıklarını ya da kaybolduklarını izleyip tasarımı buna göre düzeltiyoruz.
Oyun arayüzünü Godot'da da kurabiliyor musunuz?
Evet. Kendi oyunlarımızı Godot ile geliştiriyoruz. Teknik notları ve bileşenleri mühendislerinize teslim edebilir ya da ekranları motorda kendimiz kurabiliriz.
UI/UX Tasarımı: Teslimatlar ve Süreç
Teslimatlar
- Kullanıcı akış haritası ve ekran envanteri
- Wireframe'ler ve tıklanabilir prototipler
- Son ekran tasarımları ve HUD yerleşimi
- Teknik notlarıyla UI bileşen kütüphanesi
- İlk açılış ve eğitim akışı
- Telefon testlerinden oyuncu gözlem notları
- 01
Akış Haritalama
İlk açılıştan mağazaya kadar her ekranı ve oyuncuların aralarında izlediği yolları listeliyoruz.
- 02
Wireframe ve Tıklanabilir Prototip
Gri kutu yerleşimleri, telefonda test edilebilen tıklanabilir bir prototipe dönüşüyor.
- 03
Görsel Tasarım ve Oyuncu Testleri
Son görselleri ekliyor, yeni oyuncuların ana akışları denemesini izliyoruz.
- 04
Teslim ve Godot Uygulaması
Bileşenler ve teknik notlar mühendislerinize gidiyor ya da ekranları Godot'da biz kuruyoruz.
Diğer Sanat Hizmetleri
Tümü: Sanat (5) →3D Sanat Üretim Hattı
Konsept çizimleri Godot için oyuna hazır 3D modellere dönüştüren, script'lerle otomatikleşmiş Blender üretim hattı.
2D ve UI Sanatı
Mobil oyunlar için illüstrasyon, sprite ve arayüz çizimleri; hepsi tek ve tutarlı bir stilde.
Karakter Animasyonu
2D ve 3D karakterler için bekleme döngüsünden zafer dansına kadar ağırlığı ve kişiliği olan animasyonlar.
İkonlar ve Ana Görseller
Kalabalık mağaza listelerinde küçük boyutta bile okunan ve öne çıkan uygulama ikonları ve ana görseller.