[서비스 기획자 (PM)가 하는 일] 서비스 기획자를 위한 스토리보드 작성 실전 가이드

서비스 기획자 (PM)의 업무를 하다 보면, "서비스 기획자를 위한 스토리보드 작성 실전 가이드에는 뭐가 있을까?", "조금 더 효율적이고 잘할 수는 없을까?"와 같은 질문이 떠오르곤 합니다.

 

오늘은 이러한 궁금증을 해결할 수 있는 실무에서의 중요한 포인트를 정리해보려고 합니다. 삼성전자에서 일하신 분께 여쭤 본 부분들을 바탕으로 포스팅 하려고 합니다.

 

그럼 포스팅 시작하겠습니다!

 

1) 스토리보드란 무엇인가: 서비스 기획의 핵심 도구

 

스토리보드는 웹/앱 서비스 개발을 위해 UX 측면에서 시각적으로 표현한 청사진이자 기획서입니다. '화면 설계서'라고도 불리며, 완성될 예정인 제품의 '기능'에 초점을 맞추어 필요한 구성 요소와 흐름 등의 정보를 담은 핵심 문서입니다. 스토리보드는 특히 기획자, 디자이너, 개발자, 퍼블리셔가 모두 동일하게 읽고 이해하는 문서로, 프로젝트 성공의 열쇠라고 할 수 있습니다.

스토리보드 작성의 주요 목적은 다음과 같습니다:

▸ 시각화: 웹/앱 서비스를 사용자 입장에서의 화면에 어떻게 구현할 것인가
▸ 구성 요소: 웹/앱 화면의 각 페이지에 포함할 구성 요소는 무엇이며, 어떻게 배치할 것인가
▸ 상호작용: 웹/앱의 내비게이션 구조와 정보의 흐름을 통해 사용자가 어떻게 상호작용하게 될 것인가

2) 스토리보드 작성 시기: 성공적인 프로젝트를 위한 기획 단계 이해

 

스토리보드는 서비스 개발 기획 작업 과정 중 일부로, 기획 내용을 바탕으로 화면 또는 사용자의 서비스 플로우를 표현한 작업 문서입니다. 중요한 것은 스토리보드가 기획 작업의 최종 단계라는 점입니다. 서비스 개발 프로젝트 초기부터 다른 기획 작업 없이 바로 스토리보드 작업을 시작한다면, 그 프로젝트는 실패할 확률이 높아집니다.

일반적인 서비스 기획의 흐름은 다음과 같습니다:

▸ 서비스 파악 또는 요구사항 상세화
▸ 기능 정의
▸ 플로우 설계
▸ IA(Information Architecture) 구성
▸ 화면 정의
▸ 와이어프레임 & 스토리보드 작성

이 과정을 건너뛰고 스토리보드부터 작성하는 것은 마치 아이폰을 만들 때 내부 설계 없이 케이스와 UI만 디자인하는 것과 같습니다. 특히 복잡한 서비스일수록, 사전 기획 작업의 질에 따라 스토리보드의 품질이 결정됩니다.

3) 네이버의 스토리보드 작성 사례: 검색 서비스 고도화 프로젝트

 

 

네이버는 검색 서비스 고도화 프로젝트에서 사용자 중심의 스토리보드 작성으로 주목받았습니다. 네이버의 기획팀은 스토리보드 작성 전 철저한 사용자 리서치를 진행했으며, 이를 통해 사용자가 검색 과정에서 경험하는 다양한 시나리오를 도출했습니다.

네이버의 스토리보드 작성 특징은 다음과 같습니다:

▸ 페르소나 기반 접근: 다양한 사용자 유형별 검색 패턴을 분석하여 각 페르소나에 맞는 화면 흐름 설계
▸ 상세한 인터랙션 명세: 단순한 화면 나열이 아닌, 사용자의 모든 가능한 인터랙션을 고려한 상세 명세
▸ 반복적 검증 과정: 프로토타입을 통해 스토리보드의 유효성을 지속적으로 검증하는 프로세스 도입

특히 네이버의 기획팀은 스토리보드 작성 시 "절대 개발자나 디자이너가 나에게 질문하게 만들지 않겠다"는 철학을 바탕으로, ... 더보기

 

4) 카카오의 스토리보드 활용법: 소셜 서비스 기획의 핵심 전략

 

카카오는 소셜 서비스 개발에서 스토리보드를 활용한 대표적인 기업입니다. 특히 카카오톡 채널 서비스 개편 과정에서 사용된 스토리보드는 업계에서 모범 사례로 평가받고 있습니다.

카카오의 스토리보드 작성 프로세스는 다음과 같은 특징이 있습니다:

▸ 협업 중심 스토리보드: 기획자, 디자이너, 개발자가 초기 단계부터 함께 참여하는 협업 방식 도입
▸ 사용자 여정 중심 설계: 단순 화면 나열이 아닌, 사용자의 전체 여정을 중심으로 스토리보드 구성
▸ 실시간 피드백 시스템: 스토리보드 작성 과정에서 실시간으로 피드백을 반영할 수 있는 시스템 구축

카카오의 스토리보드는 Document History 관리에 특히 신경을 썼습니다. 문서 버전과 업데이트된 날짜, 수정 내용을 기록하고, 타 부서와 공유 시 새로운 버전으로 관리했습니다. 이러한 ... 더보기

5) 토스의 혁신적 스토리보드 접근: 핀테크 서비스의 단순함 추구

 

토스는 복잡한 금융 서비스를 단순하고 직관적인 사용자 경험으로 바꾸는 데 성공한 기업입니다. 이 과정에서 토스의 스토리보드 작성 방식은 업계에 혁신적인 접근법을 보여주었습니다.

토스의 스토리보드 특징은 다음과 같습니다:

▸ 미니멀리즘 접근법: 불필요한 요소를 제거하고 핵심 기능만 담은 간결한 스토리보드 작성
▸ 사용자 테스트 통합: 스토리보드 작성 과정에 실제 사용자 테스트 결과를 지속적으로 반영
▸ 마이크로 인터랙션 상세화: 작은 상호작용까지 세심하게 설계하여 사용자 경험 품질 향상

토스의 기획팀은 "각 화면당 한 가지 결정만 요구한다"는 원칙을 스토리보드에 적용했습니다. 이를 통해 ... 더보기

6) 구글의 스토리보드 전략: 사용자 경험 중심 설계 방법론

 

구글은 스토리보드 작성에 있어 '디자인 스프린트' 방법론을 적극 활용하고 있습니다. 이 접근법은 빠른 프로토타이핑과 검증을 통해 효율적인 서비스 개발을 가능하게 합니다.

구글의 스토리보드 작성 특징은 다음과 같습니다:

▸ 5일 스프린트 프로세스: 월요일부터 금요일까지 5일 동안 문제 정의부터 스토리보드, 프로토타입, 검증까지 완료
▸ 크로스 펑셔널 팀 접근: 다양한 전문가가 함께 참여하여 다각적 관점에서 스토리보드 검토
▸ 데이터 기반 의사결정: 사용자 데이터와 분석 결과를 스토리보드에 적극 반영

구글의 지메일 서비스 개편 프로젝트에서는 이러한 스토리보드 접근법이 성공적으로 적용되었습니다. 기획팀은 ... 더보기

7) 애플의 스토리보드 방법론: 직관적 인터페이스 구현 사례

 

애플은 스토리보드 작성에 있어 '인간 중심 디자인'을 핵심 원칙으로 삼고 있습니다. 특히 iOS 앱 개발 과정에서 애플의 스토리보드 접근법은 많은 기업들에게 영감을 주고 있습니다.

애플의 스토리보드 특징은 다음과 같습니다:

▸ 비주얼 스토리텔링: 텍스트보다 시각적 요소를 강조한 스토리보드 작성
▸ 인터랙션 중심 설계: 사용자와 제품 간의 상호작용을 중심으로 스토리보드 구성
▸ 단순함 추구: 복잡한 기능도 단순하고 직관적인 흐름으로 표현

애플의 앱스토어 리디자인 프로젝트에서는 스토리보드를 통해 사용자가 앱을 검색하고, 확인하고, ... 더보기

8) 에어비앤비의 스토리보드 혁신: 글로벌 서비스 최적화 전략

 

에어비앤비는 글로벌 서비스를 다양한 문화와 사용자 맥락에 맞게 최적화하는 과정에서 혁신적인 스토리보드 접근법을 개발했습니다.

에어비앤비의 스토리보드 특징은 다음과 같습니다:

▸ 스토리텔링 기반 접근: 사용자 스토리와 여정을 중심으로 한 스토리보드 구성
▸ 문화적 맥락 고려: 다양한 국가와 문화권의 사용자 경험을 고려한 세분화된 스토리보드 작성
▸ 감성적 요소 통합: 기능적 측면뿐만 아니라 감성적 경험까지 고려한 스토리보드 설계

에어비앤비의 '트립' 서비스 출시 과정에서는 다양한 여행자와 호스트의 경험을 스토리보드에 반영했습니다. 특히 ... 더보기

9) 스토리보드 작성 도구 및 템플릿: 실무자를 위한 최적 선택

 

스토리보드 작성에는 다양한 도구와 템플릿이 활용됩니다. 프로젝트의 특성과 팀의 작업 방식에 따라 적합한 도구를 선택하는 것이 중요합니다.

주요 스토리보드 작성 도구는 다음과 같습니다:

▸ 전통적 도구: MS PowerPoint, Google Slides - 접근성이 높고 다양한 템플릿 활용 가능
▸ 디자인 특화 도구: Figma, Adobe XD - 실시간 협업과 프로토타이핑 기능 제공
▸ 협업 플랫폼: Miro - 온라인 화이트보드 툴로 팀원들과 함께 스토리보드 작성 가능

스토리보드의 기본 구성 요소는 일반적으로 다음과 같습니다:

▸ 표지: 제목, 작성 및 수정 일자, 문서 버전
▸ Document History: 업데이트된 문서 내역 기재
▸ IA 및 정책: ... 더보기