Konuşma Tasarımına Giriş (Ve 3 Olağanüstü Örnek)

Bugünlerde hemen hemen herkesin bir web sitesi var, bu yüzden sizinkinin öne çıkmasını istiyorsanız, tasarım söz konusu olduğunda A-oyununuzu getirmelisiniz. İnsanlar, özel ihtiyaçlarına göre uyarlanmış ve kendilerini önemliymiş gibi hissettiren (ki öyle!) siteler isterler. Bu deneyimi sağlayamazsanız, büyük liglerde rekabet edemeyebilirsiniz.

Konuşma tasarımı, her kullanıcı için uyarlanmış ve ihtiyaçlarını öngören web siteleri oluşturmakla ilgilidir. Bu makalede, size konuşmalı web tasarımında kısa bir hızlandırılmış kurs vereceğiz ve birkaç örnek tartışacağız.

Hadi Konuşalım!

Konuşma Tasarımına Giriş

Konuşmalı web tasarımı söz konusu olduğunda, yapılması gereken önemli bir ayrım vardır. İnsanlar bu kavramdan bahsettiklerinde çoğunlukla hiper kişiselleştirmeden bahsediyorlar. Örneğin, Facebook hesabınıza giriş yaptığınızda, platform size ne düşündüğünüzü/hissettiğinizi sorar ve size isminizle atıfta bulunur:

Bu, konuşma tasarımının bir örneğidir. Öte yandan, insanlar konuşma Kullanıcı Arayüzleri (UI) hakkında konuştuklarında, sohbet robotları ve Slack gibi metin odaklı deneyimlere atıfta bulunurlar.

Her durumda, konuşma tasarımı terimi birçok alanı kapsar. Ancak hepsinin ortak bir noktası vardır, o da kullanıcılarına daha kişiselleştirilmiş deneyimler sağlama hedefidir. İşte bu yüzden iyi bir şey:

• Güven oluşturmanıza yardımcı olabilir. Etkileşimli tasarım, kullanıcıların kendilerini iyi hissetmelerine yardımcı olabilir ve bu da güven uyandırabilir ve daha fazla dönüşüme yol açabilir.
• Topladığınız verileri iyi bir şekilde kullanabilirsiniz. Günümüzde çoğu web sitesi, kullanıcılarından bazı kişisel bilgiler toplamaktadır. Konuşma tasarımı ile bu verileri pratik bir kullanıma sokabilirsiniz.

Hangi web sitelerinin konuşma tasarımını benimsemesinden yararlanabileceği, ziyaretçilerinize sağladığınız etkileşim düzeyine bağlıdır. Kullanıcılarınızın sitenizle bir şekilde etkileşime girmesi gerekiyorsa, daha kişisel bir deneyim sağlamak için konuşma tasarımına bakmayı düşünmelisiniz.

Bir sonraki bölümde, size konuşmalı web tasarımı ve kullanıcı arayüzünün bazı örneklerini göstereceğiz. Neleri doğru yaptıkları ve yaklaşımlarını kendi web sitenizde nasıl uygulayabileceğiniz hakkında konuşacağız.

3 Konuşma Tasarımı Kullanan Web Sitesi Örnekleri

Konuşma tasarımı geniş bir alandır, bu nedenle onu web sitenize uygulamanın birkaç yolu vardır. Bu bölümde, her biri kişiselleştirme ve etkileşimli kullanıcı arayüzü için farklı yaklaşımlar kullanan üç örneği inceleyeceğiz.

1. Vızıldamaya Değer Stüdyo

Buzzworthy Studio'nun web sitesi, son derece kişiselleştirilmiş bir deneyim sağlayan harika bir iletişim formu deneyimi sunar. İletişim sayfasına ulaştığınızda, BİR PROJE BAŞLAT harekete geçirici mesaja tıklayabilirsiniz:

Ardından, sayfa size ne tür bir projeye başlamak istediğinizi sorar:

Örneğin, Pazarlama seçeneğine tıklarsak, SEO , PPC Kampanyaları veya her ikisi arasından seçim yapabiliriz:

Seçiminizi yaptıktan sonra, web sitesi size kaba bir bütçe ve buna bağlı olarak değişen bir zaman çizelgesi sunar:

İletişim sayfalarına gelince, bu deneyim karşılaştığımız en ilgi çekici deneyimlerden biri. Size bir bütçe vermeden önce birkaç soru sorarak, onları işe almadan önce bir serbest çalışanla sohbet ediyormuş gibi hissetmenizi sağlar.

Ayrıca, daha kapsamlı bir proje teklifi hazırlamadan önce bilmek isteyebilecekleri tüm ayrıntıları ekleyebileceğiniz basit bir form da içerirler:

Konuşma tasarımı ve iletişim sayfaları, özellikle portföy sayfaları için cennette yapılan bir eşleşmedir. En büyük zorluklarınızdan biri, potansiyel müşterilerin kendilerini rahat hissetmelerini sağlamak ve sayfalarınızı onlara göre uyarlamak, bunu yapmanın harika bir yoludur.

Daha etkileşimli müşteri işe alım deneyimleri oluşturmak için bir çatlak almak istiyorsanız, bunu yapmanın harika bir yolu Typeform kullanmaktır. Bir süre önce, şık anketler oluşturmak için platformu nasıl kullanabileceğinizden bahsetmiştik, ancak bu örneğe benzer şekilde potansiyel müşterilere sorular sormak için de kullanabilirsiniz.

2. Karabot

İkinci örneğimiz için, konuşma kullanıcı arayüzünü keşfedeceğiz. Landbot gibi platformlar, tamamen metin etkileşimleri etrafında inşa edildiklerinden, konuşma tasarımı kavramına çok gerçekçi bir şekilde yaklaşıyor.

Landbot, önceki örneğimiz kadar iyi bilinmeyebilir, ancak bu, masaya ilginç bir şeyleri olmadığı anlamına gelmez. Kısacası bu hizmet, chatbot tabanlı açılış sayfaları oluşturmanıza olanak tanır. Daha önce WordPress için Facebook destekli sohbet robotlarının nasıl kurulacağından bahsetmiştik, ancak bu platformu kullanmaya başlamak çok daha kolay.

Web sitesinin kendisi, konuşma kullanıcı arayüzlerinde bir ustalık sınıfıdır. Hepsi temiz, modern bir tasarım kullanan tek bir sohbet etrafında inşa edilmiştir:

Sohbetin her aşamasında, chatbot'a nasıl cevap vereceğinizi seçebilirsiniz. Önceden belirlenmiş seçenekleri kullandığınız için, sohbet robotunun programlanması çok daha kolaydır. Aynı zamanda, konuşma kullanıcı arayüzlerinin sıkıcı olması gerekmediğine dair mükemmel bir örnek.

Landbot'un konuşma tasarımına yaklaşımından çıkarmanız gereken iki önemli nokta var. İlk olarak, web sitenize konuşma kullanıcı arayüzlerini dahil etmek istiyorsanız, onları göz alıcı hale getirmeniz gerekir. Dikkat çekici bir şey yaratmak için, siz yazarken kullanıcıların gördüğü renkler, yazı tipleri ve hatta küçük animasyonlarla oynayın:

İkinci olarak, konuşma kullanıcı arayüzleri dönüşümleri artırmak için harika olabilir. Örneğin, sohbet robotları, güçlü bir Harekete Geçirici Mesaj (CTA) sunarak kullanıcıları istediğiniz eylemleri gerçekleştirmeye yönlendirmenizi sağlar:

Bu tür özellikleri uygulamak biraz teknik bilgi gerektirebilir, ancak sonuçlar çabaya değebilir. Her zaman kendi Landbot sohbet robotunuzu oluşturmayı ve onu kullanıcıları web sitenize yönlendirmek için kullanmayı deneyebilirsiniz veya tam tersi.

3. Cody

Son örneğimiz için, başka bir konuşma kullanıcı arayüzüne bir göz atalım. Cody, Chop Chop ajansından basit bir sohbet robotunun vitrinidir. İşleri sohbet robotları oluşturmak üzerine kuruludur, bu nedenle yapabileceklerini göstermek istemelerinin nedeni budur.

Landbot örneğinden farklı olarak Cody, açık pazarlamaya daha az yönelmiştir. Bunun yerine, size önemli bilgiler verirken bir arkadaşınızla sohbet ediyormuş gibi hissetmenizi sağlamaya çalışır. Örneğin, Cody size sitenin çerez kullanmasının sakıncası olup olmadığını sorar, bu da bildirimlerde harika bir değişikliktir:

Buradaki konuşma kullanıcı arayüzü son derece basittir. Arka plan temiz ve metin baloncukları çok sade. Bu, herhangi bir profesyonel web sitesine içeriğinden uzaklaşmadan eklendiğini görebileceğiniz türden bir sohbet robotudur.

Buradaki en önemli paket, konuşma kullanıcı arayüzlerinin yalnızca pazarlamaya odaklanması gerekmediği ve sohbet robotlarınıza biraz yetenek katmanın birçok yolu olduğudur. Örneğin, benzersiz ve kişisel hissettirmesi için ona bir yüz ve bir ad verebilirsiniz. Benzer şekilde, konuşmaları daha rahat ve Google'a soru soruyormuşsunuz gibi hissettirmek için kullandığınız dili optimize edebilirsiniz.

Çözüm

Web tasarımı söz konusu olduğunda, abone olabileceğiniz birçok düşünce okulu vardır. Malzeme tasarımı, akıcı şekiller, elle çizilmiş öğeler ve çok daha fazlası var. Ancak, sohbete dayalı web tasarımı sadece bir trendden daha fazlasıdır. Ziyaretçilerinizin her birine benzersiz şekilde uyarlanmış bir deneyim sağlayabilirseniz, çok az sitenin eşleşebileceği bir avantajınız olur.

En sevdiğimiz konuşma tasarımı örneklerinden bazılarına bir kez daha bakalım:

1. Buzzworthy Studio: Kişiselleştirme ile iletişim formlarını bile daha eğlenceli hale getirebilirsiniz.
2. Landbot: Etkileşimli bir kullanıcı arayüzünün dikkat çekici bir örneğini sunar.
3. Cody: Bu basit sohbet robotu, bir makineyle değil de gerçek bir insanla konuşuyormuş gibi hissetmenizi sağlama konusunda harika bir iş çıkarıyor.

Web sitesinde konuşma tasarımını uygulamanın en iyi yolunun ne olduğunu düşünüyorsunuz? Aşağıdaki yorumlar bölümünde düşüncelerinizi bizimle paylaşın!

Makale resminin küçük resmi Art Alex / Shutterstock.com