훌륭한 에이전트 환경을 설계하는 것은 올바른 프롬프트를 만드는 것 이상입니다. 이는 모든 표면, 응답 및 실패 상태가 함께 작동하여 사용자를 지원하는 완전한 상호 작용 시스템을 구축하는 것을 의미합니다. 이 문서에서는 시각적 일관성을 제공하는 Fluent UI 구성 요소 에서 사용자가 첫 번째 상호 작용에서 오류 복구까지 자신감을 유지하는 수명 주기 디자인 패턴에 이르기까지 이를 수행하는 데 도움이 되는 디자인 도구와 원칙을 소개합니다.
유창한 UI
Fluent UI는 에이전트에 대한 시각적 및 동작 기반을 제공합니다. 해당 구성 요소는 재사용 가능하고 액세스할 수 있습니다. Fluent UI를 사용하여 디자인할 때 이미 Microsoft 시각적 언어에 맞는 시스템 내에서 작업하고 있습니다. 즉, 사용자 지정 오버헤드가 줄어들고 Microsoft 365 에코시스템 전체에서 사용자의 일관성이 높아질 수 있습니다.
일관성과 일관성을 위한 디자인. Fluent UI 컨트롤을 사용하여 Microsoft 에이전트 및 광범위한 Microsoft 365 Copilot 에코시스템 간에 시각적 및 동작 맞춤을 유지합니다. 사용자가 에이전트 간에 이동할 때 친숙한 구성 요소는 인지 부하를 줄이고 신뢰를 구축합니다.
접근성 및 응답성을 위한 디자인. Fluent UI React v9 구성 요소를 채택합니다. 버전 9는 이전 버전에 비해 향상된 접근성 지원, 응답성 동작 및 향상된 성능을 제공합니다. 디자이너 대상 그룹의 경우 사용자 지정 재정의 없이도 레이아웃이 화면 크기 및 입력 형식에 맞게 올바르게 조정됩니다.
구성 요소 선택 및 사용자 지정을 위한 디자인입니다. Fluent UI Web Components 라이브러리는 사용 가능한 패턴에 대한 기준 정보입니다. 토글 단추, 복합 단추, 대화 상자, 메뉴, 탭 및 관련 기본 형식이 포함됩니다. 사용자 지정 구성 요소를 도입하기 전에 이러한 패턴에서 시작합니다.
성능 및 최적화를 위한 디자인입니다. 의도적인 구성 요소 사용을 통해 번들 크기를 최소화합니다. 불필요한 오버라이드는 피하세요. 하드 코딩된 스타일 대신 시각적 사용자 지정을 위해 Fluent의 테마 및 토큰 시스템에 의존합니다. 이렇게 하면 에이전트가 향후 플랫폼 업데이트와 일관되게 유지됩니다.
에이전트에 대한 중요한 원칙
에이전트를 설계할 때는 에이전트의 성격에 대해 신뢰할 수 있고 정직하며 광범위한 영향을 인식하여 설계하는 것이 중요합니다. 세 가지 핵심 원칙은 디자인 결정을 안내하는 데 도움이 될 수 있습니다. 에이전트는 다음이어야 합니다.
의도에 맞게 설계되었습니다. 에이전트는 사용자를 지원하며 판단을 대체하지 않습니다. 기능과 제한 사항을 명확하게 전달하고, 출력을 편집 가능한 상태로 유지하고, 구체화를 위한 표시 컨트롤을 제공하고, 사용자 소유권을 강화하는 디자인 상호 작용을 제공하는 것이 중요합니다. 실제로 이 원칙은 "Copilot, 요약해"보다는 "Copilot으로 요약"과 같은 표현을 사용해, 작업을 시작하는 주체를 사용자로 유지하는 것을 의미합니다.
인간과 구별됩니다. 에이전트는 응답을 생성하며 생각하거나 느끼지 않습니다. 중립 기술 지향 언어를 사용합니다. 정서적 또는 인간의 프레이밍을 피하십시오. 톤을 투명하게 유지하고 작업 중심을 유지합니다. "이해", "생각" 또는 "느낌"와 같은 단어를 사용하지 마세요. 대신 "process" 또는 "analyze"와 같은 단어를 사용합니다.
편향에 강함. 에이전트 출력은 주 사용자보다 더 많은 영향을 미칠 수 있습니다. 콘텐츠를 공유하거나 재사용하는 방법을 인식하여 디자인합니다. 위험을 예측하고 검토 및 수정을 위한 메커니즘을 포함합니다. 팀에게 질문: 이 출력을 보거나 작업할 수 있는 다른 사람은 누구인가요? 에이전트가 실패하거나 오용되는 경우 의도하지 않은 결과는 무엇인가요?
책임 있는 에이전트 디자인에 대한 추가 지침은 AI가 팀에 합류하는 경우 문서인 책임 있는 에이전트 디자인에 대한 세 가지 원칙을 참조하세요.
수명 주기 전반의 디자인
에이전트 환경을 격리된 프롬프트가 아닌 완전한 상호 작용 시스템으로 디자인합니다. 각 에이전트는 출력이 불완전할 때 첫 번째 노출 및 예상 설정부터 활성 공동 작업, 수정 및 복구에 이르기까지 전체 사용자 경험을 지원해야 합니다. 이러한 단계에서 설계하면 명확성, 신뢰 및 지속적인 유용성이 보장됩니다.
첫 실행 환경
첫 번째 상호 작용은 전체 에이전트 관계의 톤을 설정합니다. 사용자가 첫 번째 실행을 위해 에이전트에 액세스하는 경우:
- 도움이 되도록 디자인된 내용을 명확하게 전달합니다. 사용자에게 의미 있는 작업을 안내하는 예제 프롬프트, 일반적인 사용 사례 및 표시되는 진입점을 제공합니다.
- 출력 품질에 대한 기대치를 설정합니다. 응답이 달라질 수 있으며 출력에 검토 또는 구체화가 필요할 수 있음을 명확히 합니다. 기능을 과장하지 마십시오.
- 모호성을 줄이고 탐색을 장려합니다. 초기 투명성은 신뢰를 구축하고, 오용을 줄이며, 사용자가 시스템 작동 방식에 대한 정확한 정신 모델을 형성하는 데 도움이 됩니다.
상호 작용 중
사용자가 에이전트를 적극적으로 사용하여 작업하는 동안:
- 설정된 애플리케이션 패턴에 맞춥니다. 컨트롤, 레이아웃 및 용어는 주변 제품 환경과 일치해야 합니다.
- 반복적인 구체화를 지원합니다. 사용자는 프롬프트를 조정하거나, 범위를 좁히거나, 설명을 요청하거나, 생성된 콘텐츠를 직접 편집할 수 있어야 합니다. 상호 작용은 트랜잭션이 아닌 협업을 느껴야 합니다.
- 관련이 있을 때 콘텐츠를 표시합니다. 에이전트가 특정 파일, 선택 또는 데이터 원본을 사용하는 경우 해당 정보를 명확하게 식별합니다. 응답성, 접근성 및 예측 가능한 동작을 유지하는 것은 사용자 신뢰를 유지하는 데 필수적입니다.
시스템이 잘못된 경우
에이전트 출력은 경우에 따라 불완전하거나 부정확하거나 의도로 잘못 정렬됩니다.
- 명확하고 효율적인 수정 경로를 제공합니다. 사용자는 응답을 다시 생성하거나, 프롬프트를 수정하거나, 마찰 없이 출력을 수동으로 편집할 수 있어야 합니다. 사용자가 워크플로를 강제로 다시 시작하지 않도록 합니다.
- 문맥 신호를 표시합니다. 적절한 경우 사용자가 응답이 생성된 이유를 이해하는 데 도움이 되는 참조된 데이터 또는 가정을 제공합니다. 투명성과 복구 효율성은 사용자 제어를 강화하고 좌절을 방지합니다.
관련 콘텐츠
- AI가 팀에 합류하는 경우: 책임 있는 에이전트 디자인에 대한 세 가지 원칙입니다. 의도 구축, 인간과 차별화, 편견 저항을 위한 설계 등 책임 있는 에이전트 디자인의 핵심 원칙을 살펴봅니다.
- 에이전트 설계를 위한 적응형 카드. 적응형 카드 사용하여 디자인 패턴 및 모범 사례에 대한 지침과 함께 에이전트 환경에서 풍부한 대화형 응답을 만드는 방법을 알아봅니다.
- ISV용 Copilot 경험에 대한 UX 지침. 사용자 지정 Copilot 환경을 빌드하기 위한 사용자 환경 프레임워크, 기본 원칙 및 공동 작업 사용자 환경 팁입니다.
- 부조종사 구성 요소를 내보내고 가져옵니다. Microsoft Copilot Studio 부조종사 솔루션에서 구성 요소를 관리하고 재사용합니다.
- Microsoft Teams 적응형 카드 샘플. Teams 및 Copilot 환경용 적응형 카드 시작용 템플릿입니다.
- 적응형 카드 디자이너입니다. 적응형 카드 레이아웃의 프로토타입 생성 및 테스트를 위한 브라우저 기반 도구입니다.