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