사용자 상호작용 설계

이 페이지에서는 Google Chat 앱이 사용자와의 상호작용을 설계하고 이에 응답하는 방법을 설명합니다.

채팅 앱은 다음과 같은 방식으로 상호작용을 지원합니다.

  • 사용자에게 Chat 앱 소개
  • 명령에 응답
  • 양방향 카드 기반 인터페이스 표시 또는 전송
  • 대화형 대화상자 열기
  • 링크 미리보기
  • 메시지에서 사용자 @멘션하기

사용자에게 Chat 앱 소개

Chat 앱의 기능과 사용자가 Chat 앱을 최대한 활용하는 방법을 자세히 설명하는 환영 메시지로 사용자 및 스페이스를 Chat 앱에 온보딩합니다.

효과적인 온보딩 메시지의 구조는 다음과 같습니다.

  • 인사하기 사용자에게 적절한 음성과 어조를 사용하세요.
  • Chat 앱의 기능을 간략하게 설명합니다. 사용자가 할 수 있는 작업을 한두 문장으로 설명하여 Chat 앱을 소개합니다.
  • 시작하는 방법 안내 사용자에게 Chat 앱을 사용하는 방법을 안내합니다. Chat 앱에 구성 또는 승인이 필요한 경우 사용자가 설정 프로세스를 완료하도록 유도하는 것이 좋습니다. 예를 들어 일반적인 명령어 1~2개를 제안합니다.
  • 도움을 받는 방법과 의견을 제공하는 방법을 설명합니다. 도움을 받거나 의견을 제공하는 방법을 안내하여 메시지를 마무리합니다.

다음 채팅 앱의 온보딩 메시지는 사용자가 성공할 수 있도록 준비합니다.

일정 관리 Chat 앱의 온보딩 메시지 예시

명령에 응답

명령어를 사용하면 사용자가 특정 또는 반복 가능한 방식으로 채팅 앱을 요청하거나 채팅 앱과 상호작용할 수 있습니다. 사용자는 메시지에서 명령어를 사용하거나 (예: /help 입력) 답장 영역의 메뉴에서 선택할 수 있습니다.

다음은 Cymbal Chat 앱에서 사용할 수 있는 명령어 목록입니다.

Chat 앱과 상호작용할 명령어를 선택합니다.

메시지에서 사용자 @멘션하기

Chat 앱은 스페이스에서 특정 사용자 또는 모든 사용자를@멘션하여 메시지를 알릴 수 있습니다. 단일 사용자를 멘션하기 전에, 특히 스페이스의 모든 사용자를 멘션하기 전에 정말 필요한지 고려하고 사용자를 멘션하지 않는 것이 좋습니다.

단일 사용자를 멘션하면 사용자에게 알림이 전송되고 다른 작업을 방해합니다. 스페이스의 모든 사용자를 멘션하면 스페이스의 모든 사용자에게 알림이 전송됩니다. 사람들을 너무 자주 멘션하면 Chat 앱에 짜증을 내고 스팸으로 간주할 수 있습니다.

매우 중요하거나 긴급한 이유가 있는 경우 사용자를 언급해도 됩니다. 예를 들어 다음 Chat 앱에서는 소프트웨어 개발자가 가득한 스페이스를 @멘션하여 코드 동결이 다가오고 있으며 기한 전에 시간이 조금 더 필요하다고 말할 기회를 제공합니다.

Chat 앱이 스페이스의 모든 사용자에게 메시지를 보냅니다.

반면 다음 채팅 앱은 고객에게 직접 감사를 표합니다. 이는 예의 바르지만 알림을 보낼 만한 내용은 아닙니다.

단일 사용자에게 메시지를 보내는 Chat 앱

대화형 카드 전송 또는 표시

카드는 Chat 앱이 사용자와 스페이스에 전송할 수 있는 텍스트, 이미지, 버튼과 같은 상호작용형 및 정적 위젯을 모두 포함할 수 있는 UI 요소입니다. Chat 앱에서 사용자로부터 정보를 수집하거나, 자세한 정보를 표시하거나, 사용자가 다음 단계를 수행하도록 안내해야 하는 경우 카드 메시지를 전송하세요.

Chat 앱은 메시지에서 카드 인터페이스를 전송하거나 채팅 메시지 스페이스에서 카드를 홈페이지로 표시할 수 있습니다.


카드 빌더를 사용하여 Chat 앱의 메시지 및 사용자 인터페이스를 디자인하고 미리 봅니다.

카드 빌더 열기

다음은 Chat 앱의 카드 메시지입니다.

카드 메시지를 보내는 채팅 앱

대화형 대화상자 열기

대화상자는 사용자가 열어 Chat 앱과 상호작용할 수 있는 창 기반 카드 인터페이스입니다. 대화상자에서 여러 카드 메시지를 순차적으로 연결할 수 있으므로 사용자가 양식 데이터를 입력하는 것과 같은 다단계 프로세스를 완료하는 데 도움이 됩니다.

다음 예에서는 채팅 앱이 /createContact 슬래시 명령어를 실행하는 사용자로부터 연락처 세부정보를 수집하기 위한 대화상자를 시작합니다.

대화상자를 통해 사용자로부터 새 연락처에 관한 세부정보를 수집합니다.

Chat 앱은 스페이스의 사용자를 위해 링크를 미리 볼 수 있습니다. 일치하는 링크를 공유할 때마다 Chat 앱은 링크에 관한 정보를 표시하는 카드를 메시지에 첨부할 수 있습니다.

다음 Chat 앱을 사용하면 고객 서비스 담당자가 Chat 스페이스에서 공유된 케이스 링크를 미리 볼 수 있습니다.

카드 메시지에서 미리보기된 링크

다음 단계

대화형 기능을 빌드하려면 사용자 상호작용을 수신하고 이에 응답하도록 Chat 앱을 구성해야 합니다. 단계는 사용자 상호작용 수신 및 응답을 참고하세요.