Status UI Agentik: Cara Menampilkan Pemikiran AI, Panggilan Alat, dan Kemajuan
Cara merancang status pengoperasian agen AI: diterima, berpikir, panggilan alat, streaming, selesai, dihentikan, dan gagal. Pola, waktu dan contoh.
Pengambilan Inti
Agen yang dijalankan memerlukan lebih banyak status daripada permintaan normal: diterima, dipikirkan, setiap panggilan alat, mengalirkan jawabannya, selesai, dihentikan, dan gagal. Tunjukkan masing-masing langkah secara berbeda, sebutkan langkah yang dilakukan agen, biarkan orang menghentikan proses kapan saja, dan akhiri dengan ringkasan singkat tentang apa yang telah dilakukan. Jaga agar detail tingkat rendah tetap tersedia tetapi diciutkan.
Mengapa agen berjalan membutuhkan negara bagiannya sendiri
Permintaan klasik memiliki dua status yang terlihat: dimuat dan selesai. Cara agen AI dijalankan berbeda. Proses ini dapat memakan waktu beberapa detik atau menit, melakukan beberapa langkah seperti mencari, membaca file, atau memanggil API, dan dapat mengambil tindakan dengan konsekuensi. Penelitian waktu respons dari Nielsen Norman Group masih berlaku: sekitar 0,1 detik terasa instan, sekitar 1 detik menjaga aliran pemikiran, dan setelah sekitar 10 detik orang memerlukan umpan balik tentang apa yang terjadi dan kira-kira berapa lama waktu yang dibutuhkan. Kebanyakan agen menjalankan lahan di grup terakhir itu.
Negara bagian yang akan dirancang
Rancang masing-masing hal ini sebagai keadaannya sendiri dengan tampilan dan kata-katanya sendiri, bukan sebagai satu pemintal:
- Diterima: konfirmasi permintaan secara instan (di bawah 0,1 detik), misalnya dengan menampilkan pesan di thread.
- Berpikir: indikator ketenangan di dekat tempat jawaban akan muncul. Hindari persentase kemajuan palsu.
- Panggilan alat: beri nama langkah dengan kata-kata sederhana ("Mencari dokumen", "Membaca 3 file"), dengan hitungan jika Anda mengetahuinya.
- Menunggu persetujuan: jeda yang jelas ketika agen memerlukan izin sebelum bertindak.
- Streaming: tampilkan keluaran saat tiba; hentikan indikator berpikir segera setelah teks dimulai.
- Selesai: ringkasan singkat tentang apa yang berubah, dengan membatalkan jika memungkinkan.
- Berhenti dan gagal: sebutkan apa yang terjadi, apa yang disimpan, dan bagaimana cara mencoba lagi.
Tunjukkan rencananya, bukan catatan mentahnya
Log panggilan alat yang panjang berguna untuk debugging tetapi membebani sebagian besar pengguna. Default yang baik adalah status satu baris untuk langkah saat ini, ditambah daftar langkah-langkah yang telah diselesaikan dan dapat diperluas oleh orang lain. Pengembang dan pengguna listrik dapat membuka detailnya; semua orang melihat kemajuan dalam bahasa yang sederhana. Protokol seperti AG-UI, standar berbasis kejadian terbuka untuk menghubungkan agen ke aplikasi yang dilihat pengguna, ada sebagian sehingga front end dapat menerima kejadian langkah ini dengan cara yang konsisten.
Kontrol dan kepercayaan
Orang-orang akan lebih mempercayai agen ketika mereka tetap memegang kendali. Jaga agar tombol berhenti tetap terlihat selama proses berlangsung. Mintalah konfirmasi sebelum melakukan tindakan yang tidak dapat diubah seperti mengirim, membayar atau menghapus, dan tunjukkan dengan tepat apa yang akan terjadi. Setelah dijalankan, permudah untuk membatalkan, mengedit, atau mencoba lagi satu langkah alih-alih memulai dari awal.
Gerakan untuk negara-negara agen
Gerakan adalah sinyal kuat untuk "sesuatu sedang terjadi", tetapi putaran akan melelahkan dalam jangka panjang. Gunakan putaran yang lembut dan kontras rendah untuk berpikir, perubahan yang jelas saat pemanggilan alat dimulai, dan penyelesaian yang jelas saat proses selesai. Hormati pengaturan gerakan yang dikurangi dengan menukar gerakan untuk perubahan opasitas yang halus. Asisten suara sering kali menggunakan bola animasi dengan kondisi diam, mendengarkan, berpikir, dan berbicara yang jelas berbeda.
Kunci Principles untuk Diingat
- Desain diterima, dipikirkan, pemanggilan alat, persetujuan, streaming, selesai, dihentikan, dan gagal sebagai keadaan terpisah
- Sebutkan langkah saat ini dalam bahasa sederhana; ciutkan log lengkap
- Jaga agar penghentian tetap terlihat selama keseluruhan proses dan konfirmasikan tindakan yang tidak dapat diubah
- Setelah sekitar 10 detik orang membutuhkan informasi kemajuan
- Gunakan gerakan tenang dan hormati pengaturan gerakan yang dikurangi
Pertanyaan yang Sering Diajukan
Sumber
- Response Times: The 3 Important Limits — Nielsen Norman Group
- Progress Indicators Make a Slow System Less Insufferable — Nielsen Norman Group
- AG-UI Overview: Agent User Interaction Protocol — AG-UI
- Understanding SC 2.3.3: Animation from Interactions — W3C WAI