탐색 캐러셀

탐색 캐러셀은 항목이 웹 콘텐츠일 때 사용자가 여러 항목 중 하나를 선택할 수 있도록 최적화되어 있습니다. 사용자가 항목을 선택하면 웹브라우저 (모든 항목이 Accelerated Mobile Pages인 경우 AMP 브라우저)에서 열립니다.

다음은 필수 및 선택 필드가 모두 입력되었을 때 탐색 캐러셀이 표시되는 예입니다.


요구사항

필드 이름 필수 여부 제한사항/맞춤설정
URL
  • 캐러셀의 모든 항목이 웹 콘텐츠로 연결되어야 합니다. Accelerated Mobile Pages(AMP) 콘텐츠를 사용하는 것이 좋습니다.
항목 이미지 아니요
  • 정사각형, 가로 모드, 세로 모드 등 세 가지 이미지 가로세로 비율 중에서 선택하세요.
  • 기본 크기는 화면 크기와 가로세로 비율에 따라 다르며 추가 공백은 막대로 채워집니다.
  • 이미지 소스는 URL입니다. 이미지 링크가 깨진 경우 대신 자리표시자 이미지가 사용됩니다.
  • 접근성을 위해 대체 텍스트가 필요합니다.
기본 텍스트
  • 각 항목의 기본 텍스트는 고유해야 합니다 (음성 선택 지원).
  • 일반 텍스트 글꼴 및 크기가 수정되었습니다.
  • 2줄을 입력하는 것이 좋습니다. 노출 영역에 따라 추가 문자가 잘립니다.
보조 텍스트

본문 또는 서식이 지정된 텍스트라고도 합니다.

아니요
  • 일반 텍스트 글꼴 및 크기가 수정되었습니다.
  • 2줄을 입력하는 것이 좋습니다. 노출 영역에 따라 추가 문자가 잘립니다.
바닥글 아니요
  • 글꼴 및 크기가 수정되었습니다.
  • 최대 1줄입니다. 화면에 따라 약 50자(영문 기준)입니다. 추가 문자는 생략 기호로 잘립니다.
  • 카드가 하단에 고정되어 설명이 짧은 항목은 바닥글 위에 공백이 있을 수 있습니다.

항목 수

  • 최대: 10개
  • 최소: 2

일관성

탐색 캐러셀의 모든 항목에는 동일한 필드가 포함되어야 합니다. 예를 들어 한 항목에 이미지가 포함된 경우 캐러셀의 모든 항목에 이미지가 포함되어야 합니다.

모든 항목이 AMP 지원 콘텐츠에 연결되면 사용자는 추가 기능이 있는 AMP 브라우저로 이동됩니다. AMP가 아닌 콘텐츠로 연결되는 항목이 있으면 모든 항목이 사용자를 웹브라우저로 안내합니다.

상호작용

  • 스와이프: 캐러셀을 슬라이드하여 여러 카드를 표시합니다.
  • 탭: 항목을 탭하면 브라우저가 열리고 연결된 페이지가 표시됩니다.
  • 사용자에게 탐색 캐러셀이 전송되더라도 마이크가 다시 열리지 않습니다.


안내

탐색 캐러셀은 웹 콘텐츠를 탐색하고 선택하는 데 사용됩니다.

캐러셀을 사용하면 사용자가 작업과의 다중 모달 대화 상호작용에서 벗어나므로 이 전환 과정을 사용자에게 명확하게 설명해야 합니다. 더 이상 내 작업에 관해 말하거나 입력할 필요가 없으며 웹브라우저에서 콘텐츠를 탭하거나 읽을 것입니다.

사용자에게 화면과 상호작용하여 항목을 선택해야 한다고 명확히 알립니다. 그러면 웹페이지가 열리며 대화에서 나갈 수 있을 것이라는 기대치를 설정하세요.

사용자에게 탐색 캐러셀이 전송되더라도 마이크가 다시 열리지 않으므로 사용자의 질문을 듣지 못하므로 사용자에게 질문하지 마세요.

적절한 예

항목을 선택하면 작업이 실행되지 않는다고 사용자에게 알립니다.

부적절한 예

마이크가 닫혀 있을 때 질문하지 말고 사용자를 오도하지 마세요. 이 경우 사용자가 호텔을 선택하면 이벤토와 더 이상 이야기할 수 없으며 호텔 웹페이지로 연결된다는 점을 명확하게 알 수 없습니다.