Boş Durum Ekranları: Boşluk Tek Bir Durum Değildir

Boş ekran bir tasarım detayı gibi görünür, çoğu zaman bir durum modeli sorunudur. Kullanıcı boş bir liste gördüğünde sorduğu soru "burada içerik yok" değil, "sistem çalışıyor mu" sorusudur. Bu sorunun cevabını arayüz vermek zorunda; tahmin etmek kullanıcının işi değil.

Boşluk tek bir durum değil

Bir liste alanının boş görünmesinin en az dört ayrı sebebi var: istek henüz gitmedi, cevap bekleniyor, cevap geldi ve gerçekten sonuç yok, ya da istek hata verdi. Dördü de kullanıcıya farklı şey söylemek zorunda. Çoğu arayüzde ise karar tek bir kontrole bağlanıyor, listenin uzunluğu sıfır mı değil mi.

"Kayıt bulunamadı" yazıp yarım saniye sonra kayıtları göstermek bu yüzden olur. Tasarımcı yanlış metin seçtiği için değil, ekranın elinde ayrımı yapacak bilgi olmadığı için.

Bunu genelde tek bir durum alanıyla çözerim (idle, loading, empty, error), ayrı ayrı boolean bayraklarla değil; iki bayrak birbirini tutmayan kombinasyonlara izin verir ve "yükleniyor ama aynı zamanda hatalı" gibi ekranda karşılığı olmayan haller er geç oluşur.

Tasarım tarafında bunun anlamı şu: boş durum ekranını teslim ederken hangi durumda çıkacağını da yazın. Metni yazıp geçmek, uygulamayı yapan kişiye kararı bırakmaktır ve o karar en ucuz kontrolle verilir.

İlk kullanım boşluğu ile sonuç bulunamadı ayrı ekranlardır

İkisini aynı bileşenle çözmek yaygın ve yanlış. Kullanıcı hiç kayıt oluşturmadıysa doğru içerik bir başlangıç yolu: kayıt oluştur, örnek veri yükle, dış kaynak bağla. Bir log yönetim aracının ilk açılışında "dış kaynakları ekle" ve "demo veriyi yükle" seçeneklerini yan yana koymak bunun iyi örneği.

Ama kullanıcı bir filtre uygulayıp sonuç alamadıysa aynı ekranı göstermek onu geriye atar. Orada gereken tek şey, aramayı düzeltebileceği bir yol: uygulanan filtreleri görünür kılın, tek tıkla kaldırılabilir yapın, tarih aralığını gösterin. "Yeni kayıt oluştur" düğmesi bu ekranda yanlış cevaptır, çünkü kullanıcının kaydı zaten var, sadece göremiyor.

Eylem taşımayan mesaj yer kaplıyor demektir

Boş durum metni üç şeyden birini yapmalı: ne olduğunu söylemeli, ne yapılacağını söylemeli ya da nereye bakılacağını söylemeli. Bunların hiçbirini yapmayan cümle ekrandan çıkmalı. "Henüz içerik yok" tek başına hiçbir bilgi vermez, kullanıcı zaten görüyor.

Metnin kısa olması yeterli değil, eyleme bağlı olması gerekiyor. "Buraya favori eklemek için satırın sağındaki yıldıza dokunun" cümlesi işe yarar, çünkü kullanıcının gözünü bakması gereken yere götürür. Aynı cümlenin süslü ve genel hali ("favorilerinizi burada toplayın") aynı işi yapmaz.

İpucunu boş ekrana yığmayın

Boş durum ekranı öğretmek için iyi bir yer, ama tek yer değil ve sınırsız yer hiç değil. Üçten fazla ipucu koyduğunuzda okunma oranı düşer, kullanıcı bloğu bir reklam gibi atlar.

Kalan bilgileri kullanıcı ilgili elemana odaklandığında çıkan ipuçlarına bırakın; boş durum ekranında yalnızca ilk adımı tutun. Sonraki adımlar zaten ilk adım atıldıktan sonra anlam kazanıyor, öncesinde ezberlenmesi beklenen talimat oluyor.

Yükleme ve hata durumu ihmal edilen kısım

İçerik yükleniyorsa iskelet ekran veya ilerleme göstergesi koyun, boş konteyner bırakmayın. Hata durumunda ise iki şey lazım: ne olduğu ve tekrar deneme yolu. Hatayı boş durum metniyle gizlemek en kötü seçenek, çünkü kullanıcı sorunun kendisinde olduğunu düşünüp aynı sorguyu tekrar tekrar dener.

Görsel tarafında sade bir ikon veya küçük bir çizim dikkati toplar, ama metnin yerini tutmaz. Ekranda tek başına duran bir illüstrasyon, süslenmiş bir boşluktan başka bir şey değil.