Pengantar Desain Percakapan (Dan 3 Contoh Luar Biasa)

Hampir setiap orang memiliki situs web akhir-akhir ini, jadi jika Anda ingin situs Anda menonjol, Anda harus membawa A-game Anda dalam hal desain. Orang-orang menginginkan situs yang disesuaikan dengan kebutuhan spesifik mereka dan membuat mereka merasa penting (yang memang penting!). Jika Anda tidak dapat memberikan pengalaman itu, Anda mungkin tidak dapat bersaing di liga besar.

Desain percakapan adalah tentang membuat situs web yang disesuaikan untuk setiap pengguna dan mengantisipasi kebutuhan mereka. Dalam artikel ini, kami akan memberi Anda kursus kilat singkat dalam desain web percakapan dan membahas beberapa contoh.

Mari kita bicara!

Pengantar Desain Percakapan

Ketika datang ke desain web percakapan, ada perbedaan penting yang harus dibuat. Ketika orang berbicara tentang konsep ini, mereka kebanyakan mengacu pada hiper-personalisasi. Misalnya, ketika Anda masuk ke akun Facebook Anda, platform menanyakan apa yang Anda pikirkan/rasakan dan merujuk kepada Anda dengan nama:

Ini adalah salah satu contoh desain percakapan. Di sisi lain, ketika orang berbicara tentang Antarmuka Pengguna (UI) percakapan, mereka mengacu pada pengalaman berbasis teks, seperti chatbots dan Slack.

Bagaimanapun, istilah desain percakapan mencakup banyak bidang. Namun, mereka semua memiliki satu kesamaan, yaitu tujuan untuk memberikan pengalaman yang lebih personal bagi penggunanya. Inilah mengapa itu hal yang baik:

• Ini dapat membantu Anda membangun kepercayaan. Desain percakapan dapat membantu pengguna merasa diterima, yang pada gilirannya dapat menginspirasi kepercayaan dan menghasilkan lebih banyak konversi.
• Anda dapat memanfaatkan data yang Anda kumpulkan dengan baik. Sebagian besar situs web saat ini mengumpulkan beberapa informasi pribadi dari penggunanya. Dengan desain percakapan, Anda dapat menggunakan data ini secara praktis.

Adapun situs web mana yang dapat mengambil manfaat dari mengadopsi desain percakapan, itu tergantung pada tingkat interaksi yang Anda berikan kepada pengunjung Anda. Jika pengguna Anda perlu berinteraksi dengan situs Anda dalam beberapa cara, maka Anda harus mempertimbangkan untuk melihat ke dalam desain percakapan untuk memberikan pengalaman yang lebih pribadi.

Sepanjang bagian berikutnya, kami akan menunjukkan kepada Anda beberapa contoh desain web dan UI percakapan. Kami akan berbicara tentang apa yang mereka lakukan dengan benar dan bagaimana Anda dapat menerapkan pendekatan mereka di situs web Anda sendiri.

3 Contoh Situs Web yang Menggunakan Desain Percakapan

Desain percakapan adalah bidang yang luas, jadi ada beberapa cara Anda dapat menerapkannya di situs web Anda. Di bagian ini, kita akan menjelajahi tiga contoh, masing-masing menggunakan pendekatan yang berbeda untuk personalisasi dan UI percakapan.

1. Studio Layak Buzz

Situs web Buzzworthy Studio menampilkan pengalaman formulir kontak yang luar biasa yang memberikan pengalaman yang sangat dipersonalisasi. Setelah Anda mendarat di halaman kontak, Anda dapat mengklik ajakan bertindak MULAI PROYEK :

Kemudian, halaman tersebut menanyakan jenis proyek apa yang ingin Anda mulai:

Misalnya, jika kita mengklik opsi Pemasaran , kita dapat memilih dari antara SEO , Kampanye PPC , atau keduanya:

Setelah Anda menentukan pilihan, situs web memberi Anda anggaran kasar dan garis waktu yang bervariasi bergantung padanya:

Sejauh halaman kontak pergi, pengalaman ini adalah salah satu yang paling menarik yang pernah kami temui. Dengan mengajukan beberapa pertanyaan sebelum Anda memberi Anda anggaran, itu membuat Anda merasa seperti sedang berbicara dengan seorang freelancer sebelum mempekerjakan mereka.

Selain itu, mereka juga menyertakan formulir sederhana di mana Anda dapat menambahkan detail apa pun yang mungkin ingin mereka ketahui sebelum mereka mengerjakan proposal proyek yang lebih menyeluruh:

Desain percakapan dan halaman kontak sangat cocok, terutama untuk halaman portofolio. Salah satu tantangan terbesar Anda adalah membuat calon klien merasa nyaman, dan menyesuaikan halaman Anda dengan mereka, adalah cara yang bagus untuk melakukan ini.

Jika Anda ingin mencoba menciptakan pengalaman orientasi klien yang lebih interaktif, salah satu cara yang bagus untuk melakukannya adalah dengan menggunakan Typeform. Beberapa waktu yang lalu, kami berbicara tentang bagaimana Anda dapat menggunakan platform untuk membuat survei bergaya, tetapi Anda juga dapat menggunakannya untuk mengajukan pertanyaan kepada klien potensial, mirip dengan contoh ini.

2. Landbot

Untuk contoh kedua kami, kami akan menjelajahi UI percakapan. Platform seperti Landbot mendekati konsep desain percakapan dengan cara yang sangat literal, karena seluruhnya dibangun di sekitar interaksi teks.

Landbot mungkin tidak setenar contoh kita sebelumnya, tetapi itu tidak berarti bahwa mereka tidak memiliki sesuatu yang menarik untuk dibahas. Singkatnya, layanan ini memungkinkan Anda membuat halaman arahan berbasis chatbot. Kami telah berbicara tentang cara mengatur chatbot yang diberdayakan Facebook untuk WordPress sebelumnya, tetapi platform ini jauh lebih mudah untuk memulai.

Situs web itu sendiri adalah masterclass dalam UI percakapan. Semuanya dibangun di sekitar satu obrolan, yang menggunakan desain modern yang bersih:

Di setiap tahap percakapan, Anda dapat memilih cara membalas chatbot. Karena Anda menggunakan opsi yang telah ditentukan, chatbot jauh lebih mudah diprogram. Ini juga merupakan contoh yang sangat baik tentang bagaimana UI percakapan tidak perlu membosankan.

Ada dua poin menonjol yang harus Anda ambil dari pendekatan Landbot terhadap desain percakapan. Pertama, jika Anda ingin memasukkan UI percakapan di situs web Anda, Anda harus membuatnya menarik. Mainkan dengan warna, font, dan bahkan animasi kecil yang dilihat pengguna saat Anda mengetik, untuk membuat sesuatu yang menarik perhatian:

Kedua, UI percakapan bisa sangat bagus untuk mendorong konversi. Misalnya, chatbots memungkinkan Anda mengarahkan pengguna untuk mengambil tindakan yang Anda inginkan dengan memberikan Call To Action (CTA) yang kuat:

Menerapkan jenis fitur ini mungkin memerlukan beberapa pengetahuan teknis, tetapi hasilnya bisa sangat sepadan dengan usaha. Anda selalu dapat bereksperimen membuat chatbot Landbot Anda sendiri dan menggunakannya untuk menyalurkan pengguna ke situs web Anda atau sebaliknya.

3. Cody

Untuk contoh terakhir kita, mari kita lihat UI percakapan lainnya. Cody adalah karya dari chatbot sederhana dari agensi Chop Chop. Bisnis mereka dibangun dengan menciptakan chatbot, jadi masuk akal jika mereka ingin memamerkan apa yang bisa mereka lakukan.

Berbeda dengan contoh Landbot, Cody kurang diarahkan pada pemasaran terbuka. Sebaliknya, itu mencoba membuat Anda merasa seperti sedang berbicara dengan seorang teman sambil memberi Anda informasi penting. Misalnya, Cody menanyakan apakah Anda tidak keberatan situs tersebut menggunakan cookie, yang merupakan perubahan besar pada pemberitahuan:

UI percakapan di sini sangat sederhana. Latar belakang bersih dan gelembung teks sangat bersahaja. Ini adalah jenis chatbot yang dapat Anda lihat ditambahkan ke situs web profesional mana pun tanpa menghilangkan kontennya.

Kuncinya di sini adalah UI percakapan tidak perlu hanya berfokus pada pemasaran dan ada banyak cara Anda dapat menambahkan beberapa bakat ke chatbot Anda. Misalnya, Anda mungkin memberinya wajah dan nama sehingga terasa unik dan pribadi. Demikian juga, Anda dapat mengoptimalkan bahasa yang Anda gunakan untuk membuat percakapan terasa lebih santai dan tidak seperti sedang mengajukan pertanyaan kepada Google.

Kesimpulan

Dalam hal desain web, ada banyak aliran pemikiran yang dapat Anda ikuti. Ada desain material, bentuk cair, elemen gambar tangan, dan banyak lagi. Namun, desain web percakapan lebih dari sekadar tren. Jika Anda dapat memberikan pengalaman yang disesuaikan secara unik untuk setiap pengunjung Anda, Anda memiliki keuntungan yang hanya dapat ditandingi oleh sedikit situs.

Mari kita lihat lagi beberapa contoh desain percakapan favorit kami:

1. Studio Buzzworthy: Dengan personalisasi, Anda bahkan dapat membuat formulir kontak terasa lebih menyenangkan.
2. Landbot: Menawarkan contoh UI percakapan yang menarik.
3. Cody: Chatbot sederhana ini melakukan pekerjaan yang hebat untuk membuat Anda merasa seperti sedang berbicara dengan orang sungguhan dan bukan mesin.

Menurut Anda apa cara terbaik untuk menerapkan desain percakapan di situs web? Bagikan pemikiran Anda dengan kami di bagian komentar di bawah!

Thumbnail gambar artikel oleh Art Alex / shutterstock.com