ASO'da Ekran Görüntüleri: Nedir, Tasarım Kuralları ve Mobil Projelerde Dönüşümü Nasıl Etkiler

ASO'da Uygulama Ekran Görüntüleri Nedir

Uygulama ekran görüntüleri, mağaza listelemesine yerleştirilen ve kullanıcıya uygulamanın nasıl göründüğünü ve çalıştığını gösteren mobil uygulama ekranlarının görüntüleridir. ASO'nun metin tabanlı öğelerinin aksine, ekran görüntüleri ürünün tasarım kalitesi ve işlevselliği hakkında görsel kanıt sağlar.

Ekran görüntüleri, dönüşüm açısından uygulama sayfasının en etkili öğesidir. SplitMetrics (2024) tarafından yapılan bir araştırma, kullanıcıların uygulama sayfasında zamanlarının %80'ini ekran görüntülerine bakarak, yalnızca %20'sini metin açıklamasını okuyarak geçirdiğini gösterdi. Bu, ekran görüntüsü tasarımını bir ASO stratejisinin başarısı için kritik hale getirir.

Simgelerin aksine, arama sonuçlarında dikkat çekerken, ekran görüntüleri ikna aşamasında çalışır: kullanıcı zaten uygulama sayfasına gelmiş ve yüklemeye değip değmeyeceğini değerlendirmektedir. Net altyazılar ve mantıklı bir sıra ile yüksek kaliteli ekran görüntüleri, yükleme olasılığını önemli ölçüde artırır.

Ekran Görüntülerinin Dönüşümdeki Rolü

Ekran görüntülerinin dönüşümdeki rolü, uygulamanın temel özelliklerini hızlı ve görsel olarak gösterme yetenekleriyle belirlenir. App Radar (2025)'e göre, profesyonelce tasarlanmış ekran görüntülerine sahip uygulamalar, altyazı veya tasarım öğesi olmayan basit işlenmemiş ekran görüntülerine sahip uygulamalardan %35 daha yüksek yükleme dönüşüm oranına sahiptir.

İlk 3 ekran görüntüsü kullanıcıların %90'ı tarafından görülürken, yalnızca %30'u son ekran görüntülerine ulaşır. Bu, en önemli özelliklerin ve avantajların setin ilk ekran görüntülerinde sunulması gerektiği anlamına gelir. Sonraki her ekran görüntüsü ilgiyi sürdürmeli ve uygulamayı yükleme isteğini güçlendirmelidir.

Google Play ve App Store'da Ekran Görüntüsü Gereksinimleri

Ekran görüntüleri için teknik gereksinimler boyut, miktar ve format açısından platformlar arasında farklılık gösterir. Bu gereksinimlere uyum, uygulama yayını ve tüm kullanıcı cihazlarında ekran görüntülerinin doğru görüntülenmesi için zorunludur.

İki platformdaki ekran görüntüsü gereksinimlerinin karşılaştırması:

Google Play Teknik Özellikleri

Google Play, telefonlar için en fazla 8, tabletler için en fazla 8 ekran görüntüsü yüklemeye izin verir. Önerilen boyutlar: telefonlar için 1080×1920 px (16:9 en-boy oranı) ve tabletler için 1920×1080 px (9:16 en-boy oranı). Format — PNG veya JPEG, minimum kenar — 320 px.

Google Play ayrıca Android TV, Wear OS ve Chromebook'lar için ekran görüntülerini destekler. Her platform, uygun boyutlar ve en-boy oranlarıyla ayrı görüntü setleri gerektirir. Yanlış ekran görüntüsü boyutları, kullanıcıların cihazlarında görüntülerin kırpılmasına veya gerilmesine neden olur.

App Store Teknik Özellikleri

App Store, her ekran boyutu için ayrı ekran görüntüsü setleri gerektirir: 6.5 inç (iPhone 14 Pro Max), 5.5 inç (iPhone 8 Plus) ve 4.7 inç (iPhone SE). iPad için, 12.9 ve 9.7 inç için ayrı ekran görüntüleri yüklenmelidir. Maksimum — boyut başına 10 ekran görüntüsü.

App Store için minimum çözünürlük, dikey yönlendirme için 1080×1920 px ve yatay için 1920×1080 px'dir. Apple, tüm cihazlarda keskin görüntüleme için ekran görüntülerinin mevcut en yüksek çözünürlükte yüklenmesini önerir. Düşük çözünürlüklü görüntüler denetimden geçer ancak Retina ekranlarda kalitesiz görünür.

Etkili Ekran Görüntüleri Nasıl Tasarlanır

Ekran görüntüleri tasarlamak, orijinal uygulama ekranı görüntüsünün üzerine görsel öğeler ekleme sürecidir: altyazılar, oklar, cihaz çerçeveleri, arka planlar ve renk vurguları. Profesyonelce tasarlanmış ekran görüntüleri, işlenmemiş olanlardan önemli ölçüde daha etkilidir.

Görsel Hiyerarşi

Bir ekran görüntüsünün görsel hiyerarşisi, kullanıcının bakışını en önemli öğeden ikincil öğeye yönlendirmelidir. Ana öğe — uygulama arayüzü ekran görüntüsü — görüntü alanının %60–70'ini kaplamalı, kalan alan ekrandaki işlevi açıklayan altyazılara ayrılmalıdır.

Bir cihaz çerçevesi (ekran görüntüsünün etrafındaki telefon gövdesi) kullanıcının güvenini artırır ve görüntüyü daha gerçekçi hale getirir. StoreMaven (2024) tarafından yapılan bir araştırma, cihaz çerçeveli ekran görüntülerinin, çerçevesiz olanlara göre %12 daha fazla etkileşim aldığını gösterdi. Çerçeve, hedef platformun cihaz şekliyle tam olarak eşleşmelidir.

Metin ve Altyazılar

Ekran görüntülerindeki metin kısa olmalıdır — ekran görüntüsü başına 5–7 kelimeyi geçmemelidir. Yazı tipi — büyük, kontrastlı, serifsiz. Metin, yalnızca işlevi adlandırmak yerine kullanıcıya sağlanan faydayı tanımlamalıdır. Örneğin: “İstatistik ekranı” yerine “İlerlemeyi gerçek zamanlı takip edin”.

App Store için, ekran görüntülerindeki metin her bölge için yerelleştirilmelidir. Apple, ekran görüntülerinde metne izin verir, ancak uygulamanın işlevselliğiyle eşleşmeli ve kullanıcıyı yanıltmamalıdır. Google Play de her hedef pazar için ekran görüntüsü metninin yerelleştirilmesini önerir.

Renk Şemaları

Ekran görüntüsü tasarımının renk şeması, uygulamanın markasıyla eşleşmeli ve ekran içeriğine göre kontrast oluşturmalıdır. Görüntüyü aşırı yüklememek için altyazılar ve arka plan için 1–2 vurgu rengi kullanılması önerilir. Arka plan rengi, metin okunabilirliği için yeterli kontrast sağlamalıdır.

Görüntü oluşturma için CSS benzeri parametreler kullanarak ekran görüntüsü stilize etme örneği:

class ScreenshotTemplate:
    def __init__(self, app_color: str):
        self.frame = "device_frame.png"
        self.font_size = 32
        self.text_color = "#FFFFFF"
        self.bg_color = app_color

    def render(self, screenshot: str, caption: str):
        layout = self._build_layout(screenshot)
        layout.add_text(caption, self.font_size, self.text_color)
        return layout.to_image()

Bu sınıf, özelleştirilebilir parametrelerle (marka rengi, yazı tipi boyutu, metin rengi ve arka plan rengi) bir ekran görüntüsü tasarım şablonu tanımlar. Programatik ekran görüntüsü oluşturma kullanımı, her görüntüyü manuel olarak tasarlamadan farklı platformlar ve yerelleştirmeler için hızlıca setler oluşturmayı sağlar.

Ekran Görüntüsü Sırası ve Hikaye Anlatımı

Ekran görüntüsü sırası, uygulama hakkında bir hikaye anlatan ve kullanıcıyı ilk ilgiden yükleme kararına yönlendiren bir görüntü dizisidir. Ekran görüntüleri aracılığıyla görsel hikaye anlatımı, yalnızca özellikleri listelemekten önemli ölçüde daha etkilidir.

Ekran Görüntüsü Seti Yapısı

İlk ekran görüntüsü en önemlisidir, çünkü simge ve uygulama adının yanında arama sonuçlarında görünür. Ana uygulama ekranını veya en etkileyici özelliği göstermelidir. İkinci ve üçüncü ekran görüntüleri temel yetenekleri ortaya çıkararak kullanıcıya uygulamanın değeri hakkında bir anlayış kazandırır.

Dördüncü ve beşinci ekran görüntüleri, uygulamayı rakiplerinden ayıran ek özellikleri gösterir. Altıncı ve yedinci ekran görüntüleri premium özellikleri veya benzersiz yetenekleri sergileyebilir. Son ekran görüntüsü genellikle bir yükleme çağrısı veya derecelendirme ve kullanıcı sayısı şeklinde sosyal kanıt içerir.

Sıra Yoluyla Hikaye Anlatımı

Ekran görüntüsü sırası bir hikaye anlatmalıdır: sorun → çözüm → sonuç. İlk ekran görüntüsü kullanıcının sorununu veya ihtiyacını gösterir, ikinci ve üçüncü uygulamanın bu sorunu nasıl çözdüğünü gösterir ve dördüncü kullanıcının elde ettiği sonucu gösterir. Bu yaklaşım, AppTweak'e göre dönüşümü %15–20 artırır.

Bir fitness uygulaması için etkili sıra örneği: egzersiz planıyla karşılama ekranı → koşu takip ekranı → aylık ilerleme istatistikleri → başarılar ve ödüller ekranı. Sonraki her ekran görüntüsü, kullanıcının aynı sonucu elde etme arzusunu güçlendirir.

Ekran Görüntülerinin A/B Testi

Ekran görüntülerinin A/B testi, hangi görüntülerin ve hangi sırayla ziyaretçileri en etkili şekilde yüklemelere dönüştürdüğünü belirlemeyi sağlar. Google Play Console, farklı sıralar ve görüntü setlerini test etme yeteneği de dahil olmak üzere ekran görüntüleri için A/B deney işlevselliği sağlar.

Metrikler ve Süre

Ekran görüntülerini test etmek için birincil metrik, her varyant için CVR'dir (dönüşüm oranı). Ek metrikler arasında sayfa görüntüleme süresi, belirli bir ekran görüntüsüne kaydırma yüzdesi ve her görüntüye tıklamalar yer alır.

İstatistiksel anlamlılık için, en az 7–14 gün test ve varyant başına 10.000–15.000 gösterim gereklidir. Ekran görüntüleri mevsimselliğe duyarlıdır: tatil dönemlerinde, kullanıcılar görsel öğelere normal günlerden farklı tepki verebilir, bu deney planlanırken dikkate alınmalıdır.

Ekran Görüntülerinde Test Edilecekler

Her seferinde bir öğenin test edilmesi önerilir: ekran görüntüsü sırası, tasarım renk şeması, altyazı metni, cihaz çerçevesinin varlığı veya yokluğu. Aynı anda birden fazla değişikliği test etmek, hangi belirli değişikliğin sonucu etkilediğini belirlemeyi imkansız kılar. Ekran görüntüsü sırasıyla başlayın — bu genellikle en büyük etkiyi veren en basit değişikliktir.

A/B testi örneği: varyant A — temel özellik hakkında altyazı içeren uygulama ana ekranının ilk ekran görüntüsü; varyant B — ücretsiz erişim hakkında altyazı içeren kayıt ekranının ilk ekran görüntüsü. 14 günlük testin ardından, varyant B %22 daha fazla yükleme gösterdi, çünkü kullanıcılar ilk bakışta ücretsiz erişim bilgisine değer veriyor.

Ekran Görüntüsü Oluşturma Araçları

Ekran görüntüsü oluşturma araçları arasında StoreMaven, AppLaunchpad ve Screenshot Studio öne çıkmaktadır. StoreMaven, Google Play Console ile entegrasyonlu ekran görüntüsü A/B testi sağlar. AppLaunchpad, farklı pazarlar için yerelleştirilmiş ekran görüntülerinin oluşturulmasını otomatikleştirir. Screenshot Studio, cihaz çerçeveleri ve renk şemaları için hazır şablonlar sunar.

Süreci otomatikleştirmek için, toplu ekran görüntüsü oluşturma için bir Node.js komut satırı aracı kullanılabilir:

const config = {
  screenshots: ["main.png", "features.png", "stats.png"],
  captions: ["Ana ekran", "Tüm özellikler", "İstatistikleriniz"],
  deviceFrame: "iphone14",
  primaryColor: "#6200EE"
};

async function generateScreenshots(config) {
  for (const [i, src] of config.screenshots.entries()) {
    const output = await renderScreenshot({
      source: src,
      caption: config.captions[i],
      frame: config.deviceFrame,
      color: config.primaryColor
    });
    await saveImage(output, "screenshot_" + (i + 1) + ".png");
  }
}

Bu betik, birleşik bir tasarım stili ve altyazılarla ekran görüntüsü seti oluşturmayı otomatikleştirir. Böyle bir aracı CI/CD boru hattına entegre etmek, her uygulama güncellemesinde tüm hedef platformlar ve yerelleştirmeler için otomatik olarak güncel ekran görüntüleri oluşturmayı sağlar.

Farklı Pazarlar İçin Ekran Görüntülerinin Yerelleştirilmesi

Ekran görüntülerini yerelleştirmek, her hedef pazar için görüntülerdeki metni uyarlamak anlamına gelir. Farklı ülkelerdeki kullanıcılar renklere, sembollere ve görsel imgelere farklı tepki verir. Yerelleştirilmiş ekran görüntüleri, evrensel olanlardan önemli ölçüde daha etkilidir.

Metin ve Dil

Ekran görüntülerindeki metin, hedef pazarın diline çevrilmelidir. Ekran görüntüleri kullanıcının dili için yerelleştirilmişse, App Store ve Google Play uygulamaları daha yüksek sıralar. App Radar (2025)'e göre, ekran görüntülerini yerelleştirmek, her ek dil için dönüşümü %15–25 artırır.

Kültürel Uyarlama

Kültürel farklılıklar, ekran görüntülerindeki renklerin ve sembollerin algılanmasını etkiler. Kırmızı renk batı ülkelerinde tehlikeyle ilişkilendirilirken, Çin'de şansla ilişkilendirilir. İnsan görüntüleri, hedef pazarın etnik yapısıyla eşleşmelidir. Görsel öğeler yerelleştirilirken bu faktörler dikkate alınmalıdır.

App Store, her bölge için ayrı ekran görüntüsü setlerini destekleyerek her pazar için görsel tasarımın tamamen uyarlanmasına olanak tanır. Google Play de geliştirici konsolu aracılığıyla yerelleştirilmiş ekran görüntülerinin yüklenmesine izin verir.