가이드 레이아웃 커스텀마이징

팔로우

만족스러운 사용자 경험을 위해 가이드를 깔끔하게 구성하는 것이 중요합니다. 이를 위해 가이드북 빌더는 메뉴 순서를 조정, 아이콘 변경, 메뉴 숨기기 등의 기능을 제공하고 있습니다.  

목차

1. 새로운 메뉴 추가

2. 모듈 순서 재조정

3. 모듈 아이콘 변경

4. 모듈 숨기기 기능


 

1. 새로운 메뉴 추가

  • 가이드북 빌더에 로그인 후 작업하실 가이드를 선택합니다.  
  • "Build Guides" 섹션을 선택합니다.
  • 가이드 에디터 화면에서 두 가지 방법으로 새로운 메뉴를 추가할 수 있습니다:
    1. Add Features 버튼: 화면 좌측 상단에 ‘Back to Dashboard’ 문구 아래 위치한 "Add Features" 버튼을 누릅니다.

    1. 가이드 캔버스: 휴대폰 이미지 상단에 두 가지 옵션, ‘Home’ 과 ‘Features’이 있습니다. ‘Features’ 문구를 클릭 후 휴대폰 이미지 위에 마우스를 올리면 ‘Add Features’ 버튼이 나타납니다. 이 버튼을 눌러 메뉴를 추가합니다. (하단 이미지 참고)

 

 


 

2. 모듈 순서 재조정

(휴대폰 이미지인)가이드 캔버스 왼쪽에 있는 사이드 바 메뉴에 추가한 모듈 아이콘이 보입니다. 이 아이콘들을 클릭 & 드래그 방식으로 원하는 위치에 옮깁니다:

 

 

프로 팁: 사용 빈도가 높은 메뉴일 수록 상단에 위치시킵니다. 예를 들면, 가이드의 아젠다, 일정, 행사 개요와 같은 메뉴 입니다.

 


 

3. 모듈 아이콘 변경

아이콘을 변경해주는 것은 잘 정돈된 가이드 이미지를 연출할 수 있는 좋은 방법입니다. 가이드북은 선택할 수 있는 다양한 아이콘들을 제공합니다. (프리미엄 이상 상품은 직접 제작한 맞춤 아이콘도 사용 가능).

  1. 가이드 캔버스 좌측 사이드바 메뉴에서 수정할 모듈을 클릭합니다.
  2. 결과 화면에서 “설정(Settings)" 탭을 선택합니다.
  3. 아이콘 아래 "변경(Change)" 버튼을 클릭합니다.
  4. 이제 가이드북의 아이콘 모음집에서 아이콘을 선택하시거나 (프리미엄 이상 상품 이용 시) 직접 제작한 아이콘을 올립니다. 저장(Save)을 누르는 것을 잊지마세요!

맞춤 아이콘 (Custom Icon) 에 대해 자세히 알고 싶으시면 맞춤 아이콘 (custom icons)에 관한 도움글을 참고하세요!

 


 

4. 모듈 숨기기 기능

가이드를 제작하는 동안 특정 기능이 사용자에게 보이지 않게 하고 싶을 수도 있습니다. 해당 메뉴가 잘못된 정보를 담고 있거나 아직 공개할 준비가 덜 되었거나 등 다양한 경우가 있습니다. 이런 경우를 대비한 방법이 가이드북 빌더에 있습니다.

메뉴 자체를 삭제할 수도 있지만 빌더에는 이를 되돌리는 기능이 없습니다. 따라서 만일의 경우를 대비해 메뉴를 언제든지 숨기거나 보이게 하는(disable/enable) 기능을 활용하시기 바랍니다.

  1. (휴대폰 이미지인)가이드 캔버스 왼쪽에서 숨기기/ 보이기를 적용할 모듈을 클릭합니다. 이미 숨겨진 모듈이라면 모듈 이름 옆에 ‘Disabled’ 라는 밝은 회색 로고가 보입니다.

  1. 결과 화면에서 "설정(Settings)" 탭을 누릅니다.
  2. "Enabled" 항목의 스위치를 원하는 대로 조정합니다. 보이기(enable) 로 설정하면 파란 바탕의 체크가 숨기기(disable)로 설정하면 흰색 배경의 엑스 표시가 보입니다.
  3. 저장 (save) 을 누르는 것을 잊지마세요!

해당 메뉴를 반드시 삭제해야 한다면 설정(Settings) 탭 화면 하단에 있는 “Delete this feature” 문구를 클릭하세요. 삭제된 메뉴는 복구할 수 없으므로 주의하세요!

이 문서가 도움이 되었습니까?
0명 중 0명이 유용하다고 평가하였습니다.
또 다른 질문이 있으십니까? 문의 등록

댓글

Zendesk 제공