'가이드북 빌더' 처음 시작하기

팔로우

가이드북은 모바일 앱을 만드는 것이 어렵지 않아야 된다고 생각합니다.


이러한 철학을 바탕으로 우리는 가이드북의 콘텐츠 관리 시스템인 가이드북 빌더(Guidebook Builder)를 직관적으로 사용하기 쉽게 디자인하였습니다.

본 설명은 처음으로 가이드를 제작하려는 분들이나 가이드북 빌더 (Guidebook Builder)를 경험해보고 싶은 신 분들을 위한 글입니다. 가이드북 빌더의 기본 사용법과 가이드를 행사 성격에 알맞게 최적화시킬 수 있는 팁들을 알려드립니다.

아래 내용들을 살펴봅니다:


 

1) 가이드 생성하기

 가이드북 빌더 계정을 만드시 후 처음 가이드를 만드시려면 화면 우측 상단의 “New Guide”를 클릭합니다. (또는 화면 하단 중앙의 "Create Your First Guide"를 클릭).

 

다음으로, 가이드 카테고리를 선택합니다: 이벤트(Event), 캠퍼스(Campus), 장소(Place) 등.
카테고리에 대한 설명을 보실 수 있으며 각 카테고리를 클릭 시 이에 해당되는 다양한 템플릿을 만나실 수 있습니다. 이 템플릿들은 웨딩, 트레이드쇼, 박물관 등 제작하려는 가이드 성격에 따라 추천할 만한 모듈들로 가이드 제작을 시작하게 도와 줍니다. 템플릿에 포함된 모듈들은 가이드 빌딩 전문가들이 엄선하였습니다. 이 모듈들 외에도 추가하고 싶은 다른 모듈들을 템플릿에 직접 추가할 수 있습니다. 저희가 제공하는 템플릿 구성에서 “Learn More” 를 클릭하시면 각각에 대한 자세한 내용을 보실 수 있습니다. 제공된 템플릿을 사용하지 않고 처음부터 직접 가이드를 제작하시려면 화면 우측 상단의 "Continue without a template"을 클릭합니다.

다음으로, 제작하는 가이드의 기본 정보를 입력하는 화면이 나옵니다. (화면 우측 하단의 "Skip for now"를 누르시면 각각의 정보 입력 단계를 건너뛸 수 있습니다).

가이드명 (Name): 가이드의 이름을 작성합니다.

상세설명 (Description): 가이드에 관한 설명을 작성합니다. 보통 행사개요, 주요 연락처, 행사 일시, 스폰서 정보, 환영 인사 등을 입력합니다.

짧은 명칭 (Short Name): 가이드 랜딩페이지 주소의 뒷부분을 의미합니다. 이 명칭은 사람들이 가이드를 다운로드 받을 수 있는 URL 주소 끝부분에 오게 됩니다. https://guidebook.com/g/{shortname}.

기간 (Duration):  가이드가 사용될 행사의 시작일과 종료일을 선택하세요. 만약 일년 내내 진행하는 행사라면 기간을 빈칸으로 둡니다.

시각대 (Timezone): 가이드가 사용될 행사 개최지의 주요 시각대를 선정합니다. 

브랜딩 (Branding):  가이드 아이콘과 커버 이미지를 추가합니다.

장소 (Venue):  주요 행사 장소를 입력합니다. 주소창(Address bar)에 행사장소 주소를 입력 후 엔터를 누르시거나 키워드를 입력하여 나오는 결과 중 적합한 주소를 선택하여 지도를 설정합니다.

비공개 (Private): 이 스위치를 켜거나 꺼서 가이드 비공개 여부를 설정할 수 있습니다. 비공개 가이드는 접급하려면 패스코드 (Passphrase)가 요구됩니다. 반면 공개 가이드는 누구나 검색하여 찾을 수 있습니다.  

패스코드 (Passphrase): 비공개 가이드의 경우 앱 사용자들이 가이드를 다운로드 받으려면 패스코드를 입력해야 합니다. 패스코드 문구는 띄어쓰기가 허용되지 않으며 다른 가이드와 동일한 코드를 사용할 수 없습니다.

공유 (Sharing): 참석자들이 세션, 발표자 등 가이드 안의 정보들을 공유할 수 있게 합니다.

 

 


2) 가이드북 빌더 (Guidebook Builder) 둘러보기

이제 가이드 생성을 마쳤으니 가이드 안을 둘러볼 차례입니다. 현재 가이드 제작을 시작할 수 있는 가이드 에디터 화면이 보일 것입니다. 화면 좌측 상단의 "Back to Dashboard"를 누르시면 가이드 대시보드 화면으로 이동합니다.

[가이드 대시보드]

이 곳은 가이드와 관련한 5가지 옵션들을 제공합니다: 가이드 제작 (Build Guide), 알림(Notifications), 투표 & 설문(Polls & Surveys), 홍보(Promote), and 통계(Metrics).  5가지 섹션들이 모두 중요하지만 이번 글은 가이드 에디터("Build Guide") 섹션 위주로 설명하겠습니다. 위의 옵션별로 링크된 활용 방법에 관한 글들을 읽어 보시기 바랍니다. ‘가이드 제작(Build Guide)’을 클릭하시면 가이드 콘텐츠를 구성할 수 있는 가이드 에디터 화면이 나옵니다.

가이드 에디터 화면 좌측에 “Add Features”, “Edit Guide Details”,“Add Banner Ads” 섹션과 그 사이에 있는 모듈 리스트가 있습니다. 각 모듈을 클릭하면 해당 콘텐츠 편집 화면이 나옵니다. 또한 클릭 & 드래그 방식으로 모듈 순서를 조정할수 있습니다. "Add Features" 는 모듈을 추가할 때, "Edit Guide Details"는 가이드의 기본 정보 (가이드 이름, 날짜, 시간, 장소, 비공개 설정 등)을 수정할 때 사용합니다. 화면 중앙의 ‘Preview in App (앱 미리보기)' 을 클릭하시면 앱을 발행하기 전에 제작 상태를 모바일에서 미리 보실 수 있습니다.  

가이드 에디터 화면 중앙에 가이드 캔버스 (폰 모양 이미지)가 있습니다. 가이드 캔버스는 휴대폰에서 가이드가 어떻게 보일지 알려줍니다. Home 과 Features 버튼을 번갈아 클릭해 보면 휴대폰에서 슬라이드 메뉴가 나왔을 때와 들어갔을 때의 모양을 확인할 수 있습니다. Home을 선택 시 휴대폰 화면을 클릭하여 가이드 기본 정보를 수정할 수 있습니다. Feature 선택 시에는 휴대폰 이미지 위의 (+) 모양을 클릭하면 가이드 모듈을 추가할 수 있습니다.

가이드 에디터의 우측에 제작 진행 상황을 보여주는 막대가 있습니다. 이 곳에서 가이드를 발행할 수 없는 원인들을 알려줍니다!




 3) 일정(Schedule) 메뉴 만들기

두 가지 방법이 가능합니다: a) 일정 템플릿을 사용하거나 b) 일정을 하나씩 입력하는 방법


가이드북은 사용하기 쉬운 가이드북 템플릿을 이용하는 것을 추천합니다. 특히 복잡하고 방대한 일정을 구현해야 할 경우 유용합니다. 이 글에서는 기본 방법만 언급하며 자세한 내용은 일정 메뉴에 대한 안내글 을 참고하시기 바랍니다.

우선, 가이드 에디터 화면에 옵니다 (가이드북 빌더를 로그인하고 해당 가이드를 클릭 후 "Build Guide" 선택). 화면 좌측 사이드 바 메뉴에서 일정(Schedule) 모듈이 이미 있다면 클릭합니다. 아직 프로그램 모듈이 없다면 사이드 바의 “Add Features”를 클릭하면 나오는 섹션에서 일정(Schedule) 모듈을 선택합니다.

두 가지 선택사항이 나옵니다. “새로운 일정(New session)” 과 “파일로 올리기(Data Import)”

a) “파일로 올리기(Data Import)”: 일정 템플릿을 다운로드 받습니다.(XLS 또는 CSV 양식) 템플릿 안의 컬럼 제목들은 수정하지 않은 상태로 등록할 내용을 입력합니다.

 템플릿에 내용을 입력한 후 "Data Import"을 클릭합니다. 좌측의 "Import Schedule" 코너에 완성한 템플릿 파일을 업로드 합니다. 곧 업로드가 성공(또는 실패)했다는 메일을 받으실 것 입니다. 파일 업로드가 성공적으로 끝났다면 세션 정보들이 일정 모듈 화면에 나타납니다 (하단 이미지 참고). 반영된 내용을 보시려면 화면 새로고침이 필요할 수도 있습니다. 업로드한 내용이 보이지 않을 경우 온 업로드 실패 안내 이메일을 확인하십시오. 이 안내는 업로드한 엑셀 시트 상에서 오류가 발생한 열의 위치를 알려줍니다.

개별 일정 내용을 수정하는 경우 "Session Name" 항목을 클릭합니다 (상단 이미지 참고). 개별 일정 항목을 삭제하고 싶은 경우 우측 제일 끝에 보이는 톱니바퀴 아이콘을 사용합니다. 일정을 추가하고 싶은 경우 상단의 "New session" 버튼을 클릭합니다.

앞에서 설명한 바와 같이, 일정 시트 업로드 방법에 관한 상세한 정보는 여기를 클릭하시기 바랍니다.

일정 항목에 이미지를 추가하려면 해당 일정을 클릭 후 화면 하단의 이미지 업로더를 이용합니다. 이미지 업로더 상자 주변을 드래그하여 이미지 위치 이동이 가능하며 상자 하단의 슬리이드 바를 드래그하여 이미지 크기를 조절할 수 있습니다.  

 

b) “새로운 일정(New session)”: 일정이 짧거나 복잡하지 않은 경우 또는 기존에 있는 일정에 세션을 추가하는 경우 수동으로 입력하는 것을 선택할 수도 있습니다.

"New Session"을 클릭하고 관련된 빈칸 항목들을 채웁니다. 일정을 여러 트랙들로 (일별, 주제별 등) 구성하는 경우가 아니라면 "Tracks" 탭은 무시하고 진행합니다. 일정 트랙(Schedule Tracks)은 프리미엄 이상 상품에서 사용가능하며 무료 및 플러스 상품 이용 시 계정 업그레이드가 필요합니다.

일정 메뉴에 세션을 원하는 만큼 추가할 수 있으며 필요가 없는 세션을 삭제할 수 있습니다. 세션을 추가 및 저장한 후 세션명을 클릭하시면 화면 상단에 링크(Links)와 피드백(Feedback) 탭이 보입니다. 이 탭들은 해당 세션을 가이드 내 다른 유용한 항목이나 설문양식, PDF 파일, 외부 URL들과 연결시킬 때 사용합니다!


4) 지도 업로드하는 방법

가이드 에디터 화면으로 옵니다 (제작하시는 가이드를 클릭 후, 가이드 데스크탑의 "Build Guide" 선택). 사이드 바 메뉴에서 지도 아이콘을 클릭합니다. 아직 지도 모듈이 없는 상태라면 사이드 바 메뉴에서 “Add Features”를 클릭하여 지도 모듈을 추가합니다.

"New Map" 버튼을 클릭한 후 1000 x 1000 픽셀 이상의 JPG 또는 PNG 지도 이미지 파일을 선택합니다 (2000 x 2000 px 이미지 권장. 그 이상의 크기는 가이드 다운로드 속도를 지연시킬 수도 있음). 파일을 업로드 한 후 이미지를 클릭하여 지도 명칭을 수정합니다. 더 상세한 방법은 지도 모듈 안내글에서 확인하세요.

 


5) 리스트 올리는 방법

리스트 형태의 메뉴를 만들려면 리스트(Custom List) 모듈을 사용합니다. 가이드 에디터 화면으로 옵니다 (제작하시는 가이드를 클릭 후, 가이드 데스크탑의 "Build Guide" 선택). 사이드 바 메뉴에서 리스트 아이콘을 클릭합니다. 아직 리스트 모듈이 없는 상태라면 사이드 바 상단의 “Add Features”을 클릭하여 해당 모듈을 추가합니다.

일정 모듈처럼 두 가지 업로드 방법이 있습니다. “파일로 올리기(Import from file)”를 하거나 직접 항목을 하나씩 입력할 수 있습니다. 저희는 템플릿을 이용하는 것을 권장합니다.

a) "파일로 올리기(Import from File)": 가이드북 템플릿을 다운로드 받습니다 (XLS 또는 CSV 형식). "Import from file" 버튼을 클릭 후 화면 우측의 "Custom List Items" 템플릿 중 하나를 선택합니다. 각 열의 첫번째 항목은 수정하지 않은 상태로 템플릿 내용을 채웁니다. 추가 행은 반드시 삭제하셔야 합니다.

 

템플릿에 내용을 입력하고 저장한 후 "import from file"을 클릭합니다. 화면 왼쪽의 "Import List Items"에서 파일을 선택하여 업로드합니다. 잠시 후 파일 업로드가 성공(또는 실패)하였다는 안내 메일이 도착합니다. 파일이 성공적으로 업로드가 되었다면 화면 새로고침 후 업로드 된 내용을 보실 수 있습니다. 만약 화면 새로고침 후에도 업로드된 내용이 보이지 않는다면 이메일을 확인합니다. 업로드 실패 안내 메일은 파일에서 오류를 일으킨 부분을 알려줍니다.

"New"를 클릭하여 항목을 추가할 수 있습니다. 항목 삭제는 각 행의 우측 톱니바퀴 아이콘 옆의 역삼각형을 클릭하여 삭제 옵션을 선택합니다.

리스트의 각 항목의 순서를 옮기려면 각 행의 우측 끝에 보이는 세로로 쌓인 세개의 점을 클릭 후 드래그하여 이동시킵니다. 또한 "빠른 정렬(Quick Reorder)"버튼을 사용하면 항목들을 Name 또는 LABLE 값의 알파벳 순서로 정렬할 수 있습니다. 화면 상단의 검색창에 항목 이름을 입력 후 엔터를 누르면 리스트 중에서 특정 항목을 찾을 수 있습니다.

b) 항목 수동으로 추가하기: "New" 버튼을 클릭하고 빈칸인 값들을 채우고 저장합니다. 항목들을 더 추가하고 싶으면 "New" 버튼을 다시 누릅니다.

리스트 항목을 가이드 내 다른 요소들, 설문양식, PDF 파일, 외부 링크와 연결하려면 우선 해당 항목 이름을 클릭합니다. 화면에 보이는 링크(Links)와 피드백(Feedback) 탭을 통해 해당 기능을 구현하실 수 있습니다.

보다 상세한 내용은 리스트(Custom Lists) 모듈 안내글에서 확인하세요.


6) 소셜 미디어 메뉴 설정하기

아래의 모든 소셜 미디어 메뉴들은 동일한 절차로 메뉴에 추가됩니다.:

트위터: 가이드 에디터 화면에 옵니다 (가이드북 빌더에 로그인 하신 후 제작하시는 가이드를 클릭하여 "Build Guide" 섹션을 선택). 화면 왼쪽 사이드 바 메뉴에서 트위터 아이콘을 클릭합니다. 아직 트위터 아이콘이 없는 상태라면 사이드 바 상단 “Add Features”를 클릭하여 트위터 모듈을 추가합니다.

해시태그 상자에 제작 중인 가이드와 연관된 해시태그들을 입력합니다. 계정(Accounts) 상자에 트위터 핸들(트위터 이름)을 입력합니다. 각 상자에 # 또는 @ 표시를 입력하지 않도록 주의합니다. 아래 예시 이미지를 참고하세요:

 

페이스북: URL 입력란에 연동시킬 페이스북 URL을 입력합니다:

유투브: 계정 입력란에 연동시킬 유투브의 계정/채널 이름을 입력합니다. 이 모듈은 개인 유투브 비디오를 올리는 용으로 사용하여서는 안됩니다.

트위터, 페이스북, 유투브는 기본적으로 가이드에서 바로 사용할 수 있는 소셜 미디어 기능들입니다. 가이드 안에서 다른 소셜 미디어들을 활용하는 방법들은 소셜 미디어 안내글을 확인하세요.


7) 가이드 구성하기

다음의 방법들로 가이드 내용을 구성할 수 있습니다:

a) 클릭 앤 드래그 하기: 가이드 에디터 화면 좌측 사이드 바에서 모듈들을 클릭 앤 드래그하여 순서를 바꿀 수 있습니다.

b) 폴더 사용하기: 예를 들어 소셜 미디어 메뉴들을 하나의 폴더에 그룹화시키는 것 입니다.

폴더를 생성은 가이드 에디터 화면에서 합니다 (가이드북 빌더에 로그인, 편집할 가이드를 클릭 후 "Build Guide"를 선택). 왼쪽 사이드 바 상단의 “Add Features” 버튼을 클릭하여 폴더 모듈을 추가합니다.


폴더 안에 항목을 추가하려면 이동시키려는 모듈을 클릭한 상태에서 드래그하여 폴더 아이콘 위에 올려 놓습니다. 마우스를 놓으면 폴더 안으로 항목이 추가됩니다. 폴더 안에서 특정 항목을 밖으로 옮길 수도 있습니다. 폴더를 클릭 후 이동시키려는 항목을 폴더 밖으로 드래그하여 놓습니다. (아래 이미지 참고):

가이드 구성에 관한 보다 상세한 내용은 가이드 레이아웃 커스터마이징 과 폴더에 관한 안내글을 통해 확인하세요.


 

8) 가이드 발행하기

일단 가이드에 필요한 모든 콘텐츠와 요소들을 추가하였다면 앱 사용자들이 가이드에 접속할 수 있게 해야 합니다. 즉, 가이드 발행하기 단계가 필요합니다! 가이드 발행에 관한 자세한 정보는 이 도움글을 통해 얻으실 수 있습니다.


 

위에서 안내드린 팁과 제안들이 가이드를 처음 제작하시는데 도움이 되시었길 바랍니다. 그 밖에 다른 궁금한 사항이 있으시면 이 서포트 사이트를 활용하세요. 가이드 제작에 관한 다양한 도움글들이 등록되어 있습니다. 또한 info.kr@guidebook.com 로 문의 부탁드립니다.

가이드북을 선택한 실제 고객 사례와 이벤트 테크놀로지를 활용한 베스트 프랙티스들을 알고 싶으시면 우리의 블로그 방문하세요. 모바일 기술, 모바일 앱, 이벤트 관련 커리어 계획에 관한 다양한 정보들이 담겨있습니다.

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

댓글

Zendesk 제공