Not
Bu sayfaya erişim yetkilendirme gerektiriyor. Oturum açmayı veya dizinleri değiştirmeyi deneyebilirsiniz.
Bu sayfaya erişim yetkilendirme gerektiriyor. Dizinleri değiştirmeyi deneyebilirsiniz.
Harika bir aracı deneyimi tasarlamak, doğru istem oluşturmanın ötesine geçer. Bu, her yüzey, yanıt ve hata durumunun kullanıcıyı desteklemek için birlikte çalıştığı eksiksiz bir etkileşim sistemi oluşturmak anlamına gelir. Bu makalede, görsel tutarlılık sağlayan Fluent UI bileşenlerinden kullanıcıların ilk etkileşimden hata kurtarmaya kadar güvenlerini sağlayan yaşam döngüsü tasarım desenlerine kadar bunu yapmanıza yardımcı olan tasarım araçları ve ilkeleri tanıtılmaktadır.
Fluent UI
Akıcı kullanıcı arabirimi aracılar için görsel ve davranışsal temel sağlar. Bileşenleri yeniden kullanılabilir ve erişilebilir. Fluent kullanıcı arabirimiyle tasarım yaparken, zaten Microsoft görsel diliyle hizalanmış bir sistem içinde çalışırsınız. Bu, Microsoft 365 ekosistemi genelinde kullanıcılar için daha az özelleştirme yükü ve daha fazla tutarlılık anlamına gelir.
Tutarlılık ve bütünlük için tasarlayın. Microsoft aracıları ve daha geniş Microsoft 365 Copilot ekosistemi genelinde görsel ve davranışsal hizalamayı korumak için Fluent AI denetimlerini kullanın. Kullanıcılar aracılar arasında hareket ettiğinde, tanıdık bileşenler bilişsel yükü azaltır ve güven oluşturur.
Erişilebilirlik ve yanıt verme için tasarım. Fluent UI React v9 bileşenlerini benimseyin. Sürüm 9, önceki sürümlerle karşılaştırıldığında geliştirilmiş erişilebilirlik desteği, duyarlı davranış ve daha iyi performans sunar. Tasarımcılar için bu, düzenlerinizin özel ayarlamalara gerek kalmadan farklı ekran boyutlarına ve giriş yöntemlerine doğru bir şekilde uyum sağlayacağı anlamına gelir.
Bileşen seçimi ve özelleştirme için tasarım. Fluent UI Web Bileşenleri kitaplığı, kullanılabilir desenler için doğru kaynağınızdır. Geçiş düğmeleri, bileşik düğmeler, iletişim kutuları, menüler, sekmeler ve ilgili temel öğeler içerir. Özel bileşenler eklemeden önce bu desenlerden başlayın.
Performans ve iyileştirme için tasarım. Kasıtlı bileşen kullanımıyla paket boyutunu en aza indirin. Gereksiz geçersiz kılmalardan kaçının. Sabit kodlanmış stiller yerine görsel özelleştirme için Fluent'in temalı ve belirteç sistemine güvenin; böylece aracınız gelecekteki platform güncelleştirmeleriyle tutarlı olur.
Aracılar için önemli ilkeler
Aracılar tasarlanırken, bunların güvenilir olması, doğaları konusunda dürüst olması ve daha geniş kapsamlı etkilerinin bilinciyle tasarlanması önemlidir. Üç temel ilke, tasarım kararlarınızı yönlendirmenize yardımcı olabilir. Aracılar şu özelliklere sahip olmalıdır:
- Amaca yönelik tasarlandı - Ajanlar kullanıcıyı destekler, muhakemenin yerini almaz. Özellikleri ve sınırlamaları net bir şekilde iletmek, çıktıları düzenlenebilir tutmak ve iyileştirme için görünür denetimler sağlamak ve kullanıcı sahipliğini pekiştiren etkileşimler tasarlamak önemlidir. Uygulamada bu ilke, "Copilot, özetle" yerine "Copilot ile özetle" gibi ifadeler kullanarak eylemi başlatanın kullanıcı olmasını sağlamak anlamına gelir.
- İnsanlardan farklı - Aracılar yanıtlar oluşturur, düşünmez veya hissetmez. Nötr, teknoloji odaklı dil kullanın. Duygusal veya insani bir çerçeve kullanmaktan kaçının. Tonu saydam ve görev odaklı tutun. "Anlayın", "düşünün" veya "hissedin" gibi sözcüklerden kaçının, bunun yerine "süreç" veya "analiz" gibi sözcükleri kullanın.
- Önyargılara dayanıklı - Ajan çıktıları, birincil kullanıcının dışındaki kişileri de etkileyebilir. İçeriğin nasıl paylaşılacağı veya yeniden kullanılabilmesi konusunda farkındalığı olan bir tasarım. Riskleri tahmin edin ve gözden geçirme ve düzeltme mekanizmaları dahil edin. Ekibinize sorun: Bu çıktıyı başka kimler görebilir veya buna göre hareket edebilir? Ajan başarısız olursa veya kötüye kullanılırsa istenmeyen sonuçlar neler olabilir?
Sorumlu ajan tasarımı konusunda ek rehberlik için Yapay zeka ekibe katıldığında: Sorumlu ajan tasarımı için üç ilke başlıklı makaleye bakın.
Yaşam döngüsü genelinde tasarlama
Ajan deneyimlerini, yalıtılmış istemler olarak değil, bütünsel etkileşim sistemleri olarak tasarlayın. Her aracı, ilk maruz kalma ve beklenti ayarından etkin işbirliğine, çıkışlar kusurlu olduğunda düzeltme ve kurtarma işlemlerine kadar tüm kullanıcı yolculuğunu desteklemelidir. Bu aşamalarda tasarım, netlik, güven ve sürekli kullanılabilirlik sağlar.
İlk Çalıştırma Deneyimi
İlk etkileşim, temsilciyle olan ilişkinin genel tonunu belirler. Kullanıcılar aracıya ilk çalıştırma için eriştiğinde:
- Yardımcı olmak için tasarlandığı şeyi net bir şekilde iletin. Kullanıcıları anlamlı görevlere yönlendiren örnek istemler, yaygın kullanım örnekleri ve görünür giriş noktaları sağlayın.
- Çıkış kalitesiyle ilgili beklentileri ayarlayın. Yanıtların değişebileceğini ve çıkışların gözden geçirme veya iyileştirme gerektirebileceğini netleştirin. Yetenekleri abartmaktan kaçının.
- Belirsizliği azaltın ve keşfetmeyi teşvik edin. Erken saydamlık güven oluşturur, kötüye kullanımı azaltır ve kullanıcıların sistemin nasıl davrandığını doğru zihinsel modeller oluşturmalarına yardımcı olur.
Etkileşim sırasında
Kullanıcılar aracıyla etkin bir şekilde çalışırken:
- Yerleşik uygulama kalıplarıyla uyumlu olun. Denetimler, düzen ve terminoloji, çevresindeki ürün ortamıyla tutarlı olmalıdır.
- Yinelemeli iyileştirmeyi destekleyin. Kullanıcılar istemleri ayarlayabilmeli, kapsamı daraltabilmeli, açıklama istemeli veya oluşturulan içeriği doğrudan düzenleyebilmelidir. Etkileşim, işlem yerine işbirliğine dayalı olmalıdır.
- İlgili olduğunda içeriği öne çıkarın. Temsilci belirli dosyalara, seçimlere veya veri kaynaklarına dayanıyorsa, bu bilgileri açıkça belirtin. Yanıt hızını, erişilebilirliği ve öngörülebilir davranışı korumak, kullanıcı güvenini sürdürmek için gereklidir.
Sistem yanlış olduğunda
Ajan çıktıları bazen eksik, hatalı veya amaçla uyumsuz olabilir:
- Net ve verimli düzeltme yolları sağlayın. Kullanıcılar yanıtları yeniden oluşturabilmeli, istemleri düzeltebilmelidir veya çıkışları sorunsuz bir şekilde el ile düzenleyebilmelidir. Kullanıcıları iş akışlarını yeniden başlatmaya zorlamaktan kaçının.
- Yüzey bağlamsal sinyaller. Uygun olduğunda, kullanıcıların bir yanıtın neden üretildiğini anlamalarına yardımcı olmak için atıfta bulunulan verileri veya varsayımları gösterin. Saydamlık ve kurtarılabilirlik, kullanıcı denetimini güçlendirerek hayal kırıklığını önler.
İlgili içerik
- Yapay zeka ekibe katıldığında: Sorumlu aracı tasarımı için üç ilke — Amaç oluşturmak, insanlardan farklılaşmak ve yanlılık direncini tasarlamak da dahil olmak üzere sorumlu aracı tasarımının temel ilkelerini keşfedin.
- Aracı tasarımı için Uyarlamalı Kartlar — Tasarım desenleri ve en iyi yöntemlerle aracı deneyimlerinizde zengin, etkileşimli yanıtlar oluşturmak için Uyarlamalı Kartlar kullanmayı öğrenin.
- copilot deneyimleri için ISV UX kılavuzu — Özel Copilot deneyimleri oluşturmaya yönelik kullanıcı deneyimi çerçeveleri, temel ilkeler ve işbirliğine dayalı kullanıcı deneyimi ipuçları.
- Copilot bileşenlerini dışa ve içe aktarma — Microsoft Copilot Studio'da copilot çözümleri arasında bileşenleri yönetme ve yeniden kullanma.
- Microsoft Teams Uyarlamalı Kart Örnekleri — Teams ve Copilot deneyimlerinde Uyarlamalı Kartlar için başlangıç şablonları.
- Uyarlamalı Kartlar designer — Uyarlamalı Kart düzenlerini prototipleme ve test etme için tarayıcı tabanlı araç.