Dönüşüm getiren mağaza ekran görüntüleri nasıl tasarlanır?
Mağaza ekran görüntüleri; arama sonuçlarında görünen ilk üç karenin her biri gerçek uygulamayı tek bir iş yaparken kısa bir fayda başlığıyla gösterdiğinde, iki mağazanın kurallarına uyduğunda (kullanım halindeki uygulama, sıralama ya da fiyat iddiası yok) ve her mağazanın kabul ettiği tam boyutlarda dışa aktarıldığında dönüşüm getirir.
İlk üç ekran görüntüsü neden bu kadar belirleyici?
Çünkü çoğu insanın karar vermeden önce gördüğü tek ekran görüntüleri onlar. Apple'ın ürün sayfası rehberi, uygulama önizlemesi yoksa yöne bağlı olarak ilk bir ile üç ekran görüntüsünün arama sonuçlarında çıktığını söyler. Google Play'in rehberi de ilk üç ekran görüntüsünde arayüze öncelik vermeni ister. Sonuç listesine göz atan biri senin ilk karelerini üstündeki ve altındaki uygulamalarla karşılaştırır; bu yüzden o kareler tek başlarına ayakta durmalı.
Bu rehberin kullandığı "3 kare kuralı": ilk üç karenin her biri tek bir iş yapan gerçek bir ekranı, faydayı söyleyen tek ve kısa bir başlıkla gösterir. 4 ile 10. kareler (App Store) ya da 4 ile 8. kareler (Google Play) daha derine inebilir.
Her ekran görüntüsü neye uymalı?
| Kural | App Store | Google Play |
|---|---|---|
| Gerçek uygulamayı göster | 2.3.3: kullanım halindeki uygulama; yalnızca başlık görseli, giriş ya da açılış ekranı değil | Gerçek uygulama içi ya da oyun içi deneyimi göstermeli |
| Metin katmanları | Serbest | Gerekirse serbest; sloganlar görselin en fazla %20'si |
| Sıralama ya da ödül iddiası | Doğrulanamayan iddialardan kaçın (2.3.7; yaratıcı öğeler için 2.3.14) | Yasak: "#1", "En iyi", "Top", "Popüler", ödül ikonları |
| Fiyat ya da indirim | Ekran görüntülerinde olmaz (2.3.7) | Yasak: "%10 indirim", "İndirim", "Sınırlı süre ücretsiz" |
| Harekete geçirici çağrı | Özel bir kural yok | "Hemen indir", "Şimdi yükle", "Şimdi oyna"dan kaçın |
| Diğer platformlar | Diğer mobil platformların adı, ikonu ya da görseli yok (2.3.10) | Başka mağazaların rozeti ya da ikonu yok |
| Kitle | Uygulamanın yaş sınırı daha yüksek olsa bile 4+ için uygun (2.3.8) | Genel kitleye uygun |
| Eller ve cihazlar | Özel bir kural yok | Cihaza dokunan parmaklardan ve cihaz görsellerinden kaçın |
İki mağazada da daha katı sütuna uyarsan tek bir tasarım her yerde kullanılabilir kalır. Kuralların ayrıntısı: App Store meta veri retleri (İngilizce) ve Google Play meta veri politikası.
Tasarlamadan önce seti nasıl planlarım?
Seti önce cümle listesi olarak yaz. Her satır bir kare: önce ekran, sonra başlık.
- 1. kare, vaat: ana sonucunu veren ekran. Başlık: sonucu dört ile altı kelimede söyle.
- 2. kare, nasıl çalışır: ana eylem sürerken. Başlık: kullanıcının ne yaptığı.
- 3. kare, fark: rakiplerde olmayan özellik ya da kanıt (geçmiş, sonuçlar, kişiselleştirme). Başlık: neden bu uygulama.
- 4 ile 6. kareler: yan özellikler, kare başına bir tane.
- Son kareler: güven ve kapsam: ayarlar, senkronizasyon, widget'lar, erişilebilirlik, diller.
Uydurma bir bütçe uygulaması için örnek:
| Kare | Ekran | Başlık |
|---|---|---|
| 1 | Kategoriye göre harcamalarla ay özeti | Paran nereye gidiyor, gör |
| 2 | Kamerayla gider ekleme | Fişi iki dokunuşta kaydet |
| 3 | İlerlemesiyle birikim hedefi | Gerçekten ulaştığın hedefler koy |
| 4 | Partnerle ortak bütçe | Parayı birlikte planlayın |
| 5 | Ana ekranda widget | Bakiyen bir bakışta |
Başlıklar sonuç anlatıyor. Hiçbiri sıralama, fiyat ya da üstünlük iddia etmiyor.
Hangi başlık formülleri işe yarar?
Kısa, somut ve küçük resim boyutunda okunur olanlar. İki mağazanın kurallarına uyan formüller:
- Fiil + sonuç: "Her antrenmanını takip et", "Haftanı dakikalar içinde planla".
- Sonuç + koşul: "İnternetsiz kelime öğren", "Fotoğrafları reklamsız düzenle" (yalnızca doğruysa).
- Uygulamanın kendisinden bir sayı: "20 dakikanın altında 100 tarif" (yalnızca uygulamada gerçekten varsa).
- Kullanıcının sorduğu soru: "Bu ay ne harcadım?"
Başlıkları mümkün olduğunca tek satırda tut, büyük punto kullan ve her karede aynı konumda bırak ki göz aramak zorunda kalmasın. Desteklediğin her dil için yerelleştir; Google Play, uygulama arayüzünün her pazar için yerelleştirilmesi gerekmediğini, ama katmanların yerelleştirilmesi gerektiğini söyler.
Bunu Figma'da nasıl kurarım?
- Kabul edilen boyutlarda frame'ler. iPhone için biri 1320×2868'de (6.9 inç sınıfı), biri 1206×2622'de (orta boy Dynamic Island sınıfı). iPad için 2064×2752. Google Play telefonları için 1080×1920. Tam tablolar: App Store boyutları ve Google Play boyutları.
- Bir başlık bileşeni: sabit konum, boyut ve satır uzunluğu; her dil için bir metin stili.
- Bir ekran alanı: uygulamadan aldığın gerçek görüntüleri buraya yerleştirirsin. Durum çubuğunu temiz tut: Google Play dolu pil, Wi-Fi ve sinyal ikonları ister, bildirim istemez.
- Her dile bir sayfa. Sayfayı çoğalt, yalnızca başlık metnini ve görüntüleri değiştir.
- Dışa aktar: her frame'i 1x PNG olarak. Hiçbir karede şeffaflık olmadığını kontrol et; iki mağaza da alfa kanalını reddeder.
Bir setin daha iyi olduğunu nasıl anlarım?
Tahmin etme, test et. App Store'da ürün sayfası optimizasyonu, orijinale karşı en fazla üç alternatif ekran görüntüsü setini 90 güne kadar test eder. Google Play'de mağaza girişi deneyleri (store listing experiments) en fazla iki varyantı test eder. Her testte tek bir şeyi değiştir, örneğin yalnızca ilk kareyi; böylece sonucu neyin yarattığını bilirsin. Sonuçlar trafik ister: günlük ziyaretçisi az bir sayfa, test süresi içinde net bir cevaba ulaşamayabilir.
Sık yapılan hatalar
- 1. kare logo ya da açılış ekranı. En çok görülen yuvayı boşa harcar ve 2.3.3 ile çelişir.
- Fazla metin. Küçük, sıkışık başlıklar arama sonuçlarında okunmaz.
- Başlık konumunun karelere göre değişmesi. Set bir hikâye yerine kolaj gibi görünür.
- Doğrulayamadığın iddialar. "En iyi", "#1" ya da ödül rozetleri Google Play'de yasak, App Store'da riskli.
- Görsellerde fiyat. Fiyatlar ülkeye göre değişir ve güncellenir; iki mağaza da fiyatı ekran görüntülerinin dışında tutar.
- Eski arayüz. Güncel sürümden eski bir tasarım gösteren ekran görüntüleri, yüklemeden sonra insanları hayal kırıklığına uğratır.
- Koyu modu unutmak. Apple, uygulaman destekliyorsa koyu deneyimi gösteren en az bir ekran görüntüsü önerir.
Karelerimi rakiplerle nasıl karşılaştırırım?
Uptika'nın Arama aynası, arama sonucu kartını ilk üç ekran görüntünle birlikte, takip ettiğin bir kelimede senin üstünde sıralanan uygulamaların yanında gösterir; yani arayan kişinin gördüğü karşılaştırmayı sen de görürsün. Rakip günlüğü, bir rakibin ekran görüntülerini ya da ikonunu değiştirdiği günü kaydeder. Giriş yapmadan, Mağaza Sayfası Röntgeni herkese açık her girişi okur, ekran görüntülerini ve önizlemelerini sayar. Ücretsiz plan bir ülke mağazasında bir uygulamayı izler: ücretsiz başla.
iOS 27'de ekran görüntülerinin yanında duran yeni başlık ve arama görselleri için App Store'un yeni başlık ve arama görselleri rehberine bak.
Sorular
App Store ekran görüntüsü nasıl hazırlanır?
Uygulamadan gerçek ekranlar al, onları kabul edilen tam boyuttaki karelere yerleştir (örneğin iPhone için 1320×2868 ve 1206×2622, iPad için 2064×2752), her kareye kısa bir fayda başlığı ekle, şeffaflık olmadan PNG ya da JPEG olarak dışa aktar ve App Store Connect'te Product Page Information > App Previews and Screenshots altında yükle.
Figma'da App Store ekran görüntüsü nasıl yapılır?
Kabul edilen her boyut için bir frame aç, örneğin 1320×2868 ve 1206×2622 px; başlık ve cihaz alanı için bir bileşen kur, içine gerçek uygulama görüntülerini yerleştir ve her frame'i 1x PNG olarak dışa aktar. Başlıkları düzene dokunmadan yerelleştirebilmek için sayfayı her dil için çoğalt.
App Store ekran görüntüsü kuralları neler?
Madde 2.3.3, ekran görüntülerinin yalnızca başlık görseli, giriş sayfası ya da açılış ekranı değil, uygulamayı kullanım halinde göstermesini ister; katmanlara izin verilir. 2.3.7 meta verilerde fiyatı ve ilgisiz terimleri yasaklar, 2.3.8 4+ için uygun görseller ister, 2.3.10 da diğer mobil platformların adlarını, ikonlarını ya da görsellerini yasaklar.
En önemli ekran görüntüleri hangileri?
İlkleri. App Store'da uygulama önizlemesi yoksa yöne bağlı olarak ilk bir ile üç ekran görüntüsü arama sonuçlarında çıkar. Google Play de ilk üç ekran görüntüsünde arayüze öncelik vermeni ister.
Ekran görüntülerine yazı koyabilir miyim?
Evet, iki mağazada da. Apple metin ve görsel katmanlarına izin verir. Google Play sloganları yalnızca gerektiğinde ve görselin en fazla %20'sini kaplayacak şekilde önerir; sıralama, fiyat ve harekete geçirici ifadeleri yasaklar.