Yüzde 27'de duran mavi bir ilerleme çubuğunun dolmamış kısmını üstüne yerleştirilmiş bir ipucu balonu kapatıyor

Yükleme ekranı tasarımında ipucu, animasyon ya da eğlenceli bir metin eklemek beklemeyi daha katlanılır kılabilir, ama ekranı hızlandırma baskısını da azaltır. Figma, Google ve Medium’da çalışmış tasarımcı Marcin Wichary bu yüzden Figma’nın yükleme çubuğuna ipucu koyma fikrine “dişiyle tırnağıyla” karşı çıktığını anlatıyor.

Wichary’nin 27 Eylül 2026 tarihli yazısı bir asansör aynasından ZX Spectrum kasetlerine, oradan Gmail’e uzanıyor. Asıl sorusu şu: yükleme ekranını tasarlamak mı, ortadan kaldırmak mı daha değerli? Bu yazıda örnekleri tek tek açıyor, sonra kendi projenizde karar vermek için kullanabileceğiniz eşikleri ve bir kontrol listesini veriyoruz.

Asansör aynası: algılanan hız ile gerçek hız neden farklı?

Klasik hikâye şöyle: bir bina yöneticisi yavaş asansör şikâyetlerine pahalı bir yükseltme yerine asansör düğmelerinin yanına ayna koyarak çözüm bulur. Asansör hızlanmaz, ama insanlar aynaya bakarken beklemeyi kısa algılar ve şikâyetler kesilir (Unsung).

Bu, algılanan hız tasarımının özeti. Yine de aynanın bir özelliği gözden kaçıyor: ayna asansörü yavaşlatmıyor. Wichary’nin diğer örneklerinde ise “oyalayıcı” çözüm ya beklemeyi uzatıyor ya da beklemeyi kısaltma isteğini zayıflatıyor.

ASANSÖR AYNASI
Bekleme süresi aynı kalır
Ayna asansörü yavaşlatmaz; insanlar kendine bakarken beklemeyi daha kısa algılar. Asansör de hızlanmaz.
ZX SPECTRUM, 1982
Bekleme uzar
Başlık kartı yaklaşık 35 saniye yükleniyordu. İlk seferde keyifli olan bu süre, oyunu her açışta tekrar ödeniyordu.
FIGMA İPUCU FİKRİ
Hızlandırma baskısı azalır
İpucu ekrana ikinci bir görev verir. Yükleme süresi kimsenin derdi olmaktan çıkar, metin okunsun diye yapay bekleme bile önerilebilir.
GMAIL, 2018 → BUGÜN
Ekran küçülür, seyrek görünür
Büyük yükleme ekranı sonradan sadeleşti ve çok daha az görünür oldu. Wichary sebebi bilmediğini, ama hızlandığını söylüyor.
Marcin Wichary’nin yazısındaki dört örnek ve her birinin gerçek bekleme süresine etkisi. Mavi çerçeve, yazarın Figma’da karşı çıktığı fikri gösteriyor. Kaynak: Unsung – A loading state within a loading state

ZX Spectrum başlık kartları: ilk seferde keyif, onuncu seferde ceza

1970’lerin sonu ve 1980’lerin başında ev bilgisayarları yazılımı müzik kasetlerinden ses olarak okuyordu. 1982 tarihli İngiliz ZX Spectrum’da oyun kodundan önce bir “başlık kartı” yüklenirdi. Yalnızca bu görselin ekrana gelmesi yaklaşık 35 saniye sürüyordu (Unsung).

Bu kartların bazıları gerçekten güzeldi ve ilk birkaç seferde izlemesi keyifliydi. Ama oyunu her açışta zaten gördüğünüz bir görseli yüklemek için zaman harcıyordunuz. Wichary’ye göre bazı kullanıcılar başlık ekranını tamamen atlayan kısaltılmış sürümler bile hazırladı.

Tüm oyun, en uzun20 dk
Tüm oyun, en kısa5 dk
Başlık kartı (toplamın %3–12’si)~35 sn
ZX Spectrum’da bir oyunun kasetten yüklenmesi 5–20 dakika sürüyordu; başlık kartı bunun yaklaşık 35 saniyesiydi. Oranlar bu iki değerden hesaplandı (35/300 ≈ %12, 35/1.200 ≈ %3). Kaynak: Unsung

Fark burada: ayna beklemeyi uzatmıyordu, başlık kartı uzatıyordu. Sevilen bir yükleme ekranı bile tekrar tekrar görüldüğünde maliyete dönüşüyor.

Figma’da neden yükleme ipucu yok?

Figma’nın editörü tarayıcıya büyük ve sürekli değişen bir JavaScript paketiyle gelir. Ardından tasarım dosyasının içeriği de yüklenip çözülmelidir. Bu süre yüzünden Figma ilerleme çubuklu “ağır” bir yükleme ekranı kullanıyor (Unsung).

Wichary’nin anlattığına göre ekipte şu fikir düzenli olarak geri geliyordu: yükleme çubuğunun yanına bir klavye kısayolu ya da ipucu koyalım. Oyunlarda sık görülen bir kalıp bu.

Wichary’nin itirazı tek bir nedene dayanıyor: ipucu, ekranı hızlandırma baskısını ortadan kaldırır. Ekran ikinci bir amaç kazanınca ekip, bilinçli ya da bilinçsiz, onu iyileştirmeyi daha az önemser. Hatta kullanıcı ipucunu okuyabilsin diye yapay bir asgari yükleme süresi eklemek bile savunulabilir hale gelir.

  • Çarpı Görev kayması: Yükleme ekranı “bekletme” değil “öğretme” yeri olur; hız artık bir hedef değildir.
  • Uyarı Yapay gecikme riski: Okunacak bir metin varsa, ekranın erken kapanması bir sorun gibi görünmeye başlar.
  • Onay Doğru öncelik: Önce yükleme süresini kısaltın, kalan bekleme için dürüst ve sade bir gösterge kullanın.

Gmail: 2018’deki büyük yükleme ekranından bugüne

Wichary, Gmail’in 2018’de basit ilerleme çubuğunu daha büyük ve yoğun bir yükleme ekranıyla değiştirmesini “bir yenilgi itirafı” gibi bulduğunu yazıyor: uygulama yavaş ve buna teslim oluyoruz. Son dönemde ise bu ekran hem sadeleşmiş hem de çok daha seyrek görünür olmuş (Unsung).

Wichary bunun önbellekleme mi yoksa daha kapsamlı bir yeniden yazım mı olduğunu bilmediğini açıkça söylüyor. Teknik ayrıntı belli değil; görünen sonuç, Gmail’in artık çok daha hızlı açılması.

Hangi beklemede hangi gösterge? Süreye göre karar verin

Wichary’nin dersi “yükleme ekranı tasarlamayın” değil. Kendi ifadesiyle hem hız hem de hız algısı önemli. Bekleme kaçınılmazsa göstergeyi süreye göre seçmek gerekiyor. Jakob Nielsen’in 1993’ten beri kullanılan üç yanıt süresi sınırı burada iyi bir başlangıç noktası.

0,1 SN ALTI
Geri bildirim gerekmez
Kullanıcı sistemi anında tepki veriyor olarak algılar. Sonucu göstermek yeterli.
~1 SN
Düşünce akışı korunur
Gecikme fark edilir ama akış bozulmaz. 1 saniyeyi geçen işlemler için gösterge önerilir.
2–10 SN
Döngülü animasyon
Spinner gibi döngülü bir gösterge uygundur. 1 saniyenin altında dikkat dağıtır.
10 SN ÜSTÜ
Yüzde göstergesi
Ne kadar kaldığını gösteren yüzde/adım göstergesi kullanın; mümkünse iptal imkânı verin.
Bekleme süresine göre geri bildirim türü. Eşikler Jakob Nielsen’in üç yanıt süresi sınırı ve Katie Sherwin’in ilerleme göstergeleri makalelerinden (Nielsen Norman Group).

Nielsen Norman Group’un ilerleme göstergeleri makalesi, University of Nebraska-Lincoln’de yapılan bir çalışmayı aktarıyor: sürekli hareket eden bir ilerleme çubuğu gören kullanıcılar daha memnundu ve hiçbir gösterge görmeyenlere göre ortalama üç kat daha uzun beklemeye razıydı. Aynı makale “Yükleniyor…” gibi durağan metinlerden kaçınmayı ve neyin yüklendiğini kısa bir metinle söylemeyi öneriyor.

Buradaki ayrım önemli: ilerleme çubuğu kullanıcıya ne kadar kaldığını söyleyen dürüst bir bilgi. İpucu ya da animasyon ise beklemeyi örten bir katman. Birincisi hızlandırma baskısını korur, ikincisi zayıflatabilir.

Yükleme ekranı nasıl tasarlanır? Ekip için 5 adımlı kontrol listesi

Wichary’nin örneklerinden ve NN/g eşiklerinden çıkardığımız sıralama şöyle:

  1. Ölçün: Yükleme ekranının gerçekte ne kadar sürdüğünü ve ne sıklıkla göründüğünü bilin. Gmail örneğinde asıl kazanç ekranın daha seyrek görünmesiydi.
  2. Kısaltın: Tasarım bütçesini önce süreyi kısaltmaya ayırın. Aynayı değil, asansörü düşünün.
  3. Süreye uygun göstergeyi seçin: 1 saniyenin altında gösterge koymayın, 2–10 saniye için döngülü animasyon, 10 saniyenin üstü için yüzde ya da adım göstergesi kullanın.
  4. Ekrana ikinci görev yüklemeyin: İpucu, eğitim ya da pazarlama içeriği koyacaksanız bunun yükleme süresini uzatmadığından ve kimsenin metni okutmak için yapay bekleme eklemediğinden emin olun.
  5. Tekrarı düşünün: İlk seferde keyifli olan, onuncu seferde ceza gibi gelebilir. ZX Spectrum başlık kartlarının dersi bu.

Bu yaklaşım, UX yatırımının geri dönüşünü savunurken de işe yarar: yükleme süresi ölçülebilir bir metrik, ipucu metninin etkisi değil. Benzer bir “yenisini eklemek yerine var olanı düzelt” savunusu için Victor Hwang’ın web tasarımı yazısına, arayüz ile gerçek sorun arasındaki fark için AI ürünlerindeki sorunların çoğunun aslında insan sorunu olduğunu anlatan yazımıza ve görünmez arayüz tartışması için Butonun Ölümü yazısına bakabilirsiniz.

Görünmeyen başarı: kaçınılan yükleme ekranı

Wichary yazıyı Y2K benzetmesiyle bitiriyor. Gösterişli, sevimli yükleme ekranlarını hatırlıyor ve paylaşıyoruz. Hiç ortaya çıkmayan yükleme ekranları ise kimsenin gündemine girmiyor. Şirket içinde yükleme ekranının şişmesini engellemeye çalışan tasarımcı ve mühendislerin hikâyeleri de nadiren anlatılıyor (Unsung).

Kendi itirafı da adil: daha iyi bir asansör satın alan bina yöneticisinin hikâyesini de kimse anlatmıyor. Yine de bir ürün ekibi için doğru soru “bekleme ekranını nasıl eğlenceli yaparız?” değil, “bu ekranı ne zaman göstermek zorunda kalmayacağız?” olmalı.

Sık sorulan sorular

Yükleme ekranına ipucu koymak iyi bir fikir mi?

İpucu beklemeyi daha katlanılır kılabilir. Ama Marcin Wichary’nin Figma deneyimine göre ekranı hızlandırma baskısını azaltır ve metin okunsun diye yapay gecikme eklenmesine kapı açar. Önce süreyi kısaltmak daha sağlam bir yatırımdır.

Spinner mı ilerleme çubuğu mu kullanmalıyım?

Nielsen Norman Group’a göre 2–10 saniyelik işlemler için spinner gibi döngülü bir animasyon, 10 saniyeyi aşan işlemler için ne kadar kaldığını gösteren yüzde göstergesi uygundur. 1 saniyenin altındaki işlemlerde gösterge dikkat dağıtır (NN/g).

Algılanan performans nedir?

Algılanan performans, bir sistemin kullanıcıya ne kadar hızlı hissettirdiğidir; gerçek ölçülen süreden farklı olabilir. Asansör yanına konan ayna bunun klasik örneğidir: asansör hızlanmaz ama bekleme kısa algılanır. Wichary hem gerçek hızın hem de hız algısının önemli olduğunu vurguluyor.

Kullanıcı ne kadar süre beklemeye razıdır?

Jakob Nielsen’in sınırlarına göre 0,1 saniye anlık, 1 saniye akışı bozmayan, 10 saniye ise dikkati tutabilmenin sınırıdır. 10 saniyeyi aşan beklemelerde kullanıcı başka işlere yönelir; bu yüzden ne zaman biteceğini gösteren bir geri bildirim gerekir (NN/g).

Kaynaklar

Aytaç Özdalgıç

Hakkında

Aytaç Özdalgıç

18 yılı aşkın profesyonel iş hayatına sahip; grafik tasarım, web tasarımı ve UI/UX alanlarında uzman. Marka kimliğinden dijital arayüzlere uzanan bütünsel bir tasarım yaklaşımı benimsiyor. Proje analizi, frontend (HTML/CSS) bilgisi sayesinde yaratıcı fikirleri işlevsel, kullanıcı odaklı ve uygulanabilir dijital çözümlere dönüştürüyor.

Hakkımda daha fazlası →

Bir Yorum Yazın

Aytaç Özdalgıç sitesinden daha fazla şey keşfedin

Okumaya devam etmek ve tüm arşive erişim kazanmak için hemen abone olun.

Okumaya Devam Edin