Conversational UI: Antarmuka yang Mengalir Seperti Obrolan

Ilustrasi conversational UI: chatbot interaktif di layar ponsel dengan balon percakapan dan tombol respons cepat

Semakin canggih teknologi AI, semakin manusiawi pula cara kita berinteraksi dengan mesin. Salah satu evolusi besar dalam desain adalah Conversational UI—antarmuka digital yang dirancang untuk berinteraksi dalam bentuk percakapan, baik berbasis teks maupun suara.

Alih-alih klik tombol, pengguna cukup mengetik atau berbicara. Dan responsnya? Mengalir seperti obrolan antar manusia.

“Users don’t interact with interfaces. They interact with intent.”
Google Assistant UX Team


Apa Itu Conversational UI?

Conversational UI (CUI) adalah jenis antarmuka yang memungkinkan interaksi antara manusia dan sistem melalui percakapan, baik secara teks (chatbot) maupun suara (voice interface / VUI).

Contoh:

  • Chatbot WhatsApp untuk customer service
  • Voice assistant seperti Siri dan Alexa
  • In-app chat AI seperti ChatGPT, Claude, atau Bard
  • Sistem pemesanan via UI chat (restoran, ojek, e-commerce)

Internal Link: Voice UI (VUI)

Salah satu cabang utama dari CUI adalah antarmuka berbasis suara.

Baca juga: Voice UI – Navigasi Tanpa Sentuhan di Era AI


Mengapa Conversational UI Penting?

1. Natural & Familiar

Manusia terbiasa berkomunikasi lewat obrolan. UI berbasis percakapan terasa lebih intuitif.

2. Mempercepat Aksi

Daripada mencari tombol, user cukup bilang: “Pesan makanan favorit.”

3. Bisa Diakses Siapa Saja

CUI membuka akses untuk pengguna yang kesulitan menggunakan UI tradisional (visual atau motorik).

4. Mendekatkan Brand dengan Pengguna

Suara atau gaya bahasa tertentu bisa memperkuat kepribadian brand.


Jenis Conversational UI

Jenis InterfaceKarakteristikContoh Penggunaan
💬 Text-based ChatbotRespon teks berbasis input / intentCS, pemesanan, FAQ otomatis
🗣️ Voice Interface (VUI)Perintah suara, respon audioSmart speaker, navigasi hands-free
🔁 Hybrid UI-ChatUI tradisional dengan layer percakapanBooking hotel, transaksi, quiz interaktif

Prinsip Desain Conversational UI

🧠 1. Design for Flow, Not Just Function

Percakapan = dinamis. Desain flow percakapan seperti skenario, bukan menu.

✍️ 2. Gunakan Bahasa Natural

Gunakan kalimat pendek, jelas, dan sesuai tone brand.
Contoh: “Butuh bantuan?” bukan “Masukkan input support”.

🎯 3. Fokus ke Intent, Bukan Kata

Sistem harus paham maksud user, bukan sekadar kata literal.
Contoh: “Cek saldo”, “Berapa uangku?”, dan “Lihat rekening” = 1 intent.

🧭 4. Berikan Jalur Kembali

Sertakan opsi “Batal”, “Kembali”, atau “Ulangi” untuk mencegah kebingungan.

✅ 5. Tampilkan Status & Feedback

Beritahu pengguna jika sistem sedang berpikir, salah paham, atau butuh input ulang.


Tools Populer untuk Membangun Conversational UI

  • Dialogflow (Google) – chatbot & VUI builder
  • Rasa.ai – chatbot open source berbasis intent & context
  • Botpress – flow builder untuk enterprise
  • Voiceflow – VUI visual builder (Alexa, Google Assistant)
  • Tidio / Landbot – UI-chat drag & drop untuk landing page

Contoh Implementasi CUI di Dunia Nyata

BrandConversational UIKeunggulan
Google AssistantVUI yang bisa menjawab & eksekusi perintahIntegrasi dalam Android & smart home
ChatGPTText-based AI chatbotPercakapan natural + kemampuan reasoning
GojekChatbot pemesanan via WhatsAppCepat, tanpa install app tambahan
DuolingoUI dengan simulasi chat saat belajarEdukasi interaktif berbasis dialog sehari-hari

Tips Desain Microcopy untuk Conversational UI

  • Gunakan nada ramah, tidak kaku
  • Sediakan error message yang bersahabat
  • Contoh input untuk bantu user
  • Hindari pilihan ambigu (“Ya/Tidak” tanpa konteks)

Gunakan pattern “Prompt → Pilihan → Respons → Arah Lanjut”


Tantangan dalam Desain Conversational UI

  • ❗ Salah interpretasi intent pengguna
  • ❗ Obrolan terlalu panjang → user bosan
  • ❗ Bahasa terlalu formal atau terlalu santai
  • ❗ Tidak ada fallback jika sistem gagal

💡 Solusinya:

  • Sediakan default fallback
  • Gunakan context history
  • Batasi 1 pesan sistem = 1 ide (no paragraph dump)

Kesimpulan: UI yang Tidak Terlihat, Tapi Dirasakan

Conversational UI adalah evolusi antarmuka yang paling mendekati cara alami manusia berinteraksi. Bukan sekadar tren, CUI membuka jalan ke pengalaman digital yang lebih personal, cepat, dan adaptif.

Di masa depan, UI bukan lagi klik dan scroll, tapi tanya dan jawab.