Yapay zeka arayüzü ve etkileşim tasarımı nasıl yapılır?

Geleneksel arayüzden fark: çıktı kesin değil

Klasik bir arayüzde aynı düğmeye basınca aynı sonuç gelir. Yapay zeka destekli bir ürün ise aynı girdiye farklı, bazen yanlış çıktılar verebilir. Tasarımcının işi bu belirsizliği kullanıcıdan saklamak değil, kullanıcının yönetebileceği biçimde sunmaktır.

Bu yüzden her yapay zeka arayüzü için şu soruları yanıtla: Sistem ne yapabiliyor ve ne yapamıyor, kullanıcı bunu nereden anlıyor? Sistem yanıldığında kullanıcı bunu nasıl fark ediyor ve düzeltiyor? Sonuç kimin sorumluluğunda? Bu soruların cevapları, ekranların nasıl görüneceğinden önce tasarım kararlarını şekillendirir.

Giriş tasarımı: kullanıcı ne yazacağını bilmiyor

Boş bir metin kutusu, kullanıcıya sistemin ne yapabildiğini söylemez. Başlangıç için sistemin yeteneklerini gösteren örnek istemler, kategorize edilmiş öneriler ve bağlama göre dinamik kısayollar sun. Kullanıcı bir belgenin içindeyse öneri o belgeye göre değişsin: özetle, sadeleştir, çevir gibi.

Girişte yapılandırma imkânı da düşün. Serbest metin esnektir ama zahmetlidir; ton, uzunluk ve biçim gibi sık kullanılan tercihleri seçilebilir kontrollere dönüştürmek hız kazandırır. Yazarken karakter sınırı, dosya ekleme ve önceki istemi yeniden kullanma gibi pratikleri unutma. Metin alanı, ses ve görsel girişler farklı bağlamlarda farklı ağırlık taşır; hangisinin birincil olduğunu kullanıcı araştırmasıyla belirle.

Çıktı tasarımı: güveni ayarlayan işaretler

Çıktının nasıl sunulduğu, kullanıcının ona ne kadar güveneceğini belirler. Uzun üretimlerde akışlı gösterim bekleme hissini azaltır; kullanıcı yanıtı üretilirken okuyabilir ve gerekirse durdurabilir. Bir yanıtın dayandığı kaynakları, belgeleri ya da veri kayıtlarını görünür kıl; kullanıcı doğrulamak istediğinde tek tıkla ilgili kaynağa gidebilsin.

Belirsizliği dürüstçe göster. Sistem emin değilse bunu yanıtın içinde belirt ya da farklı seçenekler sun. Her yanıta aynı kendinden emin tonu vermek, yanlış olduğunda güveni topluca kırar. Özellikle yüksek riskli alanlarda (sağlık, finans, hukuk) yanıtın bir karar desteği olduğunu, nihai karar olmadığını net gösteren bir çerçeve kur.

Kontrol, düzeltme ve geri alma desenleri

Kullanıcı sistemin ürettiği şeyi kolayca düzenleyebilmeli. Başlıca desenler: • Yeniden üret ve alternatif sun: kullanıcı beğenmediyse tek dokunuşla başka versiyon alabilsin. • Kısmi düzenleme: tüm metni baştan ürettirmek yerine seçili bir bölümü değiştirtebilme. • Geri alma: yapay zekanın yaptığı her değişikliğin geri alınabilir olması. • Onay adımı: sistem kullanıcı adına bir eylem yapacaksa (e-posta gönderme, kayıt silme) önce ne yapacağını göster ve onay iste. • Geri bildirim: beğen ve beğenme düğmesi ile birlikte nedenini sorabilen kısa bir seçenek listesi.

Eylem alan yapay zeka sistemlerinde kontrol ilkesi basittir: etkisi büyük ve geri dönüşü zor olan her adım için insan onayı iste, küçük ve geri alınabilir adımlarda sürtünmeyi azalt.

Kontrol desenlerinde dikkat edilecek bir nokta, kullanıcıya fazla seçenek yüklememektir. Her yanıtın altına çok sayıda düğme koymak ekranı karmaşıklaştırır; en sık kullanılan eylemleri görünür tut, ötekileri ek menüye al. Hangi eylemin sık kullanıldığını ürün kullanım verisinden öğren.

Hata ve sınır durumları

Yapay zeka ürünlerinde hata türleri çeşitlidir ve her biri ayrı bir mesaj gerektirir: sistem kullanılamıyor, yanıt güvenlik nedeniyle üretilmedi, girdi anlaşılamadı, sonuç emin değil, kullanım sınırına ulaşıldı. Hepsine aynı genel hata ekranını vermek kullanıcıyı çaresiz bırakır.

Her hata durumu için şu unsurları tasarla: ne olduğu, nedeni (anlaşılır bir dille) ve kullanıcının sonraki adımı. Örneğin: Bu soruya güvenilir bir yanıt bulamadım. Soruyu şu belge bölümüyle daraltabilir ya da bir uzmana iletebilirsin. Sistemin yetmediği durumlarda insana devir seçeneği, özellikle müşteri hizmetleri gibi alanlarda tasarımın zorunlu parçasıdır; devir sırasında konuşma geçmişinin aktarıldığından emin ol.

Örnek: sözleşme özetleyen bir yardımcı

Örneğin bir hukuk ekibi için sözleşme özetleyen bir yardımcı tasarlıyorsun. Girişte kullanıcı belgeyi yükler ve örnek istemler görür: riskli maddeleri listele, yükümlülükleri özetle. Çıktıda her özet cümlesinin yanında sözleşmenin ilgili maddesine bağlantı bulunur; kullanıcı tek tıkla orijinal metne gider.

Sistem bir maddeyi yorumlayamadığında bunu özetin içinde belirtir ve maddeyi uzmana işaretle seçeneği sunar. Kullanıcı özeti düzenleyebilir, yapay zekanın eklediği her değişikliği geri alabilir. Dışa aktarma adımında özetin makine tarafından üretildiğini belirten bir not otomatik eklenir. Böylece güven, kaynak ve sorumluluk soruları arayüzün içinde cevaplanmış olur.

Prototipten teste: kısa bir çalışma planı

Önce kullanıcının hedefini ve sistemin hata verdiği en riskli senaryoları yaz. Sonra düşük çözünürlüklü akışlar çiz; sohbet tabanlı ürünlerde ekranlardan çok konuşma akışı çizilir: kullanıcı ne söyler, sistem ne yanıtlar, hata olduğunda ne olur. Gerçek model çıktılarıyla ya da elle yazılmış örneklerle prototipi dene, çünkü sahte mükemmel yanıtlarla yapılan test gerçek kullanımı yansıtmaz.

Tasarım dilini ürün ailesinde tutarlı tut: yapay zeka tarafından üretilen içeriğin nasıl işaretlendiği, geri bildirim düğmelerinin yeri, hata mesajlarının tonu. Bunlar bileşen kütüphanesine girdiğinde ekipler aynı kararları tekrar tartışmaz. Tasarımın kullanıcılarla sınanması ayrı bir çalışma konusudur.

Mindset programlarında nerede çalışılır?

Bu konu, yapay zeka destekli bir ürün ya da iç araç tasarlayan UX tasarımcıları, ürün yöneticileri ve arayüz geliştiricileri için doğrudan işe yarar. Yapay Zeka Tasarımcısı Programı, yapay zeka arayüzü ve etkileşim tasarımını ayrı bir modül olarak işler; kullanıcı araştırması, sorumlu ve kapsayıcı tasarım ve test modülleriyle bir bütün olarak ilerler.

Ürün ekipleri için bu modüllerin ortak çalışılması, arayüz kararlarının araştırma ve test verisine bağlanmasını sağlar.