Conversation Design | Google for Developers

대화형 작업이 2023년 6월 13일에 지원 중단되었습니다. 자세한 내용은 대화 작업 지원 중단을 참고하세요.

이 페이지는 Cloud Translation API를 통해 번역되었습니다.

설계 확장

Google Home과 관련된 중요한 대화를 마쳤으니, 이제 사용자가 어디에 있든 쉽게 디자인을 확장할 수 있습니다. Google 어시스턴트는 여러 기기에서 사용자를 지원하기 때문에 내 작업도 도움이 됩니다. 이를 위해 음성 대화를 다중 모달 대화로 조정합니다.

다중 모달 디자인

이 동영상에서는 각 모달리티의 강점을 활용하여 기기 전반에 걸쳐 확장되는 매력적인 환경을 만드는 방법을 알아봅니다.

Google I/O 2018에서 다중 모달 작업 디자인에 관한 사바 자이디와 울라스 키라치의 사례

응답 분석

내 작업에 대한 사용자의 응답은 여러 구성요소로 이루어져 있습니다.

대화 구성요소

대화 구성요소가 결합되어 음성 안내 메시지, 디스플레이 메시지, 칩의 콘텐츠를 작성합니다.

대화 구성요소 (메시지 및 칩)는 모든 대화 차례에 맞게 설계되어야 합니다.

음성 메시지	작업이 TTS 또는 사전 녹음된 오디오를 통해 사용자에게 말하는 콘텐츠
메시지 표시	작업이 인쇄된 텍스트를 통해 사용자에게 작성하는 콘텐츠입니다.
칩	사용자가 대화를 계속하거나 방향을 전환할 수 있는 방법 제안

시각적 구성요소

시각적 구성요소에는 카드, 캐러셀, 기타 시각적 애셋이 포함됩니다.

시각적 구성요소는 스캔 및 옵션 비교에 가장 적합하며, 자세한 정보를 제공할 때 유용하지만 대화 차례마다 필요하지는 않습니다.

기본 카드	기본 카드를 사용하여 사용자에게 이미지와 텍스트를 표시합니다.
탐색 캐러셀	탐색 캐러셀은 항목이 웹 콘텐츠일 때 사용자가 여러 항목 중 하나를 선택할 수 있도록 최적화되어 있습니다.
캐러셀	캐러셀은 사용자가 이미지로 쉽게 구분할 수 있는 여러 항목 중 하나를 사용자가 선택하도록 하는 데 최적화되어 있습니다.
목록	목록은 항목이 제목으로 가장 쉽게 구분되는 경우 사용자가 여러 항목 중 하나를 선택할 수 있도록 최적화되어 있습니다.
미디어 응답	미디어 응답은 음악 또는 기타 미디어와 같은 오디오 콘텐츠의 재생 및 제어에 사용됩니다.
표	테이블은 사용자에게 정적 데이터를 쉽게 훑어볼 수 있는 형식으로 표시하는 데 사용됩니다.

응답에 사용된 구성요소별로 기기를 그룹화합니다.

스마트 스피커 또는 헤드폰의 대화에서 음성 메시지는 전체 대화를 전달하며 핵심 메시지를 전달합니다.

자동차나 스마트 디스플레이에서 대화 기능을 사용할 때 사용자가 화면을 보지 못할 수도 있습니다. 따라서 음성 메시지는 대화의 대부분을 전달하고 핵심 메시지를 전달해야 합니다. 이 화면은 대화를 보충하거나 방향을 전환하는 데 도움이 되는 추가 정보 및 시각 자료에도 사용될 수 있습니다.

TV, 노트북, 휴대전화 또는 시계의 대화는 오디오 입력/출력 및 화면 기반 상호작용에 똑같이 적합합니다. 사용자는 음성 또는 시각적 모달리티로 대화를 이어갈 수 있습니다. 따라서 모든 구성요소가 함께 작동하여 대화를 전달하고 핵심 메시지를 전달합니다.

음성에서 다중 모달로 이동

샘플 대화를 작성할 때 음성 대화로 시작하는 것이 좋습니다. 즉, 스마트 스피커나 헤드폰과 같은 화면이 없는 기기를 위한 설계입니다. 이제 디자인을 다른 기기에 맞게 확장할 준비가 되었으므로 음성 안내 메시지를 벗어나 디스플레이 메시지, 칩, 시각 요소로 조각이 이동합니다.

예시 샘플 대화상자의 원래 음성 메시지로 시작합니다.

대화의 핵심을 전달할 필요성이 동일하게 유지되므로 대부분의 경우 스마트 디스플레이와 같은 기기에서 동일한 음성 메시지를 다시 사용할 수 있습니다.

현재 카드 또는 캐러셀과 같은 시각적 구성요소에 적합한 콘텐츠는 없으므로 아무것도 포함되지 않습니다.

칩을 추가해야 합니다. 최소한 사용자가 신속하게 탭하여 응답할 수 있도록 메시지에 제공된 옵션을 포함해야 합니다.

시각적 구성요소에 적합한 콘텐츠는 없으므로 음성 메시지 밖으로 이동할 수 있는 콘텐츠도 없습니다. 따라서 원본을 다시 사용해도 괜찮습니다.

디스플레이 메시지는 음성 메시지를 요약한 버전이어야 하며 가독성을 위해 최적화되어야 합니다. 모든 응답 옵션을 칩으로 이동하되 항상 질문을 포함해야 합니다.

방금 만든 동일한 칩을 다시 사용하세요.

예시 샘플 대화상자의 원래 음성 메시지로 시작합니다.

인지 부하를 줄이기 위해 음성 목록은 총 17개의 항목으로 제한됩니다. 어떤 주제보다 다른 주제를 선호하지 않도록 주제가 무작위로 선택됩니다.

이 경우에도 사용자가 화면을 보고 있다고 가정할 수 없으므로 동일한 음성 프롬프트를 다시 사용해도 괜찮습니다.

모든 주제의 시각적 목록을 포함하면 사용자가 둘러보고 선택하는 데 도움이 됩니다. 모든 페이지로 나눈 17개 항목의 시각적 목록이 알파벳순으로 표시되므로 사용자가 원하는 주제를 가장 쉽게 검색할 수 있습니다.

목록에 선택할 수 있는 주제가 이미 열거되어 있으므로 칩으로 포함할 필요가 없습니다. 대신 '해당 사항 없음'과 같은 다른 옵션을 포함하면 사용자가 이탈할 수 있습니다.

여기서는 사용자가 오디오와 화면에 동등하게 액세스할 수 있다고 가정할 수 있습니다. 시각적 모달리티가 목록에 더 적합하기 때문에 주제를 선택하도록 사용자를 화면으로 안내하여 이 강점을 활용할 수 있습니다. 이를 통해 음성 프롬프트를 간단한 목록 개요와 질문으로 줄일 수 있습니다.

디스플레이 프롬프트에서는 질문만 유지하면 됩니다.

방금 만든 칩을 다시 사용하세요.

설계 확장에 대한 자세한 내용은 I/O 18 Action을 설계하고 빌드한 방법을 설명하는 이 2부 블로그 게시물을 확인하세요. 오픈소스 코드를 더 자세히 살펴볼 수도 있습니다.