👷‍♂️ 안내서 작업 가이드.V2

1. 사전 준비 사항

[ 툴 이용 가이드 모음 ]

• 깃북 이용 가이드

• 피그마 이용 가이드

[ 깃북 작업 현황판 작성 ]

안내서 작업 전후로 안내서 작업 현황판을 작성해 주세요.

[ 기존 안내서 개선인 경우 ]

기존 안내서를 교체하는 개선 작업인 경우 기존 안내서를 깃북 > dongho > test > 과거 안내서에 기존 안내서 전문을 꼭 저장해 두어야 합니다.

2. 안내서 구성

안내서 구성은 참고용이며 안내서의 목적에 따라 생략 또는 순서 변경할 수 있습니다. 구성 참고용 안내서: 지그재그 상품 연동

1. 목차

2. 기능 소개

3. 사전 준비 사항 또는 이용 주의 사항

4. 본문(연동 방법 또는 이용 방법)

5. 추가 정보 또는 이용 중의 사항

6. FAQ

3. 본문

01. 작업 규칙 모음

• 서비스 운영팀 글 작성 규칙

• 안내서 구성 관련 규칙

  • 대제목, FAQ 제목은 H1

  • 중제목, FAQ 질문 영역은 H2

    • 대제목 - 대제목과 중제목 - 중제목 사이에는 엔터(줄바꿈) 필요

  • Step, 기타 설명은 H3

    • Step은 한 줄 설명 > 상세 설명(생략 가능) > 이미지 순서입니다.

    

    • Step - Step 사이에는 엔터(줄바꿈) 불필요

02. 작업 방법 모음

[ 링크 걸기 방법 ] 깃북 > 식스샵 > 식스샵 고객센터에 안내서를 옮긴 후 > 링크를 걸 부분을 드래그 > Link 아이콘 클릭 > 안내서 제목 검색 검색되는 Heading 1,2,3 중 링크를 걸 부분을 선택

[ Hint 사용하기 ] 강조해야 하는 안내 사항이 있다면 Hint를 유용하게 사용할 수 있어요.

• Hint 색상별 활용법 (생성된 Hint의 ⓘ 아이콘을 클릭하면 색상을 변경할 수 있어요.)

  • 파랑: 일반적인 모든 안내에 사용합니다.

  • 주황: 확인하지 않을 경우 관리자가 다소 불이익을 받을 수 있는 경고성 안내에 사용합니다.

  • 빨강: 확인하지 않을 경우 관리자가 큰 불이익을 받을 수 있는 강한 경고성 안내에 사용합니다.

  • 초록: 알고 있으면 좋은 팁에 사용합니다.

[ 링크 순서 주의 사항 ]

안내서 내용 수정 및 추가 시 구성은 최대한 건드리지 않아야 해요. Heading 1,2,3 순서를 기준으로 모두 링크 주소가 부여되어 있고 해당 링크 주소가 식스샵 관리홈, 다른 안내서에 이용되고 있기 때문이에요.

때문에 FAQ에 질답을 추가할 때는 새로운 질답을 가장 하단으로 위치 시켜 주셔야 해요.

[ 안내서에 도표 넣기 ]

안내서에 들어갈 과정이 복잡한 경우 피그마 도표 양식을 활용해 주세요. 한 눈에 순서를 인지하게 하기 위함이므로 최대한 축약하여 한 줄로 맞춰 주시면 좋아요. (최대 2줄) 통일성을 위하여 위치나 크기, 색상 등은 최대한 조정하지 말아주세요.

[ 스펠러 확인 ]

모든 작업 완료 후 반드시 맞춤법 검사를 해주세요.

03.안내서 업로드 방법

1. 깃북 > 식스샵 > 식스샵 고객센터로 이동해 주세요. 2. 안내서 들어갈 위치에 마우스 오버 > + 아이콘 클릭하여 페이지를 생성해 주세요. 3. 식스샵 고객센터에 새로 생성된 페이지에 테스트 작업본을 복붙해 주세요. a. 이미지는 불러오지 못해서 별도 복붙해야해요. b. GIF파일은 복붙하지 않고 PC에 파일 저장 후 업로드해야 움직여요. 4. 생성된 페이지에 마우스 오버 > ... 버튼 클릭 > SLUG에 하위 주소를 넣어주세요.

5. [Save > Murge] 해주세요.

04. 안내서 공유하기

구성원이 숙지해야 하는 내용 수정이나 안내서 추가가 있다면 서비스 운영 업무방에 반드시 공유합니다. (단순 오타 수정 등 제외)

※ 참고: 깃북 테스트 안내서 노출 확인용