섹션 및 단계

1. 안내형 튜토리얼의 구조

사용자와 작성자의 관점에서 안내형 튜토리얼의 구조에 관한 아래 개요를 참조하세요.

최종 사용자가 보게 될 내용

실습 튜토리얼로 불리는 안내형 지침은 사용자에게 다양한 Adobe 제품에서 경험을 만드는 방법을 단계별로 보여줍니다. 

이러한 인앱 튜토리얼은 PS 및 PsW의 경우 탐색 패널에서, Express의 경우 Express 학습 패널에서 확인할 수 있습니다.

튜토리얼의 구성

튜토리얼은 섹션, 단계, 참고로 구성됩니다.

• 섹션: 튜토리얼은 개별 섹션으로 나뉩니다. 각 섹션은 번호가 매겨진 단계 목록으로 구성되며, 이미지 또는 영상이 시각적 보조 도구로 포함될 수 있습니다.
  • 섹션의 개념을 사용자가 해당 섹션의 단계를 통해 수행할 작업을 요약한 주제 또는 사용자 이정표로 생각하세요.
• 단계: 튜토리얼을 진행하기 위해 섹션에서 완료해야 하는 번호가 매겨진 작업 목록입니다.
  • 각 단계마다 하나의 작업으로 제한하세요.
• 참고: 특정 단계와 관련된 추가 정보를 제공합니다.

섹션과 단계를 구성하는 방법을 살펴보려면 튜토리얼 만들기 > 튜토리얼을 클릭하세요.

2. 섹션, 단계, 참고 만들기

TBW에서 만든 모든 튜토리얼과 템플릿은 섹션, 단계, 참고로 구성됩니다. 작성자는 튜토리얼을 관리하기 쉬운 섹션으로 나누어 콘텐츠를 효과적으로 구성해야 합니다.

각 섹션은 일련의 단계를 포함하며 경우에 따라 참고가 추가됩니다. 두 섹션에 걸쳐 한 단계를 진행하지 않는 것이 좋습니다. 모든 단계에 번호를 매기세요. 참고에는 번호를 매기지 않으며, 지원 정보를 담고 있을 뿐입니다. 

단계를 작성할 때 간단명료하게 편집해야 합니다. 단계는 "스크롤 위에" 표시되는 것이 좋습니다. 또한 여러 문장으로 나열된 텍스트 블럭은 사용자에게 피로감을 줍니다. 사용자가 지속적인 관심을 가지고 몰입하여 튜토리얼을 따라 하도록 텍스트를 구성하세요.

• 각 단계는 사용자가 수행할 작업을 설명하는 동작 동사를 사용합니다.
  • 예: 더하기 아이콘을 클릭하여 선택 영역에 추가합니다.
• 단계에 대략적인 설정 값을 포함합니다.
• 사용자에게 변경을 요청하는 각 슬라이더 또는 숫자 필드의 경우 "대략적인" 값을 제시합니다.
  • 예: 명료도 슬라이더를 약 +20으로 드래그하여 중간 영역의 대비를 높입니다.
• 단계에 "이유"를 추가합니다.
  • 작업의 결과
    • 예:  불투명도 슬라이더를 약 80으로 드래그하여 아트웍을 더욱 투명하게 만듭니다.
  • 특정 워크플로우 또는 도구를 사용하는 이유
    • 예: 단락 텍스트에 사용할 텍스트 상자를 드래그합니다. 상자 안에서 리플로우되는 단락 텍스트는 추가할 텍스트가 많을 때 유용합니다.
• 특정 이유를 설명하려면 참고를 추가합니다.
  • 각 단계에 중요한 "이유"를 설명할 공간이 없는 경우, 처음 단계에 이어서 단계에 표시된 별도의 작업 없이 이유를 설명하는 참고를 제공하세요. 그러나 사용자가 튜토리얼을 클릭하면서 계속 참여하도록 하려면 참고를 과하게 사용하지 않는 것이 좋습니다.
• 특히 초급자용 튜토리얼에서 대안적인 워크플로우를 제시하지 않도록 합니다.