← Katalog 37 · Mobil arayüz yapıları

Boş ekran, en çok okunan ekrandır

Kullanıcı uygulamayı ilk açtığında hiçbir verisi yoktur. Bu ekran bir hata değil, uygulamanın kendini anlattığı tek fırsattır — ve tamamlanmamış bir liste, tamamlanmış bir listeden daha çok geri getirir.

Zeigarnik etkisi
Yarım kalan işler zihinde tamamlanmışlardan daha canlı kalır. Yarısı işaretlenmiş bir kontrol listesi geri dönüşü tetikler.
Bahşedilmiş ilerleme
Kullanıcıya sıfırdan değil, iki adımı hediye edilmiş bir çubukla başlatın. Tamamlama oranı ölçülebilir biçimde yükselir.
Örnek veri tuzağı
Sahte örnek içerik doldurmayın; silinmesi gereken şeyler kullanıcıya iş çıkarır. Bunun yerine tek tıkla eklenebilen gerçek şablonlar sunun.
9:41▮▮▮ ⬤
Projelerim
[ görsel ]
Henüz proje yok
İlk projeni oluştur; şablonlardan biriyle 30 saniyede başlayabilirsin.
Proje oluştur
Şablonlara göz at
Kurulum2 / 5 tamamlandı
A · boş durum
9:41▮▮▮ ⬤
Kurulumu bitir
Üç adım kaldı. Hepsi bir dakikadan kısa.
Hesabını oluştur
Bildirimleri ayarla
İlk projeni ekle 30 sn
Ekip arkadaşını davet et
Takvimi bağla
Neredeyse bitti%40
Sıradaki adım
B · yarım kalan liste
Boş durumun üç işi
Ne olduğunu açıklar, tek bir eylem önerir ve neden boş olduğunu suçlayıcı olmayan bir dille söyler.
İlk değer anı
Kullanıcının “tamam, işe yarıyor” dediği ana kadar geçen süre ölçülür. Hedef: ilk oturumda 60 saniyenin altı.
Suçlamayan dil
“Hiçbir şey eklemediniz” değil, “Burası ilk projen için hazır”. Aynı bilgi, farklı duygu.
Boş Durum & İlk DeneyimZeigarnik · bahşedilmiş ilerleme
Tasarım promptu — 37 — Boş Durum seçip kopyalayın
İngilizce prompt · detaylı
Design a mobile empty-state study page. Two phone mockups: the first shows a true empty state — a dashed 120px placeholder tile, a non-blaming headline, one sentence of guidance, one primary button, one secondary text link, and a sticky setup progress bar showing 2 of 5 complete. The second shows a half-finished checklist where two items are struck through with filled check circles, the next item is bold with a '30 sn' time estimate, and remaining items are greyed. Side cards explain the three jobs of an empty state and time-to-first-value.
Türkçe brief
Suçlamayan boş ekran ve yarım kalan kontrol listesiyle Zeigarnik etkisini gösteren ilk deneyim sayfası.
Palet
#efece5
#fbfaf7
#17160f
#a8442c
Tipografi
Helvetica Neue 600, 20px ekran başlığı
Düzen
İki telefon + sağda üç ilke kartı
Hareket
Yok
Kaçınılacaklar
Sahte örnek veri, suçlayıcı dil, sıfır ilerleme