Boş Durumlar – UX'in En Çok Gözden Geçirilen Yönü
Yayınlanan: 2022-03-11Kullanıcı deneyimi için önemli olsa da, boş durumlar genellikle gözden kaçar. Bunların ne olduğunu ve nasıl kullanılacağını bilmek ve en iyi UX uygulamalarını uygulamak önemli faydalar sağlayabilir.
Boş Durum Nedir?
UX tasarımcıları, zevkli ve anlamlı deneyimler yaratmak için birçok fırsata sahiptir. Genellikle göz ardı edilen böyle bir fırsat, "boş durum" veya boş ekrandır. Boş durumlar, kullanıcının bir ürünle yaşadığı deneyimde görüntülenecek hiçbir şeyin olmadığı anlardır.
İşte yaygın boş durum durumlarına birkaç örnek:
- Hiçbir dosya veya klasörün oluşturulmadığı yeni bir Dropbox ekranı.
- Yapılacaklar listesi yöneticisindeki tüm görevleri tamamladıktan sonra ortaya çıkan ekran.
- Bir komut desteklenmediğinde Slack'te bir hata ekranı alınıyor.
- Yeni bir sosyal ağ hesabı başlatıyor ve bağlantı yok.
- Gmail'de bir şey arıyor ve sonuç alamıyor.
Bu arada kalan anlar , kullanıcı deneyimini iyileştirmek ve dolayısıyla iş fırsatlarını büyütmek için fırsatlar sağlar. UX tasarımcıları için, kullanıcı deneyimini geliştirmek ve işletmeye daha fazla değer katmak için her fırsatı değerlendirmek iyi bir şeydir.
Kullanışlı bir boş durum, kullanıcının ne olduğunu, neden olduğunu ve bu konuda ne yapması gerektiğini bilmesini sağlar. İşte iyi boş durumlu UX tasarımlarına iki örnek:
İşte kaçırılmış fırsatlara sahip birkaç boş durum tasarımı örneği:
Boş Durum Türleri
Sıklıkla karşılaşılan dört tür boş durum şunlardır:
- İlk kullanım – Yeni bir Evernote veya Dropbox hesabı gibi henüz gösterilecek bir şey olmadığında yeni bir ürün veya hizmetle oluşur.
- Kullanıcı temizlendi – Kullanıcılar, gelen kutularını veya görev listesini temizlemek gibi eylemleri tamamladığında ve sonuç boş bir ekran olduğunda gerçekleşir.
- Hatalar – Bunlar, bir şeyler ters gittiğinde veya ağ sorunları nedeniyle cep telefonunun çevrimdışı olması gibi sorunlar olduğunda ortaya çıkar.
- Sonuç yok/Veri yok – Gösterilecek hiçbir şey olmadığında oluşur. Bu, birisi arama yaparsa ve sorgu boşsa veya gösterilecek veri yoksa (örneğin veri içermeyen bir tarih aralığı için filtre uygularken) olabilir.
Boş durum tasarımı daha fazla ilgi gördükçe, UX tasarımcıları bunları hem iş hem de kullanıcı deneyimi açısından kullanmanın faydalı sonuçları olduğunu keşfeder.
Kullanıcılar birçok uygulamayı dener ancak hangilerini kullanmayı bırakmak istediklerine ilk 3-7 gün içinde karar verirler. 'İyi' uygulamalar için, 7 gün boyunca tutulan kullanıcıların çoğu çok daha uzun süre bağlı kalıyor. Başarının anahtarı, kullanıcıları bu kritik ilk 3-7 günlük dönemde bağımlı kılmaktır. – Ankit Jain
İyi Tasarlanmış Boş Durumları Kullanmanın Yararları
İyi düşünülmüş ve kullanışlı boş durum ekranları tasarlamak, ürün etkileşimini artırmaya, kullanıcıları memnun etmeye ve kullanıcı kaybını azaltmaya yardımcı olabilir. Bu, kullanıcıları rakip ürünlere kaptırma şansını azaltır, böylece onları hüsrana uğratır veya kaybeder.
Scott McKain, Müşterilerin Gerçekten İstedikleri adlı kitabında, mükemmel müşteri deneyiminin altı yol gösterici ilkesini ortaya koyuyor.
Müşterilerin istediğini yazıyor:
- Zorlayıcı bir deneyim
- Kişisel bir odak
- karşılıklı sadakat
- farklılaşma
- Koordinasyon
- yenilik
Boş durum tasarımına uygulandığında, bu ilkeler bir işletmeye büyük fayda sağlayabilir - örneğin, ürün memnuniyetinin artması ve vazgeçme oranlarının düşürülmesi.
İyi boş durum tasarımından da yararlanabilecek üç ek alan:
- Kullanıcı katılımı – Yükseltilmiş bir kullanıcı deneyimine ek olarak, güven oluşturma ve ürünün sürekli kullanımı için bir fırsat sağlar.
- Marka oluşturma – Artan marka değeri oluşturmak için farkındalık yaratır ve şirketi teşvik eder.
- Kişiselleştirme – Çeşitli kullanım durumlarında eğlenceli, eğlenceli, ciddi veya dinamik olabilir; kişisel bir dokunuş hissi yaratır.
İyi tasarlanmış boş durumların faydaları göz ardı edilemez. Yalnızca ikna edici bir müşteri deneyimine katkıda bulunmakla kalmaz, aynı zamanda müşterileri mutlu ve bağlı tutmak için fırsat pencereleri kısaldıkça kısaldıkça, bunlar sadece iyi bir iştir.
Shunned: UX Design'ın Unutulan Ekranları
İyi tasarlanmış boş durumların bariz olumlu sonuçları olduğuna göre, neden ilk etapta göz ardı ediliyorlar?
İlk olarak, bir uygulamadaki, üründeki veya web sitesindeki toplam ekran sayısıyla karşılaştırıldığında ortaya çıkan çok az boş durum durumu vardır, bu nedenle bunlar bir öncelik olarak görülmediklerinden genellikle ihmal edilir ve tasarımcılar çabalarını buna odaklama eğilimindedir. bir tasarımın daha görünür kısımları.
İkincisi, kullanıcıların yalnızca %2-5'inin boş bir durum görmesiyle, bu her zaman bir tasarımcının zamanının ekonomik veya pratik bir kullanımı değildir.
Son olarak, boş durumlar, nerede meydana geldikleri ve bunlarla ne yaptıkları açısından her zaman iyi anlaşılmadı, bu yüzden daha popüler ekranlar ve sayfalar lehine bir arka koltuk aldılar.
Boş durumlar göz ardı edildiğinde ne olur?
Kılavuzsuz boş ekranlar kafa karışıklığına, belirsizliğe ve hayal kırıklığına yol açabilir. Bu, daha yüksek terk oranlarına ve üründen daha düşük genel memnuniyete neden olabilir.
Neyse ki, iyi boş durum ekranları tasarlamanın faydaları ve fırsatları UX tasarım sürecinin daha önemli, yüksek öncelikli bir parçası haline geldikçe işler değişmeye başlıyor.
Boş Bir Ekran Nasıl Amaçla Doldurulur
İşte boş ekranların kullanışlı, yardımcı ve bilgilendirici olacak şekilde tasarlandığından emin olmak için en iyi UX uygulamaları.
Empati. Sürpriz ve zevk , duygu ve kişilik eklemek, UX tasarımcılarının bir ürünün en karanlık köşelerinde bile daha iyi deneyimler yaratmasının yollarıdır. Boş ekranlar için empatik mesajlaşma çeşitlilik katar ve daha ilgi çekici, kişiselleştirilmiş bir deneyim yaratır.
Görüntü. Biyofili etkisi denen bir tasarım ilkesi vardır. Bu, doğa görüşlerinden kaynaklanan azaltılmış stres ve iyileştirilmiş konsantrasyon durumudur. Bazı manzara görüntüleri (örneğin, boş bir durum hatası ekranının arka planı) eklemek, daha zevkli bir kullanıcı deneyimi sağlayabilir.

Faydalı Rehberlik. Ürün tipine bağlı olarak, kullanıcıyı yönlendirmek için boş durumlar kullanılabilir. Buna güzel bir örnek bir proje yönetimi uygulamasıdır. Yeni bir hesapla, henüz oyunda herhangi bir proje yok, bu da kullanıcının hızlı bir şekilde başlamasına yardımcı olmak için potansiyel olarak büyük bir fırsat sunuyor ve böylece vazgeçme şansını azaltıyor. İşte bir örnek:
Başlangıç İçeriği. Kullanıcının hayal kırıklığına uğraması ve ayrılması için yeterince uzun süre boş kalan çok sayıda ekran var. Belirli ürünler için iyi bir başlangıç içeriği sağlamak, neler olup bittiğini ve daha sonra ne yapabileceklerini görselleştirmelerine yardımcı olur.
Başlangıç içeriğine sahip bir boş durum ekranı örneği:
Bir Eylem Adımı Sağlamak. Bazı ürünlerde yol göstermemize veya ekranı herhangi bir içerikle doldurmamıza gerek yok çünkü bu bir anlam ifade etmeyecek. Bu durumlarda, tasarımcılar basitçe bir eylem adımı sağlayabilirler.
Ancak, eylemleri minimumda tutmak en iyisidir. Hick Yasası, “karar verme süresinin, seçeneklerin sayısı ve karmaşıklığı arttıkça arttığını” belirtir. Böylece, harekete geçirici mesajlar en fazla bir veya iki olarak tutulduğunda, kullanıcılar muhtemelen daha hızlı harekete geçeceklerdir. İşte harika bir örnek:
Bir başka güzel örnek ise Instagram. İnsanlar platformda yeni olduklarında henüz kimseyi takip etmiyorlar (ve kimse onları takip etmiyor). Instagram'ın tüm harika özelliklerine odaklanmak kolay olurdu, ancak örneğin iyi bir boş durum ekranı onlara "izlenecek kişileri ekleme" seçeneği verebilir.
Boş Durum UX En İyi Uygulamaları – Sahadan
Toptal, tasarımın tüm alanlarında üst düzey küresel serbest yeteneklere sahiptir. İşte birkaç Toptal UX tasarımcısının boş durum ekranları tasarlama deneyimleri hakkında söyledikleri.
Toptal Tasarımcısı: Tamara Olson
Tasarım Disiplini: UX Tasarımı
Üzerinde çalıştığınız veya gördüğünüz bazı iyi boş durum tasarımları nelerdir?
Gözlemlediğim iyi, modern boş durum tasarımları tipik olarak iki kısım talimat, bir kısım zevktir. Bir UI boşsa, kullanıcıların alana doldurulduğunda ne olacağını anlamalarına yardımcı olmak UX tasarımcısının işidir. Onu doldurmak kullanıcının işiyse, mesaj nasıl yapılacağına ilişkin talimatları içermelidir. (Örneğin, bir edtech ürünündeki boş bir "Sınıflar" tablosu, öğretmenlere birinci sınıflarını nasıl oluşturacaklarını bildiren bir kopya içerebilir.)
Ayrıca birçok uygulamanın boş eyaletlerin cömert gayrimenkullerini biraz keyif ve oyuncu marka kişiliği enjekte etme fırsatı olarak kullandığını görüyorum. Bir web sitesinin 404 sayfasının web uygulaması sürümü olduğunu söyleyebilirsiniz.
Hiç boş durumları gözden kaçırdınız mı, öyleyse neden?
Tabii ki, bu kolay bir tuzak. Vizyon sahibi olduğumuzda, uygulama ve ürünleri tam uçuş halindeyken, içerik ve kullanıcılarla doluyken hayal ederiz. Google'da çalıştığımda, bir ürün başkan yardımcısı, ürünlerin uçak uçuşları gibi olduğu yorumunu yaptı; Çoğu sorun kalkış ve iniş sırasında ortaya çıkar.
Bir kullanıcı ürününüze ilk girdiğinde, boş durumlar kaçınılmazdır ve daha başlamadan çıkmaza girmelerini istemeyiz. Küçük tasarımcıları, kullanıcının işe başlama akışını gösteren ayrı bir dizi doğrusal tasarım tasarlamaya teşvik ediyorum.
Boş durumları kullanarak müşteri başarısını gördünüz mü? Eğer öyleyse, hangi yollarla?
Son zamanlarda, kullanıcıların yazma ilerlemeleriyle ilgili hedefler belirlemelerine ve izlemelerine olanak tanıyan platform yeniden tasarımında Ulusal Roman Yazma Ayı ile çalıştım. Ürün ekibimizin boş durumları ile mutlak bir top vardı; platformun işlevselliğini ve kişiliğini tanıtmanın ve tanıtmanın ve kullanıcılara ilerlemelerini kaydetmeye başlamaları için ilham vermenin harika bir yoluydu.
Yaşadığınız boş bir durumun en başarılı kullanımı nedir?
Bir "sıfır gelen kutusu" olarak, Gmail uygulamasının boş gelen kutusu resminden sürekli olarak memnunum: şemsiyenin altında, güneş ışığı altında kitap okuyan ve "İşiniz bitti!" başlıklı bir kişi. Bir harekete geçirici mesaja ihtiyaç duyan boş durumlar hakkında bahsettiğim kuralı teknik olarak ihlal ediyor ve yine de değil, çünkü bilinçaltı CTA “E-postanızı bırakın ve hayatınızın tadını çıkarın” şeklindedir. Bunu sevdim.
Toptal Tasarımcısı: Michael Clingerman
Tasarım Disiplini: SaaS Ürün Tasarımı
Boş durumlar için tasarladıysanız, en sık hangi türleri görüyorsunuz?
En aşina olduğum boş durumlar 404/hata durumları ve kullanıcı tarafından temizlenen durumlardır.
Boş durumları kullanarak müşteri başarısını gördünüz mü? Eğer öyleyse, hangi yollarla?
Evet. Boş durum ekranlarının ilgi çekici ve keyifli bir içerik ve iletişim stratejisinin parçası haline geldiği durumlar gördüm. Müşterilerin marka kişiliklerini oluşturmak için bunları kullandıkları başka durumlar da vardır.
Yaşadığınız boş bir durumun en başarılı kullanımı nedir?
Dropbox'ın kurumsal markanın kişiliğini, tonunu ve karakterini oluşturmak için basit ve tek renkli açıklayıcı stiller kullanmasını her zaman sevmişimdir.
Çözüm
UX tasarımında boş durumları (veya boş ekranları) gözden kaçırmak kolaydır çünkü bunlar nadiren meydana gelir ve her zaman iyi anlaşılmaz. Bununla birlikte, kullanıcı deneyimini iyileştirdikleri ve daha uyumlu bir ürün oluşturmaya yardımcı oldukları için dahil edilmelerinin faydaları yetersizdir.
• • •
Toptal Tasarım Blogunda daha fazla okuma
- Kullanıcı Arayüzü Tasarımı En İyi Uygulamaları ve Yaygın Hatalar
- Mobil UX Tasarımı - En İyi Uygulamalar, Kısıtlamalar ve Geliştiricilerle Çalışma
- Mobil Arayüzler için Sezgisel İlkeler
- Tasarımla Etki - Renk ve Duygular İçin Bir Kılavuz
- Tasarım İlkeleri ve Önemi