시각적 구성요소 개요
시각적 구성요소에는 카드, 캐러셀, 목록 및 기타 시각적 애셋이 있습니다. 시각적 구성요소는 세부적인 정보를 설명할 때 유용하지만 모든 차례에 차례가 필요한 것은 아닙니다.
이 섹션에서는 작업에 사용할 수 있는 시각적 구성요소, 이러한 구성요소를 사용해야 하는 경우, 구성요소를 맞춤설정하는 방법을 안내합니다.
영상을 만들어야 하는 경우
사용자가 어디에 있든 도움이 되도록 디자인을 확장하는 경우
대화 설계 프로세스를 따랐다면 먼저 Google Home과 같이 화면이 없는 기기를 디자인합니다. 모든 것이 한곳, 즉 음성 안내 메시지에 있다면 대화 흐름을 제대로 따라갈 수 있기 때문입니다.
휴대전화와 같은 다른 기기를 포함하도록 디자인을 확장할 때 시각 자료를 만들기 시작합니다.
대화를 보완할 때
영상은 대화를 보완하기 위한 것이므로 대화에서 매번 차례대로 시청할 필요는 없습니다.
화면에 더 잘 표시될 수 있는 정보를 생각해 보세요. 다음을 고려하세요.
- 사용자가 논의 중인 이미지의 이미지를 보는 데 도움이 되나요?
- 사용자가 음성 목록이 아닌 시각적 목록에서 선택하기가 더 쉬운가요?
- 대화에 필수는 아니지만 사용자에게 표시하는 데 도움이 되는 추가 콘텐츠가 있나요?
시각 요소 표시 위치 및 방법
화면 출력이 있는 기기
물론 영상은 화면 출력이 있는 기기에만 표시됩니다. 표시되는 화면의 크기에 맞게 자동으로 크기가 조정되고 재정렬됩니다.
대화형 구성요소 사용
영상은 단독으로 표시되지 않습니다. 항상 음성 메시지 또는 디스플레이 메시지가 표시됩니다. 칩도 함께 사용해야 합니다.
사전 서식이 지정된 템플릿
이러한 시각적 구성요소는 필수 및 선택 필드가 있는 템플릿으로 생각하세요. 표시할 데이터 (텍스트 문자열, 이미지 파일 등)를 지정하기만 하면 됩니다. 지정해야 하는 항목에 관한 자세한 내용은 각 시각적 구성요소의 '요구사항' 섹션을 참조하세요.
시각적 구성요소 유형
시각적 구성요소 | 설명 |
---|---|
기본 카드 | 기본 카드를 사용하여 사용자에게 이미지와 텍스트를 표시합니다. |
탐색 캐러셀 | 탐색 캐러셀은 항목이 웹 콘텐츠일 때 사용자가 여러 항목 중 하나를 선택할 수 있도록 최적화되어 있습니다. |
캐러셀 | 캐러셀은 사용자가 이미지로 가장 쉽게 구분할 수 있는 여러 항목 중 하나를 사용자가 선택할 수 있도록 최적화되었습니다. |
목록 | 목록은 항목이 제목으로 가장 쉽게 구분되는 경우 사용자가 여러 항목 중 하나를 선택할 수 있도록 최적화되어 있습니다. |
미디어 응답 | 미디어 응답은 음악 또는 기타 미디어와 같은 오디오 콘텐츠의 재생 및 제어에 사용됩니다. |
표 | 테이블은 사용자에게 정적 데이터를 쉽게 훑어볼 수 있는 형식으로 표시하는 데 사용됩니다. |