ASO-da ekran görüntüləri: bu nədir, tərtibat qaydaları və mobil layihələr üçün konversiyaya necə təsir edir

ASO-da tətbiq ekran görüntüləri nədir

Tətbiq ekran görüntüləri — bunlar mağaza kartında yerləşdirilən və istifadəçiyə tətbiqin necə göründüyünü və işlədiyini göstərən mobil tətbiq ekranlarının şəkilləridir. ASO-nun mətn elementlərindən fərqli olaraq, ekran görüntüləri məhsulun dizayn keyfiyyətinin və funksionallığının vizual sübutunu təmin edir.

Ekran görüntüləri konversiya baxımından tətbiq səhifəsinin ən təsirli elementidir. SplitMetrics (2024) tədqiqatı göstərdi ki, istifadəçilər tətbiq səhifəsində vaxtın 80%-ni ekran görüntülərinə baxaraq, yalnız 20%-ni isə mətn təsvirini oxuyaraq keçirirlər. Bu, ekran görüntülərinin tərtibatını ASO strategiyasının uğuru üçün kritik dərəcədə vacib edir.

İkonadan fərqli olaraq, axtarış nəticələrində diqqəti cəlb edən, ekran görüntüləri inandırma mərhələsində işləyir: istifadəçi artıq tətbiq səhifəsinə keçib və onu quraşdırmağa dəyər olub-olmadığını qiymətləndirir. Aydın başlıqlar və məntiqli ardıcıllıqla keyfiyyətli ekran görüntüləri quraşdırma ehtimalını əhəmiyyətli dərəcədə artırır.

Ekran görüntülərinin konversiyada rolu

Ekran görüntülərinin konversiyada rolu onların tətbiqin əsas funksiyalarını tez və vizual şəkildə nümayiş etdirmək qabiliyyəti ilə müəyyən edilir. App Radar (2025) məlumatlarına görə, peşəkar tərtib edilmiş ekran görüntüləri olan tətbiqlər, başlıqlar və dizayn elementləri olmayan sadə işlənməmiş ekran görüntüləri olan tətbiqlərdən 35% daha yüksək quraşdırma konversiyasına malikdir.

İlk 3 ekran görüntüsünü istifadəçilərin 90%-i izləyir, son ekran görüntülərinə isə yalnız 30% çatır. Bu o deməkdir ki, ən vacib funksiyalar və üstünlüklər dəstin ilk ekran görüntülərində təqdim edilməlidir. Hər növbəti ekran görüntüsü marağı dəstəkləməli və tətbiqi quraşdırmaq istəyini gücləndirməlidir.

Google Play və App Store-da ekran görüntülərinə tələblər

Texniki tələblər ekran görüntülərinə platformalar arasında ölçü, sayı və format baxımından fərqlənir. Bu tələblərə riayət etmək tətbiqin dərc olunması və istifadəçilərin bütün cihazlarında ekran görüntülərinin düzgün göstərilməsi üçün məcburidir.

İki platformada ekran görüntülərinə tələblərin müqayisəsi:

Google Play texniki xüsusiyyətləri

Google Play telefonlar üçün 8-ə qədər və planşetlər üçün 8-ə qədər ekran görüntüsü yükləməyə imkan verir. Tövsiyə olunan ölçülər: telefonlar üçün 1080×1920 px (16:9 nisbəti) və planşetlər üçün 1920×1080 px (9:16 nisbəti). Format — PNG və ya JPEG, minimum tərəf — 320 px.

Google Play həmçinin Android TV, Wear OS və Chromebook-lar üçün ekran görüntülərini dəstəkləyir. Hər platforma üçün müvafiq ölçülər və nisbətlərlə ayrı şəkil dəstləri tələb olunur. Yanlış ekran görüntüsü ölçüləri istifadəçi cihazlarında şəkillərin kəsilməsinə və ya uzanmasına səbəb olur.

App Store texniki xüsusiyyətləri

App Store hər ekran ölçüsü üçün ayrı ekran görüntüsü dəstləri tələb edir: 6.5 düym (iPhone 14 Pro Max), 5.5 düym (iPhone 8 Plus) və 4.7 düym (iPhone SE). iPad üçün 12.9 və 9.7 düym üçün ayrı ekran görüntüləri yükləmək lazımdır. Maksimum — hər ölçüyə 10 ekran görüntüsü.

App Store üçün minimum rezolyusiya — portret oriyentasiyası üçün 1080×1920 px və landşaft oriyentasiyası üçün 1920×1080 px. Apple bütün cihazlarda aydın göstərilməsi üçün ekran görüntülərini ən yüksək mövcud rezolyusiyada yükləməyi tövsiyə edir. Aşağı rezolyusiyalı şəkillər moderasiyadan keçir, lakin Retina ekranlarda keyfiyyətsiz görünür.

Effektiv ekran görüntülərini necə tərtib etməli

Ekran görüntülərinin tərtibatı — bu, tətbiq ekranının orijinal şəklinin üzərinə vizual elementlərin əlavə edilməsi prosesidir: başlıqlar, oxlar, cihaz çərçivələri, fonlar və rəng vurğuları. Peşəkar tərtib edilmiş ekran görüntüləri işlənməmişlərdən əhəmiyyətli dərəcədə daha effektivdir.

Vizual iyerarxiya

Ekran görüntüsünün vizual iyerarxiyası istifadəçinin baxışını ən vacib elementdən ikinci dərəcəliyə yönəltməlidir. Əsas element — tətbiq interfeysinin ekran görüntüsü — şəklin 60–70% sahəsini tutmalıdır, qalan sahə isə ekrandakı funksiyanı izah edən başlıq üçün ayrılır.

Cihaz çərçivəsi (ekran görüntüsü ətrafında telefon korpusu) istifadəçi etibarını artırır və şəkli daha realistik edir. StoreMaven (2024) tədqiqatı göstərdi ki, cihaz çərçivəsi olan ekran görüntüləri çərçivəsiz ekran görüntülərindən 12% daha çox cəlbetmə əldə edir. Çərçivə hədəf platformanın cihaz formasına dəqiq uyğun olmalıdır.

Mətn və başlıqlar

Ekran görüntüsündəki mətn qısa olmalıdır — bir ekran görüntüsünə 5–7 sözdən çox olmamalıdır. Şrift — böyük, kontrastlı, serifsiz. Mətn funksiyanı sadəcə adlandırmaq əvəzinə istifadəçinin faydasını təsvir etməlidir. Məsələn: „Gerçək vaxtda tərəqqini izləyin" əvəzinə „Statistika ekranı".

App Store üçün ekran görüntülərindəki mətn hər region üçün lokallaşdırılmalıdır. Apple ekran görüntülərində mətn yerləşdirməyə icazə verir, lakin o tətbiqin funksionallığına uyğun olmalı və istifadəçini çaşdırmamalıdır. Google Play də hər hədəf bazar üçün ekran görüntülərində mətnin lokallaşdırılmasını tövsiyə edir.

Rəng sxemləri

Ekran görüntülərinin rəng sxemi tətbiqin brendinə uyğun olmalı və ekranın məzmununa nisbətən kontrastlı olmalıdır. Şəkli həddən artıq yükləməmək üçün başlıqlar və fon üçün 1–2 vurğu rəngindən istifadə etmək tövsiyə olunur. Fon rəngi mətnin oxunaqlılığı üçün kifayət qədər kontrast təmin etməlidir.

CSS-ə bənzər parametrlərdən istifadə edərək ekran görüntülərinin stilləşdirilməsi nümunəsi:

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 sinif ekran görüntüsü tərtibatı şablonunu konfiqurasiya olunan parametrlərlə müəyyən edir: brend rəngi, şrift ölçüsü, mətn və fon rəngi. Ekran görüntülərinin proqram generasiyasından istifadə etmək hər şəkli əl ilə dizayn etmədən müxtəlif platformalar və lokallaşdırmalar üçün dəstləri tez yaratmağa imkan verir.

Ekran görüntülərinin sırası və hekayə danışığı

Ekran görüntülərinin sırası — bu, tətbiq haqqında hekayə danışan və istifadəçini ilk maraqdan quraşdırma qərarına qədər aparan şəkillər ardıcıllığıdır. Ekran görüntüləri vasitəsilə vizual hekayə danışığı sadə funksiyaların sadalanmasından qat-qat effektivdir.

Ekran görüntüləri dəstinin strukturu

İlk ekran görüntüsü ən vacibdir, çünki o axtarış nəticələrində ikona və tətbiq adı ilə yanaşı göstərilir. O tətbiqin əsas ekranını və ya ən təsirli funksiyasını nümayiş etdirməlidir. İkinci və üçüncü ekran görüntüləri əsas imkanları açaraq istifadəçidə tətbiqin dəyəri haqqında anlayış yaradır.

Dördüncü və beşinci ekran görüntüləri tətbiqi rəqiblərdən fərqləndirən əlavə funksiyaları göstərir. Altıncı və yeddinci ekran görüntüləri premium funksiyaları və ya unikal imkanları nümayiş etdirə bilər. Son ekran görüntüsü tez-tez quraşdırmaya çağırış və ya reytinq və istifadəçi sayı şəklində sosial sübut ehtiva edir.

Ardıcıllıq vasitəsilə hekayə danışığı

Ekran görüntülərinin ardıcıllığı hekayə danışmalıdır: problem → həll → nəticə. İlk ekran görüntüsü istifadəçinin problemini və ya ehtiyacını göstərir, ikinci və üçüncü — tətbiqin bu problemi necə həll etdiyini, dördüncü — istifadəçinin hansı nəticəni aldığını göstərir. AppTweak məlumatlarına görə, bu yanaşma konversiyanı 15–20% artırır.

Fitness tətbiqi üçün effektiv ardıcıllıq nümunəsi: salamlaşma və məşq planı ilə ekran görüntüsü → qaçış izləmə ekranı → aylıq tərəqqi statistikası → nailiyyətlər və mükafatlar ekranı. Hər növbəti ekran görüntüsü istifadəçinin eyni nəticəni əldə etmək istəyini gücləndirir.

Ekran görüntülərinin A/B testi

Ekran görüntülərinin A/B testi hansı şəkillərin və hansı ardıcıllıqla ziyarətçiləri quraşdırmaya ən effektiv çevirdiyini müəyyən etməyə imkan verir. Google Play Console ekran görüntüləri üçün A/B eksperimentləri funksionallığını, o cümlədən müxtəlif ardıcıllıq və şəkil dəstlərini test etmək imkanını təmin edir.

Metriklər və müddət

Ekran görüntülərini test etmək üçün əsas metrik hər variant üzrə CVR (konversiya dərəcəsi)dir. Əlavə metriklərə səhifəyə baxış müddəti, müəyyən ekran görüntüsünə qədər sürüşdürmə faizi və hər şəkil üzrə kliklər daxildir.

Statistik əhəmiyyətlilik üçün minimum 7–14 gün test və hər variant üçün 10 000–15 000 göstərim tələb olunur. Ekran görüntüləri mövsümiliyə həssasdır: bayram dövrlərində istifadəçilər vizual elementlərə adi günlərdən fərqli reaksiya verə bilər, bu eksperimentin planlaşdırılmasında nəzərə alınmalıdır.

Ekran görüntülərində nəyi test etməli

Bir dəfəyə bir elementi test etmək tövsiyə olunur: ekran görüntülərinin sırası, tərtibatın rəng sxemi, başlıqların mətni, cihaz çərçivəsinin olması və ya olmaması. Eyni anda bir neçə dəyişikliyi test etmək hansı dəyişikliyin nəticəyə təsir etdiyini müəyyən etməyə imkan vermir. Ekran görüntülərinin sırasından başlayın — bu, tez-tez ən böyük effekti verən ən sadə dəyişiklikdir.

A/B test nümunəsi: variant A — tətbiqin əsas ekranı və əsas funksiya haqqında başlıq ilə ilk ekran görüntüsü; variant B — qeydiyyat ekranı və pulsuz giriş haqqında başlıq ilə ilk ekran görüntüsü. 14 gün testdən sonra variant B 22% daha çox quraşdırma göstərdi, çünki istifadəçilər ilk baxışdan pulsuz giriş haqqında məlumatı qiymətləndirirlər.

Ekran görüntülərinin yaradılması üçün alətlər

Ekran görüntülərinin yaradılması alətləri arasında StoreMaven, AppLaunchpad və Screenshot Studio seçilir. StoreMaven Google Play Console ilə inteqrasiya ilə ekran görüntülərinin A/B testini təmin edir. AppLaunchpad müxtəlif bazarlar üçün lokallaşdırılmış ekran görüntülərinin generasiyasını avtomatlaşdırır. Screenshot Studio hazır cihaz çərçivəsi şablonları və rəng sxemləri təklif edir.

Prosesin avtomatlaşdırılması üçün ekran görüntülərinin kütləvi generasiyası üçün Node.js əsaslı komanda sətri alətindən istifadə etmək olar:

const config = {
  screenshots: ["main.png", "features.png", "stats.png"],
  captions: ["Əsas ekran", "Bütün funksiyalar", "Statistikanız"],
  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 skript ekran görüntüləri dəstinin generasiyasını vahid tərtibat üslubu və başlıqlarla avtomatlaşdırır. Belə alətin CI/CD pipeline-a inteqrasiyası hər tətbiq yeniləməsində bütün hədəf platformalar və lokallaşdırmalar üçün aktual ekran görüntüləri avtomatik yaratmağa imkan verir.

Müxtəlif bazarlar üçün ekran görüntülərinin lokallaşdırılması

Ekran görüntülərinin lokallaşdırılması — bu, hər hədəf bazar üçün şəkillərdəki mətnin uyğunlaşdırılmasıdır. Müxtəlif ölkələrdə istifadəçilər rənglərə, simvollara və vizual görüntülərə fərqli reaksiya verirlər. Lokallaşdırılmış ekran görüntüləri universal olanlardan qat-qat effektivdir.

Mətn və dil

Ekran görüntülərindəki mətn hədəf bazarın dilinə tərcümə edilməlidir. App Store və Google Play, ekran görüntüləri istifadəçinin dili üçün lokallaşdırılıbsa, tətbiqləri daha yüksək sıralayır. App Radar (2025) məlumatlarına görə, ekran görüntülərinin lokallaşdırılması hər əlavə dil üçün konversiyanı 15–25% artırır.

Mədəni uyğunlaşdırma

Mədəni xüsusiyyətlər ekran görüntülərində rəng və simvolların qavranılmasına təsir edir. Qırmızı rəng qərb ölkələrində təhlükə ilə, Çində isə uğurla əlaqələndirilir. İnsan şəkilləri hədəf bazarın etnik tərkibinə uyğun olmalıdır. Bu amillər vizual elementlərin lokallaşdırılmasında nəzərə alınmalıdır.

App Store hər region üçün ayrı ekran görüntüsü dəstlərini dəstəkləyir ki, bu da vizual tərtibatı hər bazar üçün tam uyğunlaşdırmağa imkan verir. Google Play də konsol vasitəsilə lokallaşdırılmış ekran görüntülərini yükləməyə imkan verir.