Açıklamayı kimse okumuyor
App Store'da uzun bir açıklama yazdım. Özenle. Sonra kendi telefonumdan kendi uygulamama baktım ve o metnin ekranda hiç görünmediğini fark ettim. Görünen şey ikonun, adın ve iki ekran görüntüsü.
Ürün sayfası açıklama değil. Ürün sayfası ekran görüntüleridir.
İlk iki kare her şeydir
Listeleme sayfası açıldığında yan yana iki görsel giriyor. Kaydırmayan insan için uygulaman bu ikisinden ibaret. Ben ilk sürümlerde oraya en gurur duyduğum ekranı koymuştum — ayarlar ekranı. Kimseye bir şey anlatmıyordu.
Sonra sırayı değiştirdim: birinci karede uygulamanın ne işe yaradığı, ikincide nasıl göründüğü. Skor uygulamalarında bu, "bilekten sayı ver" ile "maç geçmişin burada" oldu. Ayarlar en sona gitti; oraya zaten kaydıran biri gidiyor ve o kişi ikna olmuş demektir.
Ekran görüntüsü ekran görüntüsü değildir
Ham simülatör çıktısını olduğu gibi koymak cazip, çünkü dürüst geliyor. Ama küçük bir kutuda 12 punto yazı okunmaz. Mağazadaki görsel, ekranın kendisi değil, ekranın en önemli tek cümlesini büyütmüş hâli olmalı.
Pratikte işe yarayan format şu oldu: üstte bir başlık, altında telefon çerçevesi, çerçevenin içinde de o başlığı kanıtlayan tek ekran. Başlık olmadan görsel "bak, bir liste" diyor. Başlıkla birlikte "her maçın kaydı burada" diyor.
Üçüncü taraf araçların bedeli
Bu görselleri üretmek için hazır bir araç kullandım. Sonuç güzeldi, ama ücretsiz sürüm görsellerin üstüne kendi filigranını basıyordu — ve ben bunu fark etmeden birkaç uygulamayı o hâlde yayınladım.
Bir aracın ücretsiz sürümü, çıktısını kendi reklamına çeviriyorsa ücretsiz değildir.
Sonunda kendi aracımı yazdım: ham ekran görüntüsünü at, cihaz çerçevesini, arka planı ve başlığı seç, tam mağaza ölçüsünde dışa aktar. Tarayıcıda çalışıyor, hiçbir şey yüklenmiyor. Bir öğleden sonra sürdü ve filigran sorunu bir daha olmadı.
Bu siteyi yaparken tekrar öğrendim
Uygulamalara tanıtım sayfası yazarken aynı hatayı bir kez daha yaptım: telefon ekran görüntülerini olduğu gibi koydum. Kartta 250 piksel genişliğe indiklerinde içindeki hiçbir şey okunmuyordu.
Çözüm görselleri büyütmek değil, kadrajı daraltmak oldu. Ekranın tamamı yerine üstten başlayan, altı kesilen bir parça. Kesme çizgisi de kartların arasına denk gelsin diye ayarlandı — bir başlığın ortasından geçen kırpma, kırpılmış gibi görünüyor; iki kartın arasından geçen kırpma, devam ediyormuş gibi.
Araç burada: Store Mockup Studio. Ücretsiz, kayıt yok, filigran yok.
Nobody reads the description
I wrote a long App Store description. Carefully. Then I looked at my own app on my own phone and realised none of that text was on screen. What was on screen: the icon, the name, and two screenshots.
The description is not the product page. The screenshots are the product page.
The first two frames are everything
When a listing opens, two images fit side by side. For anyone who does not scroll, those two are your entire app. In my first releases I put the screen I was proudest of there — the settings screen. It told nobody anything.
Then I reordered: frame one is what the app is for, frame two is what it looks like in use. For the score keepers that became "award points from your wrist" and "here is your match history". Settings went last, where it belongs: anyone scrolling that far is already convinced.
A screenshot is not a screenshot
Dropping the raw simulator output straight in is tempting, because it feels honest. But 12-point text is unreadable in a small box. A store image is not the screen itself — it is the screen with its single most important sentence made large.
The format that worked: a headline at the top, a device frame under it, and inside the frame the one screen that proves the headline. Without the headline the image says "look, a list". With it, the image says "every match you played is in here".
What the third-party tool cost me
I used an off-the-shelf tool to build those images. The results looked good, but the free tier stamped its own watermark across them — and I shipped a couple of apps that way before I noticed.
A tool's free tier is not free if it turns your output into its advertising.
So I wrote my own: drop in a raw screenshot, pick the device frame, the background and the headline, export at the exact store size. It runs in the browser and nothing is uploaded. It took an afternoon, and the watermark problem never came back.
Then I learned it again building this site
Writing tour pages for the apps, I made the same mistake once more: I dropped in full phone screenshots as they were. Shrunk to 250 pixels wide on a card, nothing inside them was legible.
The fix was not bigger images, it was a tighter crop. A slice that starts at the top of the screen and runs off the bottom, rather than the whole thing. And the cut line is placed between two cards on purpose — a crop through the middle of a heading looks broken; a crop between two cards looks like it continues.
The tool is here: Store Mockup Studio. Free, no sign-up, no watermark.