← Sözlüğe Dön CRO

Empty State Nedir?

Boş Durum Ekranı

Empty state, bir alanın (boş sepet, sonuçsuz arama) veri içermediği durumda gösterilen ve kullanıcıyı yönlendiren ekran tasarımıdır.

Yazan: Adem Demir Son güncelleme:

Boş Durum = Bir listenin, aramanın veya sepetin içeriksiz olduğu anda görünen ekran

Sayıların ardındaki mantık

Tasarımlar hep dolu haliyle çizilir: sepette üç ürün, listede on sonuç. Oysa kullanıcıların önemli bir bölümü bu ekranları boş haliyle görür.

Boş ekranın özelliği, kullanıcıyı tam bir çıkmaza sokabilmesidir. Yapacak bir şey yoktur, gidilecek bir yer gösterilmez ve tek seçenek geri dönmek ya da çıkmaktır.

Oysa aynı ekran bir fırsat da olabilir. Kullanıcı o anda bir şey arıyordur; ona ne yapabileceğini söylemek, kaybedilmiş görünen ziyareti kurtarır.

Nerede karşımıza çıkar?

DurumNe sunulmalı
Boş sepetPopüler ürünler, kategoriler
Sonuçsuz aramaYakın öneriler, yazım düzeltme
Filtre sonucu boşFiltreyi temizleme bağlantısı
Boş sipariş geçmişiİlk siparişe yönlendirme
Boş favori listesiNasıl ekleneceğinin anlatımı

İkinci satır en değerlisi. Arama yapan kullanıcı niyetini yazmıştır; sonuç bulunamadığında onu boş bir ekranla bırakmak, elde edilmiş en net sinyali çöpe atmaktır.

Nasıl tasarlanır?

  1. Durumu açıklayın. Neden boş olduğu anlaşılsın.
  2. Bir yol gösterin. Her boş ekranda bir eylem olsun.
  3. Öneri sunun. Popüler veya benzer içerik.
  4. Aramayı kaydedin. Bulunamayan sorgular değerli veri.
  5. Tasarımda unutmayın. Dolu haliyle birlikte çizilsin.

Uygulamada ne oluyor?

En sık gördüğüm durum, bu ekranların hiç tasarlanmamış olması. Geliştirici varsayılan bir metin bırakıyor ve o metin yıllarca orada kalıyor.

İkinci gözlem, sonuçsuz aramaların kaydedilmemesi. Kullanıcının aradığı ama bulunamayan kelimeler, katalogda ne eksik olduğunu doğrudan söylüyor; bu liste hem içerik hem satın alma kararı için değerli.

Üçüncüsü, boş sepette hiçbir yönlendirme olmaması. "Sepetiniz boş" yazıyor ve orada bitiyor; oysa birkaç popüler ürün ya da kategori bağlantısı alışverişi yeniden başlatabiliyor.

Dördüncüsü, filtre sonucu boşaldığında temizleme yolu sunulmaması. Kullanıcı hangi filtrenin sonucu sıfırladığını bilmiyor ve tek tek denemek zorunda kalıyor.

Beşincisi, yazım hatalarının hiç tolere edilmemesi. Tek harf yanlış yazıldığında sıfır sonuç dönüyor; oysa yakın eşleşme önerisi çoğu aramayı kurtarıyor.

Altıncısı, boş durumun hata gibi görünmesi. Kırmızı uyarı tonuyla verilen mesaj kullanıcıya bir şeyin bozulduğunu düşündürüyor; oysa durum normal.

Yedincisi, ilk kullanım anının fırsat olarak görülmemesi. Yeni kullanıcının boş listesi, ürünün nasıl kullanılacağını anlatmak için en doğal yer.

Sekizincisi, boş ekranların ölçülmemesi. Kaç kullanıcının bu ekranları gördüğü bilinmediğinde önceliklendirme yapılamıyor; bazı sitelerde bu sayı şaşırtıcı derecede yüksek.

Dokuzuncusu, stok kaynaklı boşlukların gizlenmesi. Kategori boşaldığında sayfa hiçbir şey söylemiyor; ne zaman ürün geleceğini belirtmek ziyareti bir sonrakine bağlıyor.

Onuncusu, mobilde boş ekranın koca bir beyazlık olması. Küçük ekranda hiçbir şey görünmeyen bir sayfa arıza gibi algılanıyor.

On birincisi, bu ekranların içerik ekibine hiç sorulmaması. Metin geliştirici tarafından yazıldığında hem ton hem yönlendirme zayıf kalıyor; oysa bu, birkaç cümlelik bir iş.

Neyi çözmez?

İyi bir boş ekran, olmayan ürünü var etmez. Kullanıcının aradığı şey katalogda yoksa en iyi yönlendirme bile onu tam olarak tatmin etmez.

Sıkça sorulan sorular

En değerli boş ekran hangisi?

Sonuçsuz arama. Kullanıcı niyetini yazmıştır; onu boş bırakmak en net sinyali çöpe atmaktır.

Bulunamayan aramalar ne işe yarar?

Katalogda ne eksik olduğunu doğrudan gösterir. Satın alma kararları için değerli bir liste.

Hata gibi mi göstermeliyim?

Hayır. Boş olmak bir arıza değil; kırmızı uyarı tonu kullanıcıyı gereksiz endişelendirir. Yakından ilişkili bir kavram olan Mobile First Design, tasarımın önce mobil ekran için yapılıp sonra büyük ekranlara genişletildiği, mobil kullanıcıyı önceleyen yaklaşımdır.

Bu kavramın bütün resim içindeki yerini Ürün Sayfası Optimizasyonu Rehberi içinde ayrıntılı anlattım.

Tasarımlar hep dolu haliyle çizilir; oysa kullanıcıların önemli bir bölümü bu ekranları boş haliyle görür ve orada çıkmaza girer.
Ürün Sayfası Optimizasyonu

E-ticaret için ürün görseli, açıklama, güven alanı, beden/kargo/iade, yorumlar ve sepete ekleme oranı optimizasyonu.

Hizmeti İncele
Adem Demir
Yazar

Adem Demir

10+ yıldır e-ticaret markalarının performans pazarlamasını yönetiyorum. Sözlükteki her maddeyi bu sahadaki deneyimimle yazıyor ve düzenli olarak güncelliyorum.

Ücretsiz Ön Görüşme

Reklam bütçeniz harcanıyor, kar nerede?

E-ticaret kurulumundan karlı ölçeklemeye — hesabınızı denetleyip nerede bütçe kaybettiğinizi netçe gösteriyorum. 30 dakikalık ön görüşme ücretsiz.

Ücretsiz Ön Görüşme Planla 10+ yıl deneyim · Satış baskısı yok, net teşhis var