Notatka
Dostęp do tej strony wymaga autoryzacji. Może spróbować zalogować się lub zmienić katalogi.
Dostęp do tej strony wymaga autoryzacji. Możesz spróbować zmienić katalogi.
Projektowanie doskonałego doświadczenia z agentem wykracza poza samo opracowanie odpowiedniego promptu. Oznacza to utworzenie kompletnego systemu interakcji, w którym każda powierzchnia, odpowiedź i stan awarii współpracują ze sobą w celu obsługi użytkownika. W tym artykule przedstawiono narzędzia i zasady projektowania, które pomagają to zrobić — od składników interfejsu użytkownika Fluent , które zapewniają spójność wizualną do wzorców projektowych cyklu życia, które zapewniają użytkownikom pewność od pierwszej interakcji do odzyskiwania błędów.
Interfejs użytkownika Fluent UI
Interfejs użytkownika Fluent zapewnia wizualną i behawioralną podstawę dla agentów. Jego składniki są wielokrotnego użytku i dostępne. Podczas projektowania za pomocą interfejsu użytkownika Fluent pracujesz w systemie, który jest już zgodny z językiem wizualnym Microsoft. Oznacza to mniejsze obciążenie związane z dostosowywaniem i większą spójność dla użytkowników w ekosystemie Microsoft 365.
Projektuj z myślą o spójności i logiczności. Użyj kontrolek Fluent UI, aby zachować wizualne i behawioralne dopasowanie agentów Microsoft i szerszego ekosystemu Microsoft 365 Copilot. Gdy użytkownicy przechodzą między agentami, znane składniki zmniejszają obciążenie poznawcze i tworzą zaufanie.
Projektowanie pod kątem ułatwień dostępu i czasu odpowiedzi. Korzystaj z komponentów Fluent UI React v9. Wersja 9 zapewnia lepszą obsługę ułatwień dostępu, zachowanie dynamiczne i lepszą wydajność w porównaniu z wcześniejszymi wersjami. Dla projektantów oznacza to, że układy prawidłowo dostosowują się do różnych rozmiarów ekranów i metod wprowadzania danych bez konieczności stosowania niestandardowych nadpisań.
Projektowanie pod kątem wyboru i dostosowywania składników. Biblioteka Fluent UI Web Components jest źródłem prawdy dla dostępnych wzorców. Zawiera przyciski przełącznika, przyciski złożone, okna dialogowe, menu, karty i powiązane elementy pierwotne. Zacznij od tych wzorców przed wprowadzeniem składników niestandardowych.
Projektowanie pod kątem wydajności i optymalizacji. Zminimalizuj rozmiar pakietu poprzez celowe użycie składników. Unikaj niepotrzebnych zastąpień. Polegaj na motywach i systemie tokenów fluent na potrzeby dostosowywania wizualnego zamiast zakodowanych na stałe stylów — zapewnia to spójność agenta z przyszłymi aktualizacjami platformy.
Ważne zasady dotyczące agentów
Podczas projektowania agentów ważne jest, aby byli godni zaufania, uczciwie informowali o swojej naturze oraz byli projektowani ze świadomością ich szerszego wpływu. Trzy podstawowe zasady mogą pomóc w podejmowaniu decyzji projektowych. Agenty powinny być:
Stworzony z myślą o zamiarze. Agenci obsługują użytkownika, nie zastępują osądu. Ważne jest, aby jasno komunikować możliwości i ograniczenia, zapewnić, by wyniki pozostawały edytowalne, udostępniać widoczne elementy sterujące umożliwiające ich dopracowanie oraz projektować interakcje, które wzmacniają sprawczość użytkownika. W praktyce ta zasada oznacza stosowanie sformułowań takich jak „Podsumuj przy użyciu Copilota” zamiast „Copilot, podsumuj”, tak aby to użytkownik pozostawał osobą inicjującą działanie.
Rozróżniana od ludzi. Agenty generują odpowiedzi, ale nie myślą ani nie odczuwają. Używaj neutralnego, zorientowanego na technologię języka. Unikaj emocjonalnego lub antropomorficznego ujęcia. Zachowaj przezroczysty i skoncentrowany na zadaniach ton. Unikaj słów takich jak "zrozumieć", "myśleć" lub "czuć"; Zamiast tego użyj słów takich jak "process" lub "analyze".
Odporne na stronniczość. Dane wyjściowe agenta mogą mieć wpływ na więcej niż użytkownika podstawowego. Projektowanie z świadomością, w jaki sposób zawartość może być udostępniana lub ponownie wykorzystywana. Przewidywanie ryzyka i uwzględnianie mechanizmów przeglądu i korekty. Zapytaj swój zespół: Kto jeszcze może zobaczyć te wyniki lub podjąć działania na ich podstawie? Jakie są niezamierzone konsekwencje, jeśli agent ulegnie awarii lub zostanie niewłaściwie użyty?
Aby uzyskać dodatkowe wskazówki dotyczące projektowania odpowiedzialnego agenta, zapoznaj się z artykułem When AI joins the team: Three principles for responsible agent design (Gdy sztuczna inteligencja dołącza do zespołu: trzy zasady dotyczące projektowania odpowiedzialnego agenta).
Projektowanie w całym cyklu życia
Projektuj doświadczenia agenta jako kompletne systemy interakcji, a nie pojedyncze prompty. Każdy agent powinien obsługiwać pełną podróż użytkownika — od pierwszego ustawienia ekspozycji i oczekiwań, poprzez aktywną współpracę, po korektę i odzyskiwanie, gdy dane wyjściowe są niedoskonałe. Projektowanie na tych etapach zapewnia przejrzystość, zaufanie i trwałość użyteczności.
Pierwsze uruchomienie
Pierwsza interakcja ustawia ton całej relacji agenta. Gdy użytkownicy po raz pierwszy otwierają agenta:
- Jasno zakomunikuj, w czym ma to pomóc. Podaj przykładowe monity, typowe przypadki użycia i widoczne punkty wejścia, które prowadzą użytkowników do znaczących zadań.
- Określ oczekiwania dotyczące jakości danych wyjściowych. Wyjaśnij, że odpowiedzi mogą się różnić i że dane wyjściowe mogą wymagać przeglądu lub uściślenia. Unikaj przeceniania możliwości.
- Zmniejszanie niejednoznaczności i zachęcanie do eksploracji. Wczesna przejrzystość buduje zaufanie, zmniejsza niewłaściwe użycie i pomaga użytkownikom tworzyć dokładne modele psychiczne działania systemu.
Podczas interakcji
Użytkownicy aktywnie pracują z agentem:
- Dopasowanie do ustalonych wzorców aplikacji. Kontrolki, układ i terminologia powinny być zgodne z otaczającym środowiskiem produktu.
- Obsługuj iteracyjne udoskonalanie. Użytkownicy powinni mieć możliwość bezpośredniego dostosowywania monitów, wąskiego zakresu, żądania wyjaśnień lub edytowania wygenerowanej zawartości. Interakcja powinna czuć się oparta na współpracy, a nie transakcyjna.
- Wyświetlaj zawartość, gdy jest istotna. Jeśli agent korzysta z określonych plików, wyborów lub źródeł danych, zidentyfikuj te informacje wyraźnie. Utrzymywanie czasu reakcji, dostępności i przewidywalnego zachowania jest niezbędne do utrzymania zaufania użytkowników.
Gdy system jest nieprawidłowy
Wyniki działania agenta są sporadycznie niekompletne, niedokładne lub niezgodne z intencją:
- Zapewnienie przejrzystych i wydajnych ścieżek poprawek. Użytkownicy powinni mieć możliwość ponownego generowania odpowiedzi, poprawiania monitów lub ręcznego edytowania danych wyjściowych bez problemów. Unikaj wymuszania przez użytkowników ponownego uruchamiania przepływów pracy.
- Wyświetl sygnały kontekstowe. W stosownych przypadkach podaj przywołane dane lub założenia, aby pomóc użytkownikom zrozumieć, dlaczego wygenerowano odpowiedź. Przejrzystość i odzyskiwalność wzmacniają kontrolę użytkowników i zapobiegają frustracji.
Treści powiązane
- Gdy sztuczna inteligencja dołącza do zespołu: trzy zasady dotyczące projektowania odpowiedzialnego agenta. Poznaj podstawowe zasady projektowania odpowiedzialnego agenta, w tym budowanie pod kątem intencji, różnicowanie się od ludzi i projektowanie pod kątem odporności na stronniczość.
- Karty adaptacyjne na potrzeby projektowania agenta. Dowiedz się, jak używać Adaptive Cards do tworzenia rozbudowanych, interaktywnych odpowiedzi w środowiskach agentów, korzystając ze wskazówek dotyczących wzorców projektowania i najlepszych rozwiązań.
- Wskazówki dotyczące UX dla niezależnych dostawców oprogramowania tworzących środowiska pomocników. Struktury doświadczenia użytkownika, podstawowe zasady i wskazówki dotyczące współpracy przy tworzeniu niestandardowych środowisk Copilot.
- Eksportowanie i importowanie składników copilot. Zarządzanie komponentami i ich ponowne wykorzystywanie w różnych rozwiązaniach Copilot w Microsoft Copilot Studio.
- Przykłady kart adaptacyjnych w Microsoft Teams. Szablony startowe kart adaptacyjnych w środowiskach Teams i Copilot.
- Projektant Adaptive Cards. Narzędzie oparte na przeglądarce do tworzenia prototypów i testowania układów kart adaptacyjnych.