Çoğu sohbet robotu arayüzü aynı parçaları paylaşır: bir giriş alanı, bir mesaj dizisi ve her mesajın kontrolleri. İyi bir chatbot ile sinir bozucu bir chatbot arasındaki fark çoğunlukla bu parçaların detaylarında ve durumlarında yatmaktadır.
Boş durumla başlayın. Metin kutusu içeren boş bir ekran, botun ne yapabileceği hakkında hiçbir fikir vermez. Kısa bir açıklama ekleyin ve insanların dokunabileceği üç veya dört örnek istem ekleyin.
Konunun okunmasını kolaylaştırın. Mesaj genişliğini okumak için rahat tutun, kullanıcı ve AI mesajlarını net bir şekilde ayırın, listeler ve kod gibi formatları doğru şekilde işleyin ve yeni metin akışı sırasında kişi yukarı kaydırdığında atlamadan en son mesajı görünümde tutun.
Her durumu tasarlayın. Gönderme, düşünme, akış, bitirme, durdurma ve başarısız olma durumlarının her biri farklı görünmelidir. Genellikle animasyonlu bir nokta deseni veya küre olan bir düşünme göstergesi, insanlara isteğin alındığını bildirir. Akış sırasındaki durdurma düğmesi kontrolü geri verir. Hatalar ne olduğunu söylemeli ve yeniden denemeyi teklif etmelidir.
Yanıtlara kontroller ekleyin: önceki istemi kopyalayın, yeniden oluşturun, düzenleyin ve geri bildirimde bulunun. Sesli asistan olarak dinleme, düşünme ve konuşma için net bir görsel kullanın; böylece insanlar ne zaman konuşacaklarını bilirler. Yaptığımız ExodeUI, bu durumlar için React, Vue, SwiftUI, Flutter ve diğer çerçevelerde çalışan ücretsiz animasyonlu kürelere sahiptir.