Boş Devlet Sizin Ürününüzdür, Sonradan Aklınıza Gelen Bir Şey Değildir

Ürününüzdeki en önemli ekran, içinde hiçbir şey olmayan ekrandır. Bu, çoğu ekibin en son piyasaya sürdüğü, en az tasarladığı ve sonra varlığını unuttuğu ekrandır.

Yeni bir uygulamayı ilk kez açın. Gelen kutusu boş, proje listesi boş, arama hiçbir sonuç vermiyor, bir panoyu temizlediniz. Beş farklı an, beş farklı boş ekran ve neredeyse her ürün bunları aynı sorun gibi ele alıyor.

Bunlar aynı sorun değil. Bunlar tamamen farklı beş tasarım yüzeyi ve birlikte birinin ürününüzü kullanmaya devam edip etmeyeceğine veya sessizce sekmeyi kapatıp kapatmayacağına karar veriyorlar.

Boş durumun gerçek ilk izleniminiz olmasının nedenleri

İnsanlar ürününüzü ana sayfanıza göre değerlendirmezler. İkinci ekrana göre değerlendirirler, kaydolduktan sonraki ekrana, sihir bekledikleri ve "Henüz burada hiçbir şey yok" yazan üzücü bir illüstrasyonla karşılaştıkları ekrana göre.

Bu an, sıkıştırılmış tüm sunumdur. Kullanıcıya neyin mümkün olduğunu, bir sonraki adımda ne yapması gerektiğini ve aslında onları ne kadar düşündüğünüzü anlatır. Doğru yaparsanız, ilgilerini çekerler. Yanlış yaparsanız, hemen geri dönerler ve ne kadar e-posta ile yeniden etkileşime geçerseniz geçin, geri gelmezler.

Harika bir boş ekran üç işi birden yapar. Özelliğin ne için olduğunu öğretir, ürünün duygusal tonunu belirler ve kullanıcıya sekmeyi kapatmaktan daha kolay olan belirli bir sonraki eylemi sunar.

Çoğu boş ekran bunların hiçbirini yapmaz. Dostça bir çizgi film gösterir, boş oldukları için özür diler ve kullanıcının bunu anlamasını umarlar. Bu tasarım değil, omuz silkme hareketidir.

Beş tür boş ekran (ve neden farklı yaklaşımlara ihtiyaç duydukları)

Tüm boş ekranlara aynı şekilde yaklaşmak, boş ekran tasarımının asıl günahıdır. İşte ekiplerin ne sıklıkla hata yaptığına göre sıralanmış beş farklı an:

1. İlk çalıştırma boş ekranı. Kullanıcı yeni kaydoldu, bu ürünü daha önce hiç görmedi ve ekranda hiçbir şey yok çünkü hiçbir şey yapmadı. Bu, ürününüzdeki en yüksek riskli boş ekrandır.

2. Sıfır durumlu boşluk. Kullanıcı daha önce ürünü kullanmış, ancak belirli bir alan doğal olarak boştur; örneğin yeni bir proje, yeni bir çalışma alanı veya yeni oluşturulmuş bir liste. Ürünü biliyorlar, ancak bu köşesini bilmiyorlar.

3. Temizleme sonrası boşluk. Kullanıcı az önce kasıtlı olarak bir şeyi boşalttı. Gelen kutusunu temizledi, tüm görevlerini tamamladı, her şeyi arşivledi. Bu bir başarı anıdır, yokluk anı değil.

4. Hata nedeniyle boşluk. Ekran boş çünkü bir şey başarısız oldu. Veri alma işlemi bozuldu, bağlantı kesildi, entegrasyon yanlış yapılandırıldı. Kullanıcı, ürün bozuk olmasa bile bozuk olduğunu düşünüyor.

5. Arama nedeniyle boşluk. Kullanıcı bir sorgu yazdı ve sıfır sonuç aldı. Niyetleri var, çaba harcadılar ve siz hiçbir şey döndürmediniz. Doğru yaparsanız, bu en kurtarılabilir boşluk durumudur.

Her tür farklı bir açıklama, eylem ve ton karışımı gerektirir. İlk çalıştırma durumu öğretmeli, temizleme sonrası durum kutlamalı, arama boş durumu ise öneri sunmalıdır. Beş durum için de aynı genel "Burada hiçbir şey yok" şablonunu kullanırsanız, dördünü boşa harcamış olursunuz.

Yan yana: Her boş durumun ne yapması ve ne yapmaması gerektiği

Yan yana koyduğunuzda farklar belirginleşir. İşte özet tablo:

| Boş durum türü | Ne zaman görünür | Ne yapması gerekir | Nelerden kaçınılmalı |

|---|---|---|---|

| İlk çalıştırma | Kullanıcı yeni kaydoldu, henüz hiçbir şey yapmadı | Örnek veriler veya rehberli ilk görevle temel eylemi öğretin | Üzgün ​​yüz ve "Başla" (hedef yok) |

| Sıfır durum | Belirli bir alan yeni, ancak kullanıcı ürünü biliyor | 2 veya 3 somut eylem önerin, şablonlara işaret edin | Tüm kullanıcıya tanıtım turunu tekrarlama |

| Temizleme sonrası | Kullanıcı bir listeyi bitirdi, arşivledi veya boşalttı | Kutlayın, ardından yapılacak bir sonraki mantıklı şeyi gösterin | Kullanıcının yanlış bir şey yapmış gibi davranmak |

| Hata-boş | Veriler yüklenemedi veya senkronize edilemedi | Başarısızlığı açık bir dille belirtin, yeniden deneme seçeneği sunun, durum sayfasına bağlantı verin | Genel bir boş durum gösterip hiçbir şey olmamış gibi davranmak |

| Arama-boş | Kullanıcı bir sorgu yazdı, sıfır eşleşme buldu | Ne aradıklarını gösterin, ilgili sorguları önerin, oluşturmayı teklif edin | "Sonuç bulunamadı" ve çıkmaz sokak |

Tablodaki hata modlarının neredeyse aynı olduğuna dikkat edin. Çoğu ürün, her boş durum için aynı genel mesajı varsayılan olarak kullanır; bu nedenle çoğu uygulamadaki her boş durum aynı türden vasat hissettirir.

Boş durumları işe yarar hale getiren dört tasarım hamlesi

Tam olarak dört hamle yapabilirsiniz. Çoğu harika boş durum, bunlardan ikisini veya üçünü bir arada kullanır, asla dördünü birden kullanmaz, çünkü bu gürültülü olur.

1. Örnek Veriler. Ekrana, kullanıcının oynayabileceği, düzenleyebileceği veya temizleyebileceği gerçekçi örnek içerik önceden yerleştirin. Stripe'in "Test verilerini görüntüle" düğmesi bulunan kontrol paneli, ders kitabı niteliğinde bir örnektir.

2. Önerilen Eylemler. Belirsiz bir "Başla" düğmesi yerine, iki veya üç spesifik sonraki adımı düğme veya kart olarak sunun. Notion'ün yeni bir sayfadaki şablon önerileri doğru bir yaklaşımdır.

3. Öğretici Görsel. Doldurulmuş halinin nasıl görüneceğini göstermek için görsel kullanın, üzücü bir karikatür değil. Gelen kutusunun veya panonun dolu olduğunda nasıl hissettirdiğine dair küçük bir önizleme.

4. Ton Belirleyici Metin. Ürünün kişiliğini belirleyen ve kullanıcıya bu alanın ne için olduğunu anlatan üç ila on iki kelime. Linear'ün boş gelen kutusu metni, çoğu açılış sayfasından daha fazla marka sesi içeriyor.

İşin püf noktası, her durum için doğru kombinasyonu seçmektir. İlk çalıştırma örnek veriler ve önerilen eylemler isterken, temizleme sonrası durum tonu belirleyen metin ve belki de küçük bir kutlama, arama boş durumu ise öneriler ve oluşturma teklifi ister. Hareketi ana göre ayarlayın.

Bunu doğru yapan gerçek ürünler (ve neyi çalmalı)

Bunu içselleştirmenin en hızlı yolu, boş durumu bir tasarım problemi olarak ele alan ürünleri incelemektir. En iyilerinden bazılarına kısa bir bakış.

Linear'ün boş gelen kutusu. Linear, boş gelen kutusunu küçük bir tatil anı olarak ele alıyor. Metin kuru, biraz komik, marka kimliğine uygun ve görsel özür dileyici olmaktan ziyade sakin. "Başla" düğmesi yok çünkü buna ihtiyacınız yok.

Notion'ün şablon önerileri. Yeni bir Notion sayfası teknik olarak boş, ancak asla boş hissettirmiyor. İmleç hazır bekliyor, eğik çizgi komutları ipuçlarıyla gösteriliyor ve şablon önerileri bağlamsal olarak görünüyor. Asla boş bir duvara bakmıyorsunuz, bir seçenek menüsüne bakıyorsunuz.

Figma'ın Taslaklar duvarı. Yeni bir Figma hesabı size boş bir dosya listesi göstermez. Size örnek dosyalar, ekip oluşturma hakkında ipuçları ve ilk tuvale giden net bir yol içeren Taslaklar alanını gösterir. Ürünü ona bakarak öğrenirsiniz.

Cron, şimdi Notion Takvim'in yeni başlayanlar için tasarlanmış takvimi. Yeni başlayanlar için tasarlanmış takvim, gerçek bağlantılı etkinliklerinizi gösterir, ancak aynı zamanda klavye kısayolları katmanını ve ürünün kişiliğini gösteren birkaç örnek etkinliği de gösterir. On saniye içinde yönünüzü bulursunuz.

Things 3'ün ilk lansmanı. Things, ürünü öğretmek için ürünü kullanan bir yeni başlayanlar projesiyle birlikte gelir. Her görev bir derstir. Son öğeyi kontrol ettiğinizde, ihtiyacınız olan her özelliği kullanmış olursunuz ve boş durum gerçek hayatınızdır.

Çalınmaya değer daha fazla ürün (Granola, Superhuman, Stripe, Replit, ChatGPT)

Birkaç tane daha, daha yeni ürünlere ve yapay zeka araçlarına yönelik bir eğilim var, çünkü kalıplar hala orada oturuyor.

Granola'nın ilk transkript istemi. Granola, en garip anın, transkript edecek hiçbir şeyinizin olmadığı ilk toplantı olduğunu biliyor. Bu nedenle, kısa bir test kaydetmeyi veya yapay zekanın ne yaptığını görebilmeniz için örnek bir transkripti içe aktarmayı teklif ediyor. Aksi takdirde ürünün sahip olacağı tavuk-yumurta sorununu ortadan kaldırıyor.

Superhuman'ın tanıtım süreci. Superhuman, boş bir gelen kutusu görmeden önce gerçek bir insan tanıtım görüşmesi yapıyor, ancak uygulama içi ilk çalıştırma yine de örnek e-postalar ve klavye kısayolu kılavuzuyla öğretiyor. Uygulamayla yalnız kaldığınızda, boş durum bir özellik gibi geliyor.

Stripe'un boş kontrol paneli. Stripe, kaydolduğunuz anda örnek verilerle tamamen dolu bir kontrol paneli gösteriyor. Açık bir "Test verileri görüntüleniyor" göstergesi var ve tek bir tıklamayla gerçek, boş hesabınıza geçiyorsunuz. Hedefi, ona giden yolu görmeden önce görüyorsunuz.

Replit'in boş çalışma alanı. Yeni bir Replit çalışma alanı boş değil. Başlangıç ​​dosyası, dostça bir merhaba mesajı içeren bir konsol ve zaten çalışan bir çalıştırma düğmesi olan bir kod düzenleyici. İlk on saniyede kod yazıyorsunuz.

ChatGPT'un boş komut istemi sayfası. ChatGPT'in boş durumu, bilindiği gibi tek bir metin kutusu ve ürünün kültürel çekiciliği sayesinde bir şekilde işe yarıyor. Yeni kullanıcılar için altta önerilen komut istemleri ekliyor, bu da asgari düzeyde bir gereklilik. Eğer ChatGPT markasına sahip değilseniz, ChatGPT'ün boş durumunu kopyalamayın.

Başarısızlık Modları, Adlandırıldı ve Utandırıldı

Kötü boş durumlar, az sayıda tanınabilir kalıba girer. Bunları adlandırabildiğinizde, göndermeyi bırakırsınız.

Üzücü illüstrasyon. "Henüz burada hiçbir şey yok" yazısının yanında sarkık gözlü sevimli bir maskot. Figma'de sevimli görünürken, üründe hakaret gibi geliyor. Kullanıcı üzgün değil, sadece kaydoldu.

Hiçbir yere götürmeyen "Başla" düğmesi. Bağlam, şablon veya örnek içermeyen genel bir oluşturma formu açan büyük bir harekete geçirici mesaj. Kullanıcı tıklar, boş bir form görür ve şimdi boş durum iki ekran derinliğindedir.

Çıkmaz sokak durumu. Arama hiçbir şey döndürmez, hikaye burada biter. Hiçbir öneri yok, ilgili sonuç yok, aradıkları şeyi oluşturma teklifi yok. Kullanıcı bir şey yazdı, siz hayır dediniz, konuşma bitti.

Sonsuz boşluk. Yapay zeka ürünlerinde yaygın. Tüm arayüz, bir komut bekleyen boş bir giriş kutusu. Örnek yok, varsayılan ayarlar yok, kılavuz yok. Kullanıcı "merhaba" yazıyor ve hemen çıkıyor.

Aktivasyon matematiği: İlk 60 saniye neden en önemli?

Her ürünün bir aktivasyon anı vardır; kullanıcının ürünü değerli kılan şeyi ilk kez yaptığı an. İlk mesajı göndermek, ilk projeyi oluşturmak, ilk kişiyi içe aktarmak, ilk çıktıyı üretmek.

Boş durum, kayıt ve aktivasyon arasındaki ekrandır. Kullanıcının "Henüz burada hiçbir şey yok" ekranına bakarak geçirdiği her saniye, aktivasyon için harcayabileceği bir saniyedir ve bu da kullanıcı kaybını acımasız hale getirir. Bir oturumun ilk 60 saniyesi, sonraki 60 dakikanın toplamından daha güçlü bir şekilde kullanıcı tutma ile ilişkilidir.

İşte bu yüzden örnek veriler ve önerilen eylemler, neredeyse her zaman temiz boş ekranlardan daha iyi performans gösterir. "Ne yapacağınıza karar verin, sonra nasıl yapacağınızı bulun, sonra yapın" aşamasından "şu şeye tıklayın, ne olduğunu görün, ürünü öğrenin" aşamasına kadar aktivasyon mesafesini kısalttılar. Üç adım bire indirildi.

Eğer aktivasyon oranınız düşükse, boş durumlar genellikle tüm üründeki en ucuz çözümdür. Yeni kullanıcıya yönelik eğitimleri yeniden tasarlamaktan, eğitimlerden, e-posta dizilerinden daha ucuzdur. Ekrana sadece faydalı bir şey koyun.

Yapay Zeka Açısı: Sonsuz Boşluğa Göre Tasarım

Yapay zeka ürünlerinin benzersiz bir boş durum problemi vardır. Arayüz genellikle teorik olarak her şeyi yapabilen tek bir giriş kutusudur; bu da kullanıcının ne isteyeceğini bilene kadar pratikte hiçbir şey yapamayacağı anlamına gelir. Bu, sonsuz boşluktur.

ChatGPT, Claude, görüntü oluşturucular, Cursor, her yapay zeka aracı bununla karşı karşıyadır. Basit çözüm, "Bana her şeyi sorun" yazan devasa bir boş metin alanıdır. Sonsuz olasılıkla karşı karşıya kalan kullanıcı, düşük riskli bir şey yazar, genel bir yanıt alır ve ürünün orta seviyede olduğu sonucuna varır.

Çözüm, normal ürünlerdekiyle aynı, sadece daha keskin. Yapay zekanın nelerde iyi olduğunu gösteren önerilen komutlar, kaliteyi gösteren örnek konuşmalar veya üretimler, kullanıcının soğuk başlangıcı atlatmasını sağlayan birkaç başlangıç ​​şablonu. Granola'nın "test toplantısı kaydetme" hamlesi, yapay zekanızın yaptığı her şeye uygulanır.

Giriş kutusunu, kullanıcının başladığı bir cümle değil, bitirdiği bir cümle olarak ele alın. Onlara ilk yarısını verin. Sonsuz boşluk, yönlendirilmiş bir ilk hamle haline gelir ve aktivasyonunuz sıçrama yapar.

Ton ve temizleme sonrası: Duygularla dolu boş durumlar

Çoğu ekip ilk çalıştırmada durur. Temizleme sonrası durum, ürünün fark eden bir iş arkadaşı gibi hissettirdiği yerdir.

Ton her şeyi yönetir. Boş durumlar, düşük güven anlarında okunur. Kullanıcı yeni, kaybolmuş, bir şeyi yeni bitirmiş veya bir hata almış olabilir. Bir finans uygulamasında alaycı bir boş durum mesajı saygısızlık hissi uyandırırken, yaratıcı bir araçta resmi bir mesaj sert, hata durumunda neşeli bir mesaj ise anlaşılmaz geliyor. Boş durum mesajlarını tek bir ses tonuyla, bağlama göre kasıtlı varyasyonlarla yazın.

İşlem tamamlandıktan sonra küçük bir kutlama hak ediliyor. Kullanıcı bir listeyi bitirdi, her şeyi arşivledi, gelen kutusunu sıfırladı. Things 3, her görevi tamamladığınızda küçük bir başarı mesajı gösteriyor. Linear sessizce boş bir önceliklendirme kuyruğunu kutluyor. Dopamin gerçek ve bu, ürünün kullanıcıdan gerçekten mutlu olduğu nadir anlardan biri.

Abartmayın. Birisi beş görevi tamamladığında her seferinde konfeti animasyonu salı gününe kadar sıkıcı hale gelirken, temiz, sakin bir onaylama ve düşünceli bir "sıradaki ne" önerisi her zaman işe yarar. Gelen kutusu sıfırlandıktan sonra, günü planlamayı önerin. Bir projeyi tamamladıktan sonra, bir sonrakini gözden geçirmeyi önerin.

Hata ve Arama: Güveni Kazandıran veya Kaybeden Boş Durumlar

Kullanıcının en çok önem verdiği iki boş durum bunlar, çünkü her ikisi de işlem sırasında ve niyet söz konusu olduğunda ortaya çıkıyor.

Hata-boş durumları güven için tasarlanmalıdır. Veriler yüklenemediğinde, çoğu ürün genel bir boş durum veya hata gibi görünen bir yığın izi gösterir. Her ikisi de güveni farklı şekillerde yok eder. Genel sürüm daha kötüdür çünkü kullanıcı ürünün bozuk olduğunu bile bilmez, boş gelen kutusunun gerçek olduğunu varsayar ve asla geri dönmez.

Doğru hareket, açık ve anlaşılır bir şekilde hata bildirimi yapmaktır. Kullanıcıya neyin başarısız olduğunu kendi kelimeleriyle, sizin kelimelerinizle değil, anlatın. Onlara yeniden deneme şansı verin, bir durum sayfasına bağlantı verin, yanlış yapılandırılmış ayarı gösterin. Hata-boş durumu, dolu durumun görsel yapısını miras alırsa, kullanıcı neyi kaçırdığını anlar, bu da ekstra puan kazandırır.

Arama-boş durumu en kurtarılabilir olanıdır. Kullanıcı bir şey yazdı, tam olarak ne istediğini biliyorsunuz ve üzgün bir yüzle "Sonuç bulunamadı" demek kötü bir uygulamadır. Minimum uygulanabilir sürüm, sorguyu yankılar ve ilgili aramaları önerir. İyi sürüm, aradıkları şeyi oluşturmayı teklif eder. Mükemmel sürüm, sorguyu kullanarak bir şablon, bir eylem veya bir yardım makalesi önerir.

GitHub'nin arama-boşluğu genellikle sorguyu başlık olarak kullanarak bir sorun oluşturmayı önerir. Notion bir sayfa oluşturmayı önerir. Linear bir hata bildirmeyi önerir. Arama-boşluğu, "Başlayın" seçeneğinin işe yarayabileceği tek yerdir, çünkü hedef artık açıktır.

Kendi ürününüzün boş durumlarını nasıl denetlersiniz

Kataloglamadığınız şeyi düzeltemezsiniz. Çoğu ekip, boş durumları saydıktan sonra ne kadar çok boş durumları olduğunu görünce şaşırır. Bu denetimi şu sırayla çalıştırın:

Ürününüzün her sayfasını yeni bir kullanıcı olarak oturum açmış, yeni ve gizli bir oturumda açın. Herhangi bir boş yüzeye sahip her ekranın ekran görüntüsünü alın. Bunları bir elektronik tabloya, her ekran için bir satır olacak şekilde, tür, mevcut metin, mevcut görsel ve mevcut işlem sütunlarıyla listeleyin.

Ardından her birini beş türden biriyle etiketleyin: İlk çalıştırma, sıfır durum, temizleme sonrası, hata-boş, arama-boş. Çoğu üründe on ila otuz boş durum olduğunu ve bunlardan sadece bir veya ikisinin kasıtlı olarak tasarlandığını göreceksiniz.

Her biri için üç soru sorun: Bu yüzeyin ne için olduğunu öğretiyor mu, belirli bir sonraki eylemi veriyor mu, ürünün geri kalanına benziyor mu? Hepsine evet cevabı veriyorsa, olduğu gibi bırakın; herhangi bir cevap hayırsa, o hareketi düzeltin ve devam edin.

Bunu bir ekip etkinliği haline getirmek istiyorsanız, 90 dakika ayırın ve tasarımcıyı, proje yöneticisini ve metin yazmaktan nefret eden bir mühendisi davet edin. Gündem son derece basit ve sonuçları aynı hafta içinde yayınlayabilirsiniz.

İlk 30 dakika boyunca, bir ekranı paylaşarak, her boş yüzeyi inceleyerek ekip olarak denetimi yapın. Her birinin hangi türde olduğu konusunda tartışın. Anlaşmazlık sorun değil, önemli olan konuşmadır.

Sonraki 30 dakika içinde, en yüksek trafiğe sahip üç boş durumu seçin ve anında yeniden yazın. Bir cümlelik ton belirleyici metin, iki önerilen eylem ve örnek veri ekleme kararı. Görselleri mükemmelleştirme dürtüsüne karşı koyun, önce metni yazın.

Son 30 dakika içinde, sorumluları atayın ve bir haftalık teslimat hedefi belirleyin. Bunu üç aylık bir girişim haline getirmeyin. Boş durumlar küçük, sınırlı ve hızlı teslimatlıdır. Bu hafta üçünü, gelecek hafta üçünü daha yayına alın ve bir ay içinde aktivasyon grafiğiniz hareket edecektir.

Boş durum, ürünün beden dilidir

Pazarlama sitesini taklit edebilirsiniz. Ana sayfayı taklit edebilirsiniz. Boş durumu taklit edemezsiniz, çünkü bu, ürünün vaat etmeyi bırakıp teslim etmeye başladığı andır.

Kullanıcı hiçbir şey olmayan bir ekrana indiğinde, yaptığınız her seçim sergilenir. Onları düşündünüz mü, yoksa varsayılanı mı gönderdiniz? Onlara ürünü öğrettiniz mi, yoksa boş olduğunuz için özür dilediniz mi? Yazdığınız metin bir insanın ağzından mı yoksa 2008'den kalma bir sihirbazın ağzından mı geliyor?

Boş durumu dipnot değil, giriş kapısı gibi düşünün. Önce tasarlayın, sonra değil. Aylık olarak denetleyin. Sorumluluğunu üstlenecek birini işe alın.

Ürününüzdeki en çok göz ardı edilen ekran, kullanıcılarınızın en sık gördüğü ekrandır. Bunu değerlendirin.