UX/UI tasarım / DIJION
Boş ekran bir sonraki adımı anlatsın
İlk kullanım, sonuç bulunamaması ve yüklenemeyen içeriği ayıran; doğru eylemi seçmeye yardımcı olan boş durum örnekleri.
Ekranda içerik görünmemesi tek bir durumu anlatmaz. Kullanıcı henüz kayıt oluşturmamış olabilir; filtre hiçbir sonuç vermeyebilir; içerik yüklenememiş olabilir. Hepsine aynı neşeli çizim ve “Burada bir şey yok” metnini göstermek, sonraki adımı belirsiz bırakır. Önce boşluğun nedenini, sonra kullanıcının görevini belirleyin.
Boş, yükleniyor ve hata durumlarını ayırın
Bir isteğin sonucu henüz bilinmiyorsa boş sonuç göstermeyin. Sunucuya ulaşılamıyorsa “Hiç kaydınız yok” demek de yanlış olabilir. Ekranın hangi veriyle bu sonuca vardığını geliştirmeyle birlikte yazın. Tasarımın doğruluğu, yalnız görünüşe değil veri durumuna bağlıdır.
Tüm sütunlar için tabloyu yatay kaydırabilirsiniz.
| Durum | Örnek metin | Birincil eylem |
|---|---|---|
| İlk kullanım | Okuma listeniz henüz boş. Daha sonra okumak istediğiniz bir yazıyı kaydedin. | Yazıları keşfet |
| Filtre sonucu | Bu filtrelerle eşleşen yazı bulunamadı. | Filtreleri temizle |
| Yükleme hatası | Listenizi şu anda yükleyemedik. | Yeniden dene |
| Erişim sınırı | Bu listeyi görmek için ilgili hesapla giriş yapın. | Hesap değiştir |
Eylem gerçekten sorunu çözsün
İlk kaydını oluşturacak kişinin yolu ile hatadan dönen kişinin yolu farklıdır. Her boş durumda “Bize ulaşın” göstermek gereksiz destek yükü yaratabilir. Filtreyi temizlemek sonuç üretiyorsa doğrudan bunu sunun. Eylem veriyi silecekse “Temizle” gibi belirsiz bir sözcük yerine neyin değişeceğini belirtin.
Düzeni içerik geldiğinde de düşünün
Boş ekran, dolu ekranın rastgele ortalanmış sürümü olmamalı. Kullanıcı aynı yerde arama yapabilmeli veya yeni kayıt ekleyebilmeli. Büyük görsel, dar ekranda eylemi alta itiyorsa küçültün. Dekoratif karaktere verilen alanın başlık, açıklama ve düğmeyi gizlemediğini büyük metinle kontrol edin.
Dönüşte beklentiyi koruyun
İlk kayıt eklendiğinde yeni öğeyi anlaşılır biçimde gösterin; kullanıcı başarıyı aramak zorunda kalmasın. Başka ekrana gönderilmişse geri dönüş yolu çalışsın. Yeniden deneme sırasında taslak ve filtreleri koruyun. Aynı işlem başarılı olsa bile boş durumun ekranda kalması ayrı bir arayüz hatasıdır.
Boş durum inceleme kartı
- Neden: gerçekten sıfır kayıt mı, filtre mi, erişim mi, yükleme hatası mı?
- Bilgi: başlık ve açıklama nedeni doğru anlatıyor mu?
- Eylem: kullanıcı mevcut görevine devam edebiliyor mu?
- Geçiş: yükleme ve ilk içerik gelişi ayrı test edildi mi?
Bu metinler örnek senaryodur. Ürününüze uygularken gerçek veri kaynağını, kullanıcının yetkisini ve eylemin sonucunu doğrulayın. İyi bir boş durum, olmadığı için bir şeyler eklenen ekran değil; görevin nerede kaldığını açıklayan arayüzdür.