Windows 앱에서 명령 요소는 사용자가 전자 메일 보내기, 항목 삭제 또는 양식 제출과 같은 작업을 수행할 수 있도록 하는 대화형 UI 요소입니다. 명령 인터페이스는 공통 명령 요소, 이를 호스트하는 명령 화면, 지원하는 상호 작용 및 제공하는 환경으로 구성됩니다.
최상의 명령 환경 제공
명령 인터페이스의 가장 중요한 측면은 사용자가 수행할 수 있도록 하는 것입니다. 앱의 기능을 계획할 때 이러한 작업 및 사용하려는 사용자 환경을 수행하는 데 필요한 단계를 고려합니다. 이러한 환경의 초기 초안을 완료한 후에는 도구 및 상호 작용을 결정하여 구현할 수 있습니다.
다음은 몇 가지 일반적인 명령 환경입니다.
- 정보 보내기 또는 제출
- 설정 및 옵션 선택
- 콘텐츠 검색 및 필터링
- 파일 열기, 저장 및 삭제
- 콘텐츠 편집 또는 만들기
명령 환경의 디자인으로 창의력을 발휘하세요. 앱에서 지원하는 입력 디바이스와 앱이 각 디바이스에 응답하는 방법을 선택합니다. 가장 광범위한 기능 및 기본 설정을 지원하여 앱을 사용 가능하고 이식 가능하며 가능한 한 쉽게 액세스할 수 있게 만듭니다(자세한 내용은 Windows 앱에 대한 명령 디자인 참조).
올바른 명령 요소 선택
명령 인터페이스에서 올바른 요소를 사용하면 직관적이고 사용하기 쉬운 앱과 어렵고 혼란스러운 앱 간의 차이를 만들 수 있습니다. 포괄적인 명령 요소 집합은 Windows 앱에서 사용할 수 있습니다. 다음은 가장 일반적인 UWP 명령 요소의 목록입니다.
단추
버튼은 즉각적으로 동작을 실행합니다. 예를 들어 전자 메일 보내기, 양식 데이터 제출 또는 대화 상자에서 작업 확인 등이 있습니다.
목록
목록은 대화형 목록이나 그리드로 항목을 표시합니다. 일반적으로 많은 옵션 또는 표시 항목에 사용됩니다. 예를 들어 드롭다운 목록, 목록 상자, 목록 보기 및 그리드 보기가 있습니다.
선택 컨트롤
사용자가 설문 조사를 완료하거나 앱 설정을 구성하는 경우와 같은 몇 가지 옵션 중에서 선택할 수 있습니다. 예를 들어 CheckBox, RadioButton 및 토글 스위치가 있습니다.
일정, 날짜 및 시간 선택기
일정, 날짜 및 시간 선택기를 사용하면 이벤트를 만들거나 알람을 설정할 때와 같은 날짜 및 시간 정보를 보고 수정할 수 있습니다. 달력 날짜 선택기, 달력 보기, 날짜 선택기, 시간 선택기를 예로 들 수 있습니다.
예측 텍스트 입력
데이터를 입력하거나 쿼리를 수행할 때와 같이 사용자 유형으로 제안을 제공합니다. 예를 들어 AutoSuggestBox있습니다.
전체 목록은 컨트롤 및 UI 요소를 참조하세요.
명령을 오른쪽 표면에 배치하세요
앱 캔버스 또는 명령 모음, 명령 모음 플라이아웃, 메뉴 모음 또는 대화 상자와 같은 특수 명령 컨테이너를 포함하여 앱의 여러 화면에 명령 요소를 배치할 수 있습니다.
항상 사용자가 콘텐츠에 대해 작동하는 명령(예: 위쪽 및 아래쪽 명령 단추가 아닌 목록 항목을 다시 정렬하기 위해 끌어서 놓기)을 통해서가 아니라 콘텐츠를 직접 조작할 수 있도록 합니다.
그러나 특정 입력 디바이스 또는 특정 사용자 기능 및 기본 설정을 수용하는 경우에는 불가능할 수 있습니다. 이러한 경우 가능한 한 많은 명령 접근성을 제공하고 이러한 명령 요소를 앱의 명령 공간에 배치합니다.
다음은 가장 일반적인 명령 화면의 목록입니다.
앱 캔버스(콘텐츠 영역)
사용자가 핵심 시나리오를 완료하기 위해 명령이 지속적으로 필요한 경우 캔버스에 배치합니다. 개체에 영향을 주는 명령을 개체 근처나 그 위에 배치하면, 캔버스에 명령을 놓는 것이 명령 사용을 쉽고 명확하게 만듭니다. 그러나 캔버스에 배치한 명령을 신중하게 선택합니다. 앱 캔버스에 너무 많은 명령이 중요한 화면 공간을 차지하여 사용자에게 과부하가 걸릴 수 있습니다. 명령이 자주 사용되지 않는 경우 다른 명령 화면에 배치하는 것이 좋습니다.
명령 모음 및 메뉴 모음
명령 모음은 명령을 구성하고 쉽게 액세스할 수 있도록 하는 데 도움이. 명령 모음은 화면 위쪽, 화면 아래쪽 또는 화면의 위쪽과 아래쪽에 둘 다 배치할 수 있습니다(앱의 기능이 명령 모음에 비해 너무 복잡할 때 MenuBar 를 사용할 수도 있음).
상황에 맞는 메뉴 이미지 
메뉴 및 상황에 맞는 메뉴
메뉴와 컨텍스트 메뉴는 명령어를 정리하고 사용자가 필요할 때까지 숨겨 공간을 절약합니다. 사용자는 일반적으로 버튼을 클릭하거나 컨트롤을 마우스 오른쪽 클릭하여 메뉴 또는 상황에 맞는 메뉴에 액세스합니다.
CommandBarFlyout은 명령 모음과 상황에 맞는 메뉴의 이점을 단일 컨트롤로 결합하는 상황에 맞는 메뉴의 유형입니다. 일반적으로 사용되는 작업에 대한 바로 가기를 제공하고 클립보드 또는 사용자 지정 명령과 같은 특정 컨텍스트에서만 관련된 보조 명령에 대한 액세스를 제공할 수 있습니다.
UWP는 기존 메뉴 및 상황에 맞는 메뉴 집합도 제공합니다. 자세한 내용은 메뉴 및 상황에 맞는 메뉴를 참조하세요.
명령 피드백 제공
명령 피드백은 상호 작용 또는 명령이 검색되었는지, 명령이 해석 및 처리되었는지, 명령이 성공했는지 여부를 사용자에게 전달합니다. 이렇게 하면 사용자가 수행한 작업과 다음에 수행할 수 있는 작업을 이해할 수 있습니다. 피드백은 UI에 자연스럽게 통합되어야 하므로 사용자가 중단되거나 반드시 필요한 경우가 아니면 추가 작업을 수행할 필요가 없습니다.
비고
필요한 경우에만 피드백을 제공하고 다른 곳에서는 사용할 수 없는 경우에만 피드백을 제공합니다. 값을 추가하지 않는 한 애플리케이션 UI를 정리하고 깔끔하게 유지합니다.
앱에서 피드백을 제공하는 몇 가지 방법은 다음과 같습니다.
명령어 막대
CommandBar의 콘텐츠 영역은 피드백을 보고 싶은 경우 사용자에게 상태를 전달하는 직관적인 장소입니다.
플라이아웃
플라이아웃 플라이아웃 바깥쪽을 탭하거나 클릭하여 해제할 수 있는 간단한 상황별 팝업입니다.
대화 상자 컨트롤
팁 (조언)
앱에서 확인 대화 상자를 사용하는 정도는 주의해야 합니다. 사용자가 실수를 할 때 매우 유용할 수 있지만 사용자가 의도적으로 작업을 수행하려고 할 때마다 방해가 됩니다.
작업을 확인하거나 실행 취소하는 경우
애플리케이션의 UI가 아무리 잘 디자인되더라도 모든 사용자는 원하지 않는 작업을 수행합니다. 앱은 작업의 확인을 요구하거나 최근 작업을 실행 취소하는 방법을 제공하여 이러한 상황에 도움이 될 수 있습니다.
실행 취소할 수 없고 큰 결과가 발생하는 작업의 경우 확인 대화 상자를 사용하는 것이 좋습니다. 이러한 작업의 예는 다음과 같습니다.
- 파일 덮어쓰기
- 닫기 전에 파일을 저장하지 않음
- 파일 또는 데이터의 영구 삭제 확인
- 사용자가 확인 필요를 선택 취소하지 않는 한 구매하기
- 양식 제출(예: 등록 등)
실행 취소할 수 있는 작업의 경우 일반적으로 간단한 실행 취소 명령을 제공하는 것으로 충분합니다. 이러한 작업의 예는 다음과 같습니다.
- 파일 삭제
- 전자 메일 삭제(영구적으로 삭제되지 않음)
- 콘텐츠 수정 또는 텍스트 편집
- 파일 이름 바꾸기
특정 입력 형식에 맞게 최적화
특정 입력 유형 또는 디바이스에 대한 사용자 환경 최적화에 대한 자세한 내용은 상호 작용 입문 서를 참조하세요.
GitHub에서 Microsoft와 공동 작업
이 콘텐츠의 원본은 GitHub에서 찾을 수 있으며, 여기서 문제와 끌어오기 요청을 만들고 검토할 수도 있습니다. 자세한 내용은 참여자 가이드를 참조하세요.
Windows developer