Kullanıcı Deneyimi: UX Tasarımı için Yedi Boş Durum En İyi Uygulaması

Yayınlanan: 2021-05-15

Bir haritaya benzer şekilde, boş durumlar - bir web sayfasındaki veya yazılımdaki talimat yönü - kullanıcıya web siteniz veya yazılımınız aracılığıyla bir yolculukta rehberlik eder. Büyük bilgi parçalarının eksik olduğu bir haritayı kullanırken daha önce hiç gitmediğiniz bir yere bir yolculuk planlamaya çalıştığınızı hayal edin. Boş durumlar, bu boşlukları dolduran ekranlardır. Düşünceli tasarım ve yerleşim ile bu ekranlar, mutlu bir kullanıcı ile sitenizi yarıda bırakan sinirli bir kullanıcı arasındaki farkı yaratabilir.

Boş durum örnekleri

UXbeginner'da çırak olan Megan Hartman, IBM'e göre, kullanım kolaylığına yatırılan her bir doların 10 ila 100 dolar arasında bir getiri sağladığını belirtiyor. Bu yatırım getirisi, işletmeniz ve müşterileriniz için hangi e-ticaret platformunun doğru olduğuna karar vermek için daha fazla zaman harcamak için yalnızca bir nedendir. Kullanıcı deneyimi (UX), müşteri memnuniyeti, katılım, satın alma ve elde tutma için giderek daha önemli hale geliyor. Platformunuzun veya ürünlerinizin ne kadar kullanıcı dostu olduğuna bağlı olarak, UX müşteri listenizi oluşturabilir veya bozabilir.

Boş durumlar, yerel işletmeleri e-ticarete ve dijital çözümlere geçişte destekleyenler için önemli bir kavram. Harika bir kullanıcı deneyimi, harika bir ilk izlenimle eş anlamlıdır; yerel bir işletme ile güvenilir bir yerel uzman arasındaki ilişkinin ayrılmaz bir parçasıdır. İyi tasarlanmış boş durumlar, çözümlerinizin ve işletme web sitenizin profesyonel görünmesini sağlar. Bu, potansiyel müşterilere işinizle ilgili olumlu bir ilk izlenim vermenize yardımcı olur, onlara rehberlik etme becerinize güven ve itimat teşvik eder.

Boş durumların uygun şekilde kullanılması, sorunsuz bir kullanıcı deneyimi sağlayarak daha fazla müşteriyi elde tutmanıza yardımcı olabilir.

“Boş durumlar olmadan, kullanıcı bir sonraki adımda ne yapacağını bilemez ve yazılımda veya bir web sitesinde kolayca kaybolabilir. Ne yapacaklarını bilemedikleri zaman, muhtemelen web sitenizi bırakıp farklı bir siteye gideceklerdir. Boş durumlar bu düşüşü azaltır ve kullanıcının alacağını umduğunuz yolculuğa devam etmesine izin verir," diyor Vendasta tasarımcısı Loni Goff .

Bu tasarım öğesi, bir kullanıcının sitenizle nasıl etkileşime girdiği üzerinde kritik bir etkiye sahip olabilir. Kullanıcı deneyiminin önemini kabul eden Vendasta UX tasarımcıları, uçtan uca e-ticaret platformu boyunca kritik noktalara sürekli olarak daha fazla boş durum ekliyor. Facebook ve Snapchat gibi sosyal medya platformları, sosyal ağınıza "arkadaşlar" eklemenizi istemek için boş durum ekranlarını kullanır. İstemler, kullanıcıları aktif ve etkileşimde tuttukları için müşteri memnuniyetini ve elde tutmayı teşvik eder.

Boş durum örnekleri

Boş durumlar ve kullanıcı deneyimi

Boş durumlar, kullanıcıların yazılım içinde veya bir web sitesinde hedeflerine ulaşmalarına yardımcı olur. Yeni kullanıcıları, kullandıkları yazılıma başlamalarına yardımcı olacak şablonlara yönlendirmeyi içerebilirler. Bir hata olduğunda, yanlış bir URL arandığında veya eski bir URL kullanıldığında boş durumlar oluşabilir.

Sonraki sayfa dolmadan önce bir formun doldurulmasını gerektirerek pazarlama istihbaratı toplamak için kullanılabilirler. Hubspot gibi şirketler, kullanıcılar belirli içeriğe erişmek istediğinde bu form doldurma boş durumunu kullanır.

Bu ekranlar etkileşimi artırmak için kullanılır ve kullanıcıları tasarımcının atmasını istediği bir sonraki adıma katılmaya yönlendirir. Ayrıca, bir web sitesindeki bir şeyin neden yanıt vermediğine ilişkin bir açıklama olarak da kullanılabilirler. Yelp, sinir bozucu bir duruma mizah katan komik metinle akıllıca eşleştirilmiş bir inşaat görseline sahip boş bir durum ekranı kullanır.

Yelp boş durum örneği

Boş durum en iyi uygulamaları

1. Kullanıcı deneyimine rehberlik edin

Kullanıcıya bilgi aktarmak için bu fırsatı kullanın. Bu, atmaları gereken bir sonraki adımı, bozuk bir bağlantı uyarısını veya kötü bir kullanıcı deneyimini önlemek için herhangi bir şeyi içerebilir. Kullanıcıyla bu rehberli etkileşim, bir web sitesinde kalıp kalmama konusundaki nihai kararlarını gerçekten etkileyebilir.

Aşağıdaki Skyscanner örneğine bakın.

Skyscanner boş durum örneğix

Görüntü kaynağı

2. Kelimelerinizi dikkatli seçin

Boş durum yazılımında doğru mesajı ifade etmek son derece önemlidir. Mesaj açık olmalıdır, böylece kolayca yanlış yorumlanamaz. Yazılı açıklama, kullanıcının daha sonra ne yapması gerektiğini anlamasına yardımcı olmalıdır. Bu, bir profil oluşturmaktan başka kullanıcıları bir ağa eklemeye kadar her şey olabilir. Bu yazılı kılavuz, kullanıcının bir sonraki uygun adımı kolayca atabilmesi için kısa olmalıdır.

3. Görsel içerik kullanın

İyi tasarlanmış görsel içeriklerle kullanıcıyla kelimelerin ötesinde etkileşim kurun. Bu marka bilinci oluşturma fırsatı, metinle eşleşen bir resim içermelidir. Reklam öğesinin çok gösterişli veya büyük olmadığından ve boş durumda metnin görsel bir temsili olduğundan emin olun. Bir görüntünün eklenmesi, boş durumun daha profesyonel ve çekici görünmesini sağlar.

4. Bir düğme ekleyin

Düğmeler, kullanıcıyı tasarımcının onları almak istediği yere yönlendirmek için açık bir istemdir. Bu mühendislik deneyimi, kullanıcıları sitenin herhangi bir yerine götürebilir. Onları bir müşteri listesine kişi eklemeye veya Vendasta Anlık Görüntü Raporu'ndaki gibi yazılımlara bir sosyal platform eklemeye yönlendirebilir . Bu rapor, potansiyel müşteriler için çevrimiçi mevcut bilgilerden bir pazarlama ihtiyaçları değerlendirmesi çeken otomatik bir satış istihbarat aracıdır.

Düşünceli metin, eşleşen bir resim ve bir düğme dahil olmak üzere aşağıdaki Dropbox boş durumunun ilerlemesine bakın.

Dropbox boş durum örneği

Görüntü kaynağı

5. Kullanıcıdan sayfada herhangi bir yeri tıklamasını isteyin

Bu, kullanıcı web sitenize veya yazılıma yeni başladığında yardımcı olabilir. Kısa bir açıklama ve ekranda bulunan önemli butonlardan birkaçını gösteren oklar ekleyin.

Web akışı boş durum örneği

Görüntü kaynağı

6. İçeriğe geri bağlantı

Bir topikal içeriğe bağlanan boş bir duruma bir geri bağlantı ekleyin. Bu en iyi uygulama, web sitesinde bir içerik kitaplığı varsa - web siteniz hakkında bir kullanıcıya yardımcı olabilecek bilgi veren herhangi bir şey varsa, izlenmesi iyi bir uygulamadır. Bu, bir demo, üst düzey blog veya bilgilendirici nasıl yapılır makalesine bir bağlantı içerebilir.

7. Tasarımcıların ve geliştiricilerin iyi bir çalışma ilişkisine sahip olduğundan emin olun

Boş bir durumun klasik "Hata 404" gibi teknik bir sorunu ele aldığı durumda, bu genellikle geliştiriciler ve tasarımcılar arasındaki iletişimde büyük bir kopukluk olduğu anlamına gelir. Bu yararsız mesajlar muhtemelen bir tasarımcı tarafından incelenmemiştir ve kullanıcı deneyimini karıştırmaktadır.

Götürmek

Boş durumlar:

  • Müşteri kazanımını artırın
  • Müşteriyi elde tutmayı artırın
  • Web sitesi hemen çıkma oranlarını azaltın
  • Müşteri katılımını artırın

Boş durumlar sadece web siteleri ve yazılımlar içinde bir yol haritası olmakla kalmaz, aynı zamanda kullanıcıya sonraki adımları izlemenin faydasını da söyler.

Anlık Görüntü Raporu gibi araçlar, potansiyel müşterilerin dijital pazarlama ihtiyaçlarını değerlendirerek müşteri kazanımını artırmanıza yardımcı olmak için boş durumları kullanır. Örneğin, listelemelerde, incelemelerde, sosyal medyada, web sitelerinde, dijital reklamcılıkta, SEO'da ve e-ticarette performanslarını görebileceksiniz ve boş durumlar sonraki adımları soracaktır.