가이드가 있는 둘러보기 설계
다음 팁을 활용하면 사용자를 위한 효과적인 가이드가 있는 둘러보기를 생성할 수 있습니다.
가이드가 있는 둘러보기 계획
가이드가 있는 둘러보기의 세부 정보를 간략하게 설명하기 전에 다음 질문에 답하십시오.
- 투어의 목적은 무엇입니까? 사용자가 기능을 더 잘 이해할 수 있도록 자세한 사용자 인터페이스 설명을 제공하는 설명선을 사용하시겠습니까? 아니면 사용자가 새 인시던트를 생성하는 방법 등의 작업을 수행하는 방법을 학습하기를 원하십니까? 전체 목표를 개별 단계로 적절하게 나눌 수 있도록 둘러보기 계획을 시작하기 전에 이러한 질문을 고려하고 몇 가지 조사를 수행하는 것이 중요합니다.
- 투어는 어디에서 이용할 수 있습니까? 항목을 서비스 카탈로그 주문하거나 인시던트를 생성하는 등 사용자가 매일 수행할 수 있는 작업을 완료하도록 안내하려면 프로덕션 인스턴스에서 둘러보기를 제공하는 것이 좋습니다. 시스템에 실제 기록을 생성하지 않고 사용자가 이러한 작업을 탐색하도록 교육하려면 대신 교육 목적으로 비프로덕션 인스턴스에서 둘러보기를 제공하는 것이 좋습니다. 두 시나리오 모두 유효합니다.
- 투어 이름은 무엇으로 정해야 할까요? 둘러보기를 생성할 때 둘러보기 이름을 입력하라는 메시지가 나타납니다. 사용자가 둘러보기의 목적을 이해할 수 있도록 이름은 고유하고 직관적이어야 합니다. 예를 들어 둘러보기 이름으로 "새 인시던트 만들기" 또는 "인시던트 목록 검토"를 사용합니다.
- 사용자가 페이지 또는 작업에 대해 이미 알고 있는 내용에 대해 어떤 가정을 하고 있습니까? 둘러볼 수 있는 모든 사용자의 이해도가 동일합니까? 이 정보를 사용하여 둘러보기를 수행하는 모든 사용자가 컨텐츠를 이해할 수 있도록 둘러보기 시작 시 제공할 설명의 양을 결정합니다.
- 둘러보기의 목적이 작업을 수행하는 것이라면 둘러보기를 수행하는 각 사용자가 서로 다른 기록을 생성하도록 지침을 어떻게 개인화할 수 있습니까? 예를 들어, 둘러보기에서 사용자에게 시설이라는 그룹을 만드는 과정을 안내하는 경우, 콜아웃에서 그룹 이름 필드에 고유한 값을 할당하도록 지시하여 후속 사용자에게 중복된 이름 오류가 발생하지 않도록 할 수 있습니다.
투어를 계획할 때 다음과 같은 추가 질문에 답할 수도 있습니다.
- 둘러보기는 어느 페이지에서 시작해야 합니까?
- 목표를 달성하는 데 중요한 단계는 무엇입니까?
- 사용자는 한 단계에서 다음 단계로 어떻게 이동해야 합니까?
가이드가 있는 투어 계획
홈페이지를 탐색 서비스 포털 하는 것이 목표인 가이드가 있는 둘러보기에 대한 다음 샘플 계획을 검토합니다.
가이드가 있는 둘러보기를 생성할 때 제공해야 하는 이 주요 정보와 필드 값을 기록해 두십시오.
- 투어 이름: 서비스 포털 개요
- 목표: 사용자는 홈페이지의 주요 요소를 탐색하는 방법을 잘 이해하고 있어야 합니다.서비스 포털
- 포털 이름: 서비스 포털
- 시작 페이지: 서비스 포털: ID 인덱스
- 역할: 모두
| 단계 | 호출 | 트리거 |
|---|---|---|
| 소개 |
|
다음 버튼 |
| 1 |
|
다음 버튼 |
| 2 |
|
다음 버튼 |
| 3 |
|
다음 버튼 |
| 4 |
|
다음 버튼 |
| 5 |
|
다음 버튼 |
| 6 |
|
다음 버튼 |
| 7 |
|
다음 버튼 |
| 8 |
|
다음 버튼 |
| 결론 | 텍스트: 축하합니다! 이제 홈페이지에 대한 전반적인 이해가 서비스 포털 되었습니다. | 완료를 클릭하여 둘러보기를 종료합니다. |
트리거 선택
둘러보기의 목적이 사용자에게 페이지의 기능을 소개하여 사용자 지정 대시보드와 같은 제품에 익숙해질 수 있도록 하는 것이라면 다음 단추를 트리거로 사용합니다. 기록 생성과 같은 작업을 수행하는 것이 목적인 경우 다음 사항을 고려하십시오.
- 참조 필드나 날짜 필드와 같은 조회 요소로 필드를 채우려면 조회 창을 여는 트리거를 사용하지 마십시오. 조회 창이 열리면 둘러보기가 종료됩니다. 다음 트리거 중 하나를 사용합니다.
- 다음 단추: 사용자가 값을 입력하거나 조회하여 선택한 후 다음을 클릭합니다.
- 요소 값 트리거 변경 : 사용자가 값을 선택하고 필드 외부를 클릭하면 트리거가 다음 단계로 이동합니다.
- 일부 UI 요소의 경우 요소 트리거를 마우스 오른쪽 버튼으로 클릭할 수 있습니다. 일반적으로 마우스 오른쪽 버튼 클릭 동작은 메뉴를 여는 데 사용되지만 오른쪽 클릭 메뉴 옵션에는 콜아웃을 배치할 수 없습니다. 오른쪽 클릭 메뉴 옵션을 설명하려는 설명이 포함된 가이드가 있는 둘러보기에서 이 트리거를 사용할 수 있습니다. 설명선 텍스트에 설명 정보를 넣고 사용자에게 요소를 마우스 오른쪽 단추로 클릭하여 메뉴를 보도록 지시합니다. 다음은 이러한 유형의 설명선의 예입니다.
사용자가 요소(이 경우 필드 레이블)를 마우스 오른쪽 단추로 클릭하면 이 명령이 사라지고 다음 명령이 나타납니다.
- 요소 트리거 위에 마우스를 올리는 것은 요소 트리거를 마우스 오른쪽 버튼으로 클릭하는 것과 비슷합니다. 사용자가 요소를 가리키면 설명선이 사라집니다. 예를 들어 필드 레이블을 가리킬 때 힌트가 나타나는 것을 보여 주면 힌트 텍스트가 나타나기 전에 설명선 단계가 사라집니다. 이러한 유형의 트리거는 가이드가 있는 둘러보기 플로우에 방해가 되는 것처럼 보일 수 있습니다.
설명선 사용
요소와 상호 작용하려면 요소 위에 콜아웃을 배치해야 합니다. 요소가 대상으로 선택되면 파란색으로 강조 표시됩니다. 다음 예제에서는 설명선이 상황에 맞는 메뉴 아이콘을 가리키는 것처럼 보이지만 머리글 표시줄이 파란색으로 강조 표시됩니다.
이 예제에서는 상황에 맞는 메뉴에 대한 설명선의 올바른 배치를 보여 줍니다. 컨텍스트 메뉴 아이콘이 파란색으로 강조 표시됩니다.
다음 팁도 도움이 될 수 있습니다.
- 탭이 포함된 양식에 설명선을 배치할 때는 사용자가 탭을 볼 수 있도록 열려 있지 않을 수 있다는 점을 고려해야 합니다. 둘러보기의 나머지 부분을 진행하기 전에 먼저 탭을 열도록 사용자에게 지시하는 새 설명선을 생성합니다.
- 동적 컨텐츠와 연결된 필드에 대한 설명선을 최소화합니다. 사용자가 연결된 둘러보기 요소를 찾을 수 없는 경우 페이지 새로 고침이 지연되어 둘러보기가 중간에 종료될 수 있습니다.
- 팝업 창을 통해 사용자를 안내할 때 팝업 아이콘 위 또는 근처에 있는 원래 페이지에 설명선을 추가합니다. 설명선 지침에서는 팝업 창에 설명선을 추가할 수 없으므로 사용자에게 팝업 창에 대한 단계를 안내합니다.
- 콜아웃의 색상은 표준 플랫폼 UI에서 정적이지만 에서 서비스 포털콜아웃을 사용자 지정할 수 있습니다. 이 기능을 사용하여 콜아웃과 페이지 간의 모양과 느낌을 일관되게 유지하는 것이 좋습니다 서비스 포털 . 페이지에서 생성하는 서비스 포털 Guided Tours에 대한 자세한 내용은 Guided Tours 요청을 참조하십시오.
투어 자동 시작
사용자가 첫 페이지 방문 시 둘러보기를 수행하도록 하려면 둘러보기를 자동으로 시작합니다.
단일 시작 페이지에서 여러 둘러보기를 자동으로 시작하도록 선택할 수 있습니다. 이 경우 각 둘러보기에 자동 실행 순서를 연속적으로 적용하여 사용자가 두 번째 페이지 방문 시 두 번째 둘러보기를 시작하고, 세 번째 페이지 방문 시 세 번째 둘러보기를 시작하도록 할 수 있습니다. 사용자를 소개 둘러보기로 시작하고 후속 둘러보기로 복잡성 수준이나 다른 중점 영역을 추가하려는 경우 이 옵션을 사용합니다.