가상 투어 핫스팟: 유형, 용도 및 모범 사례

가상 투어 핫스팟은 360도 장면 안에서 클릭할 수 있는 지점입니다. 이것들은 방문자가 보기만 하는 파노라마를 탐색하고 이해하며 행동으로 옮길 수 있는 경험으로 바꿉니다. 잘 배치된 핫스팟은 다음 방으로 안내하거나, 물체를 설명하거나, 갤러리나 비디오를 열거나, 방문자를 유용한 페이지로 보내거나, 적절한 다음 단계를 제시할 수 있습니다.

중요한 질문은 투어에 몇 개의 핫스팟을 넣을 수 있는지가 아닙니다. 중요한 것은 각 핫스팟이 방문자가 무엇을 할 수 있게 돕느냐입니다. 이 가이드는 주요 가상 투어 핫스팟 유형, 사용 위치, 데스크탑과 모바일에서 네비게이션, 콘텐츠, 행동 유도(CTA)를 어떻게 명확하게 유지할지 설명합니다.

가상 투어 핫스팟이란?

핫스팟은 파노라마의 특정 위치에 배치된 인터랙티브 마커입니다. 선택되면 다른 장면을 열거나, 정보를 표시하거나, 미디어를 재생하거나, 방문자를 투어 외부로 안내할 수 있습니다. 위치, 아이콘, 라벨, 동작은 방문자가 클릭하기 전에 결과를 예측하기 쉽도록 해야 합니다.

핫스팟은 공간의 물리적·정보적 논리를 따를 때 가장 잘 작동합니다. 출입구나 통로, 계단, 경로, 엘리베이터, 게이트 같은 눈에 보이는 경계에 네비게이션 마커를 두고, 설명하는 세부 옆에는 정보 마커를 두며, 방문자가 충분한 맥락을 얻을 수 있는 곳에 CTA를 배치하세요. 파노라마들을 경험으로 연결하는 더 넓은 과정은 인터랙티브 가상 투어를 만드는 방법을 참조하세요.

네비게이션 핫스팟: 장면 간 자연스럽게 이동하기

네비게이션 핫스팟은 한 파노라마를 다른 파노라마와 연결합니다. 이들은 방과 방, 층과 층, 지점과 지점 간 탐색의 핵심입니다. 문, 복도, 계단, 경로, 엘리베이터, 게이트 같은 보이는 경계에 배치해 이동 경로가 자연스럽게 느껴지도록 하세요.

방향 일치: 왼쪽 출입구 쪽으로 배치된 마커는 그 출입구를 통과하는 것처럼 느껴지는 방향으로 다음 장면을 열어야 합니다.
복귀 경로 만들기: 경로가 의도적으로 일방 통행이 아닌 한, 방문자가 돌아갈 수 있는 명확한 방법을 제공하세요.
경쟁하는 선택지에 라벨 붙이기: 여러 방이나 경로가 보일 때는 짧은 목적지 라벨로 추측을 줄이세요.
경로를 읽기 쉽게 유지하기: 같은 좁은 화면 영역에 여러 네비게이션 마커를 배치하지 마세요.

네비게이션 핫스팟은 한 가지 간단한 질문에 답해야 합니다: 다음에 어디로 가게 되나? 장면 점프가 층, 건물, 혹은 문맥을 예상과 다르게 바꾼다면 라벨, 전환, 평면도, 또는 지도를 사용해 변화를 설명하세요. 평면도가 있는 가상 투어는 방문자가 단순히 선형 경로를 따르는 것보다 방들 간 관계를 이해해야 할 때 특히 유용합니다.

텍스트 및 정보 핫스팟: 파노라마가 설명할 수 없는 것을 설명하기

텍스트 핫스팟은 파노라마를 영구적인 텍스트로 덮지 않고 맥락을 추가합니다. 자재, 방 기능, 편의시설, 접근성 정보, 제품 사양, 전시물 정보, 안전 지침, 실용적인 사용법 등을 식별하는 데 사용하세요.

첫 메시지는 간결하고 구체적으로 유지하세요. 주방 기기 옆의 마커는 포함된 항목을 적을 수 있고, 박물관의 마커는 작품을 소개하고 선택적 세부 정보를 제공할 수 있으며, 부동산의 마커는 수납 기능을 명확히 할 수 있습니다. 텍스트가 시각적으로 명백한 것을 단순히 반복한다면 핫스팟이 필요하지 않습니다.

기대치를 설정하는 라벨 작성하기

방문자가 무엇을 찾을지 알려주는 짧은 라벨을 사용하세요. 예: 방 크기, 접근성 정보, 또는 제품 상세 보기. 아이콘만으로 결과를 설명하지 못할 때는 더보기 같은 모호한 라벨을 피하세요. 명확한 라벨은 실수 클릭을 줄이고 복잡한 장면을 스캔하기 쉽게 만듭니다.

이미지 및 갤러리 핫스팟: 장면 이상의 세부사항 보여주기

하나의 파노라마로는 클로즈업, 대체 각도, 혹은 일련의 보조 이미지를 항상 보여줄 수 없습니다. 이미지 핫스팟은 마감재, 장비, 제품 세부, 역사적 자료, 전후 비교, 혹은 평면하고 더 가까운 형식에서 이점을 제공하는 다른 증거를 위한 갤러리를 열 수 있습니다.

파노라마를 중복하지 않고 정보를 추가하는 이미지를 사용하세요. 모바일 보기용으로 압축하고, 필요할 때 유용한 캡션을 포함하며, 닫기 컨트롤을 찾기 쉽게 만드세요. 갤러리는 장면의 임의의 빈 영역이 아니라 지원하는 주제 근처에 있어야 합니다.

비디오 및 오디오 핫스팟: 시연과 해설

동작, 과정, 혹은 사람의 설명이 중요할 때 비디오 핫스팟이 유용합니다. 호텔은 서비스를 보여줄 수 있고, 쇼룸은 제품을 시연할 수 있으며, 캠퍼스는 프로그램을 소개할 수 있습니다. 오디오는 가이드 내레이션, 구두 해설, 혹은 시각적 장면을 보완하는 접근성 있는 설명을 제공할 수 있습니다.

미디어는 목적이 분명하고 조작하기 쉬워야 합니다. 다른 미디어와 경쟁하지 않도록 자동 재생을 피하고, 적절할 경우 자막이나 전사본을 제공하며, 일반적인 휴대폰 연결 환경에서 로딩을 테스트하세요. 짧고 관련성 있는 클립이 탐색을 중단하는 긴 비디오보다 대체로 더 유용합니다.

링크 핫스팟: 투어를 유용한 리소스와 연결하기

링크 핫스팟은 방문자를 페이지, 문서, 예약 시스템, 제품 페이지 또는 기타 외부 리소스로 보냅니다. 전체 답이 파노라마 밖에 있을 때 유용합니다. 예를 들어 쇼룸은 기술 문서로 연결할 수 있고, 부동산 투어는 방문자가 주요 공간을 탐색한 후 문의 페이지로 연결할 수 있습니다.

목적지를 라벨에 명확히 표시하고 게시 후 테스트하세요. 링크는 방문자 여정을 지원해야 하며, 이유 없이 사람들을 투어에서 멀어지게 해서는 안 됩니다. 목적지가 전환에 필수적이라면 행동 중심 문구의 CTA 핫스팟이 더 명확한지 고려하세요.

CTA 핫스팟: 관심을 다음 단계로 연결하기

콜투액션(CTA) 핫스팟은 방문자에게 정보를 요청하거나, 방문 예약을 하거나, 가능 여부를 확인하거나, 제품을 구매하거나, 팀에 연락하거나, 데모를 시작하는 등 무언가를 하도록 요청합니다. 모든 장면에 반복적으로 나타나지 말고, 행동이 의미 있는 곳에 배치되어야 합니다.

행동을 상황에 맞추기: 예약 의도를 유발하는 방이나 서비스 근처에 예약 CTA를 배치하세요.
직접적인 문구 사용: 방문 요청 또는 가능 여부 확인처럼 직접적인 표현을 사용하고, 일반적인 여기를 클릭과 같은 문구는 피하세요.
주요 목표 하나 유지하기: 보조 행동은 유용하지만, 경쟁하는 CTA는 투어를 이해하기 어렵게 만듭니다.
목적지 확인하기: 출시 전에 링크, 양식, 모바일 동작 및 추적 매개변수를 점검하세요.

CTA는 유용한 방문의 자연스러운 연속처럼 느껴져야 합니다. 먼저 방문자가 탐색하도록 하고, 적절한 맥락과 함께 다음 단계를 제시하세요.

혼잡을 만들지 않고 핫스팟 유형을 결합하는 방법

서로 다른 핫스팟 유형은 하나의 투어에 공존할 수 있지만 시각적으로 경쟁해서는 안 됩니다. 일관된 아이콘 시스템을 사용하고, 이동을 정보 및 행동과 구분하며, 기본 작업에는 가장 눈에 띄는 처리를 예약하세요. 장면에 많은 마커가 필요하면 관련된 세부사항을 그룹화하거나 보조 정보를 갤러리, 메뉴, 전용 장면으로 이동하세요.

마커를 추가하기 전에 인터랙션 레이어를 계획하세요. 각 장면, 그 장면이 답하는 방문자의 질문, 사용 가능한 경로, 설명이 필요한 세부사항, 그리고 그곳에서 관련될 수 있는 하나의 행동을 목록화하세요. 이렇게 하면 투어가 명확한 방문자 여정 없이 기능들의 집합이 되는 것을 방지할 수 있습니다.

방문자의 관점에서 핫스팟 테스트하기

모든 네비게이션 경로를 따라가기: 목적지, 방향, 라벨, 복귀 경로를 확인하세요.
모든 정보 항목 열기: 텍스트, 갤러리, 비디오, 오디오, 문서 및 닫기 동작을 확인하세요.
모든 링크와 CTA 테스트하기: 각 목적지가 작동하고 마커의 약속과 일치하는지 확인하세요.
모바일에서 장면 검토하기: 마커가 탭하기에 충분히 크고 패널이 파노라마를 가리지 않는지 확인하세요.
첫 방문자에게 물어보기: 그 장소를 처음 접하는 사람이 방, 세부사항, 주요 행동을 찾을 수 있는지 확인하세요.

테스트는 빌드 중에는 보기 어려운 문제들을 드러냅니다. 기술적으로 작동하는 마커라도 너무 작거나, 너무 모호하거나, 잘못 배치되어 있거나, 방문자의 작업과 분리되어 있을 수 있습니다.

자주 묻는 질문

가상 투어에서 어떤 유형의 핫스팟을 사용할 수 있나요?

일반적인 유형으로는 장면 간 이동을 위한 네비게이션 핫스팟, 텍스트 및 정보 핫스팟, 이미지 갤러리, 비디오 및 오디오 핫스팟, 외부 리소스로의 링크, 예약이나 정보 요청 같은 행동을 위한 CTA 핫스팟이 있습니다.

가상 투어에는 핫스팟을 얼마나 많이 넣어야 하나요?

정해진 수는 없습니다. 방문자가 필요로 하는 경로와 장면을 이해하거나 앞으로 나아가도록 돕는 정보나 행동만 포함하세요. 마커가 시야를 가리거나 클릭 후 무슨 일이 일어날지 알기 어렵게 만든다면 줄이거나 재구성하세요.

네비게이션 핫스팟은 어디에 배치해야 하나요?

문, 복도, 계단, 경로 같은 실제 전환 지점에 배치하세요. 위치와 목적지 방향은 이동의 물리적 방향과 일치해야 방문자가 공간에 대한 신뢰할 수 있는 정신 모델을 구축할 수 있습니다.

핫스팟에 이미지와 비디오를 포함할 수 있나요?

예. 이미지는 클로즈업이나 보조 세부를 보여줄 수 있고, 비디오와 오디오는 정적 파노라마가 전달할 수 없는 것을 시연, 해설, 설명할 수 있습니다. 미디어는 관련성 있고 최적화되어 있으며 닫기 쉽도록 하세요.

CTA 핫스팟을 효과적으로 만드는 요소는 무엇인가요?

효과적인 CTA는 구체적인 행동을 사용하고, 적절한 순간에 나타나며, 작동하는 목적지로 연결됩니다. 일반적인 요청으로 탐색을 방해하기보다는 방문자의 관심을 따르는 것이어야 합니다.

모든 핫스팟이 그 자리를 정당화하게 만들기

가상 투어 핫스팟은 각자가 명확한 역할을 가질 때 가장 효과적입니다: 이동시키기, 설명하기, 보여주기, 시연하기, 연결하기, 전환시키기. 명확한 배치와 일관된 동작은 방문자가 투어를 신뢰하도록 돕고, 절제는 파노라마를 즐겁게 탐색할 수 있게 합니다.

Simple Virtual Tour는 하나의 게시 가능한 경험에서 네비게이션, 콘텐츠, 미디어, 링크, CTA 핫스팟을 생성할 수 있는 도구를 제공합니다. 라이브 데모 살펴보기로 인터랙티브 요소를 맥락에서 확인하거나, 사용 가능한 옵션 검토하기로 자신만의 가상 투어를 만들기 시작하세요.