28. 희연이는 현재 연세대학교에 재학 중인 20대 초반의 여성이다. 감성이 풍부한 희연의 삶의 모토는
하루하루를 즐겁고 소중한 경험으로 채워가는 것. 다채로운 삶을 추구하며 늘 남다른 경험, 새로운
재미를 찾기 위해 노력한다. 남들 다 가는 프랜차이즈 음식점을 찾기보다 나만의 맛집을 찾고, 나만의
장소, 나만의 음악, 나만의 경험으로 삶의 리스트를 채워가고 있다. 희연은 평소에 사진이나 영상을
많이 찍고, 매일 다이어리를 쓴다. 스마트폰을 통해 다이어리 어플과 여러 개의 카메라 어플을
사용한다. 일상의 소중한 경험과 느낌을 특별하게 담아두고 싶기 때문이다. 그렇게 모아진 나의 경험들을
돌아보거나 SNS를 통해 다른 사람들과 공유하면서, 자신의 삶의 의미를 확인하곤 한다.
오늘은 연세로를 지나다 우연히 어쿠스틱 버스킹 공연을 보게 되었다. 평소에 버스킹을 자주 보지 않는
희연이었지만, 고등학교 시절에 좋아했던 밴드의 노래가 들려 자기도 모르게 발걸음을 멈췄다. 항상
그랬듯 자연스럽게 폰을 들어 영상을 찍는다. 영상을 찍으면서 호응도 하고, 따라 부르기도 하며 공연을
즐겼다. 4곡 정도 더 듣고 자리를 떴다. 지금까지 봤던 버스킹과는 또 다른 새로운 경험을 했다는
생각에 즐거운 마음으로 귀가한다.
하루가 끝나고, 희연은 오늘 하루를 다이어리에 적기 시작한다. 버스킹 얘기도 몇 줄 적었다. 평소에
영화나 연극을 볼 때는 티켓을 같이 붙이는데 버스킹은 그런 게 없어서 조금 아쉽다. 글로 쓰는 것
말고도 더 경험을 선명하게 남길 수 있는 방법이 있었으면 좋겠다는 생각을 하며 일기장을 덮는다.
29. 2년 전까지 영어강사였던 신현수는 자신의 꿈을 좇아 거리에서 버스킹을 하기 시작했다. 낯선 사람들
앞에서 노래를 부르며 본인의 실력을 향상시킬 수도 있고, 무엇보다 지나가는 사람들에게 일상 속의
활력이 될 수 있는 점이 버스킹의 매력이라 생각한다.
주로 신촌, 혜화 등의 공간에서 일주일에 3회 정도 혼자 기타를 치며 버스킹을 한다. 새로운 관객들과
만나는 것이 의미 있다고 생각해 따로 SNS를 통해 공연을 미리 홍보하려고 하지는 않는다. 항상
지나가는 행인들이 관객이 된다. 공연 중에 사람들과 소통하는 것이 버스킹 공연의 큰 일부라고 생각해
말을 건네는 등 편안한 분위기에서 소통하며 공연하는 편이다.
오늘은 새로 연습한 곡을 들고 무대에 섰는데 관객 분들이 많이 모인데다, 호응도 굉장히 좋은
편이었다. 특히 빼빼로데이라 그런지 몇몇 관객 분들이 선물을 놓고 가기도 하셔서 사진을 찍어
인스타그램에 업로드하기도 했다. 공연 후에도 인스타그램으로 관객들과의 소통을 이어가고 싶지만
소수의 관객 분들만이 팔로우로 이어지는 것이 아쉽다.
다음 공연을 준비하며 이전 공연을 상기해보지만, 본인의 감과 현장에서 관객들의 반응에만
의존하다보니 객관적인 피드백을 하기 어려웠다. 그런데 오늘은 공연 후 어떤 관객 분이 직접 찍은
영상을 DM으로 보내주셔서 영상을 바탕으로 스스로 피드백을 할 수 있었다. 공연 후에도 관객분들과의
다양한 소통을 이어나가고 싶다고 생각했다.
30. Source Data needs Functional needs Product qualities Constraints
Scenario #2
(영상 티켓 촬영)
• 촬 영 형 식 정 보
(템플릿, 촬영 길이)
• 빠르고 간편하게 촬영
• 촬영 시 영상 티켓의 모습을 상
상할 수 있는 촬영 프레임
• 첫 실행화면이 카메라 촬영 모드
로 켜짐
• 촬영 화면은 폴라로이드 모양의
템플릿 형태.
Mental Model • 직관적으로 결과물 인지 가능한
촬영 모드
• 폴라로이드 템플릿 포맷 촬영
화면
• 영상 길이 표시 바
Goals • 경험을 특별하고 아름답게 추억
할 수 있는 결과물
• 심미성 있는 다양한 티켓 디자인
Environments • 스마트폰 카메라 기능에 접근 • 첫 실행 시 카메라 접근 허용 팝
업
Skills and
knowledge
• 간편하고 익숙한 카메라 촬영 모
드
• 촬영 버튼, 템플릿 버튼, 플래시,
전후면 버튼만 있는 간단한 인터
페이스
Source Data needs Functional needs Product qualities Constraints
Scenario #1
(앱 실행 / 가입)
• 어떻게 사용되는 앱
인지에 대한 정보
제공
• 빠르고 간편하게 가입 및 시작 • 앱 처음 사용 시 촬영 모드/개인
페이지 모드 안내
• SNS 계정 또는 이메일로 가입
• 비회원 시작 가능
31. Source Data needs Functional needs Product qualities Constraints
Scenario #3
(티켓 발급, 평가)
• 현재 장소, 시간, 공
연 정보
• 장소, 시간, 공연 정보 확인 및
수정 가능
• 관람 공연 만족 표시/응원
• 촬영한 영상 다시 보기
• 촬영 정보(연동 공연, 위치) 편집
• 공연 평가 팝업(하트 / 팔로우)
• 촬영 영상 업로드
위한 적지 않은 모
바일 데이터 필요.
Environments • 스마트폰 위치 정보에 접근
• 주변 위치 정보 탐색
• 첫 실행 시 위치 정보 접근 허용
팝업
• 앱 실행 시 주변 위치 자동 탐색
/연동
• 인터넷 가능한 환경
• 위치 정보 탐색의
정확도
Source Data needs Functional needs Product qualities Constraints
Scenario #4
(개인 페이지)
• 개인 정보(사진/프
로필/팔로워/팔로
잉)
• 티켓 발행 장소, 시
간, 공연 정보
• 티켓 디테일 정보 수정
• 티켓 디테일에서 버스커 페이지
로 유입
• 티켓 외부에 공유
• 개별로 들어가면 디테일 정보 확
인/편집 가능
• 티켓에서 버스커 누르면 버스커
페이지로 연결
• 티켓 디테일 화면 안에 외부
SNS 공유 기능(계정 연동)
• 영상 티켓 확인 위
한 적지 않은 모바
일 데이터 필요
Goals • 특별하게 추억된 경험 담은
영상 티켓
• 아카이빙 된 영상 티켓 간편하
게 확인
• 영상 티켓의 심미성
• 아카이빙된 티켓 시간 역순으로
정렬
Skills and
knowledge
• 간편하게 개인 페이지로 접근
• 여러 가지 Task를 쉽게 처리
가능
• 첫 화면에서 스와이핑 시 개인 페
이지 이동
• 직관적이고 간편한 Site map
32. Source Data needs Functional needs Product qualities Constraints
Scenario #5
(버스킹 공연 탐색)
• 팔로우 버스커 정보
• 근거리 버스커 공연
정보
• 실시간으로 간편하게 공연 정보
탐색
• 근처 위치 버스킹 공연 추천
• 현재 인기 공연 추언
• 팔로잉한 버스커 공연 추천
Environments • 주변 위치 정보 탐색 • 가까운 위치 순서로 공연 추천 • 인터넷 가능한 환경
• 위치 정보 탐색의
정확도
Skills and
knowledge
• 간편하게 탐색 페이지로 접근 • 첫 화면에서 스와이핑 시 탐색
페이지 이동
33. Source Data needs Functional needs Product qualities Constraints
Scenario #1
(어플 가입/
버스커 등록)
• 어떻게 사용되는 앱
인지에 대한 정보
제공
• 빠르고 간편한 회원가입
• 효과적인 프로필 작성
• 첫 실행화면에 공연모드 / 개인
페이지 모드 안내 페이지
• 버스커 정보 입력 가능한 포맷
제공
Source Data needs Functional needs Product qualities Constraints
Scenario #2
(공연모드)
• 현재 공연 정보 일
치여부
• 공연 관람 액티비티
현황
• 간편하게 공연 모드 시작
• 간단하게 정리된 공연 결과 확인
• 시작 버튼 누르면 공연정보(장
소, 공연명) 확인/편집창 팝업
• 버튼 눌러 공연 종료 후 공연
현황표 팝업창 제시
• 공연 이벤트 게시물 버스커 페
이지에 자동 업로드
Mental Model • 공연 시작/종료 여
부
• 공연 중을 시각적으로 간편하게
확인
• 공연시작 확정 후, 버튼 플래시
로 공연 중을 시각화
Environments • 스마트폰 위치 정보에 접근 • 첫 실행 시 위치 정보 접근 허용
팝업
• 인터넷 가능한 환경
• 위치 정보 탐색의
정확도
34. Source Data needs Functional needs Product qualities Constraints
Scenario #3
(개인 페이지)
• 등록된 사진/개인
정보
• 팔로워 수
• 아카이빙 된 공연 영상 확인
• 공연 이벤트 게시물 확인 및 관
리
• 한줄 게시판 게시물 확인 및 관
리
• 버스커 개인 프로필 확인/수정
• 공연 이벤트 게시물 내 관객 댓
글 확인 및 답글
• 공연 이벤트 게시물 내 아카이빙
영상 확인/대표 영상 설정/공유
• 한줄 게시판 내 관객 댓글 확인
및 답글
Mental Model
Goals • 아카이빙 된 영상 편리하게 확인
/활용
• 공연 영상들 날짜 별로 정리
Skills and
knowledge
• 간편하게 개인 페이지로 접근
• 여러 가지 Task를 쉽게 처리 가
능
• 첫 화면에서 스와이핑 시 개인
페이지 이동
• 직관적이고 간편한 Site map
35.
36. 공연 전 공연 시작 공연 후
공연 컨텐츠
준비
공연 장소 및
시간 선정
앱 가입
-기본
정보
등록
앱에서 시작버튼
클릭
공연 중
공연 탐색
현재 공연
정보 확인
관람
시작
앱
실행
촬영
시작
촬영
종료
영상티켓
편집
티켓
발급
좋아요
/팔로우
태그 정보
확인 →
영상
저장
SNS
공유
관람
종료
종료
버튼
클릭
공연
현황
확인
아카
이빙
영상
확인
관객
응원
댓글
확인
종료
버튼
클릭
마음에
드는 영상
셀렉
SNS에
공유
공연 self
feedback
반응/
댓글
개인페이
지 확인
버스커
탐색
티켓
확인
관리
선호버스커
팔로우
프로필 편집
37. Scenario Requirement
인스타 피드를 구경하던 중, 동기가 올린 VIVE ON 버스킹 영상 티켓
을 발견한다. 평소에 보던 버스킹 영상 위에 티켓 디자인을 입히니 예쁘
고 특별해 보인다. 해시태그 ‘#VIVE ON’ 이 어플 이름인 것 같아 한
번 써볼까 싶어 앱스토어에서 다운로드하고, 가입했다.
- 첫 실행화면에 촬영모드/개인페이지 안내
- 비회원 시작 가능
- SNS계정 또는 이메일로 가입
Scenario Requirement
다음날, 희연은 수업이 끝나고 연세로를 내려가던 길에 괜찮은 버스킹
을 발견한다. 영상을 찍고 싶은 생각이 들어 어제 다운 받은 VIVE ON
이 생각나 앱을 켠다. 바로 카메라 화면이 나와 마음에 드는 티켓 템플
릿을 선택한 후 촬영을 시작한다.
- 앱 시작 화면은 카메라 모드
폴라로이드 사진과 비슷한 티켓 프레임 안에 희연이 찍은 영상이 담긴
다.
- 촬영 화면에 폴라로이드 느낌의 템플릿 적용
38. Scenario Requirements
후렴구를 30초 동안 촬영하자 자동으로 티켓 발급 창으로 넘어갔다. 폴
라로이드 사진 형태 안 희연이 찍은 영상을 확인할 수 있었다.
- 촬영한 영상 다시 보기
영상 밑엔 공연 시간, 장소, 버스커 이름이 태그되었다. 틀린 정보가 없
어 ‘티켓 발급＇ 버튼을 눌러 영상을 티켓 형태로 저장했다.
- 촬영 정보(연동 공연, 위치) 편집
곧바로 ‘관람한 버스커에게 응원의 하트를 눌러주세요!＇ 라는 팝업창
이 떠 하트를 누른다. 앱을 종료하고 공연을 조금 더 관람하다가 집으로
돌아 온다.
- 공연 평가 팝업(하트/팔로우)
39. Scenario Requirement
침대에 누워 쉬다가 VIVE ON 어플로 들어간다. 화면을 옆으로 넘겨
내 개인 페이지로 들어가자 오늘 찍은 영상 티켓이 맨 위에 보인다. 영
상 티켓을 클릭해 다시 보니 오늘 버스킹을 보며 즐거웠던 기억이 떠오
른다.
- 티켓 아카이빙: 시간 역순으로 정렬
- 개별 티켓으로 들어가면 디테일 정보 확인
- 영상 티켓의 심미성
티켓에 적힌 버스커 이름을 눌러보니, 개인 페이지가 나온다. 오늘 본
버스커는 ‘신현수’ 씨인데, 피드를 살펴 보니 주로 연주하는 노래가 다
희연의 취향이다. 신현수 버스커를 팔로우하고, 다시 내 티켓 창으로 돌
아온다.
- 티켓에서 버스커 누르면 버스커 개인 페이지로
연결
다시 봐도 티켓이 예쁘게 나온 것 같아 인스타그램에 공유했다. 오늘도
특별하고 멋진 기억을 하나 남긴 것 같아 기분이 좋다.
- 개별 티켓으로 들어가면 디테일 편집 가능
- 개별 티켓으로 들어가면 외부 SNS 공유 가능
Scenario Requirement
개인 페이지에서 오른쪽으로 화면을 넘기자, 새로운 피드창이 나타난다.
희연이 있는 곳 근처의 버스킹, 희연이 팔로우한 버스커의 버스킹 공연
영상 등을 추천해 주는 곳이었다. 앞으로 버스킹 공연을 보게 되면 티켓
발급 외에도 유용하게 쓸 수 있을 것 같았다.
- 실시간 근거리 공연 추천
- 실시간 인기 공연 추천
- 실시간 팔로잉 버스커 공연 추천
40. Scenario Requirement
버스킹 전날, 저번 공연에서 실수하던 부분을 고쳐보며 내일의 공연을
준비하였다. 그러다 얼마 전 버스커 커뮤니티에서 보았던 VIVE ON이
라는 앱이 떠올랐다. 평소 공연 중에 관객들이 영상을 찍는 모습을 많이
목격하곤 했는데, 관객의 응원이자 피드백의 소스인 영상들을 내가 받
아볼 수 있다는 점이 매력적으로 느껴져 앱을 다운받았다. 공연 장르,
주로 활동하는 위치 등 간단한 정보를 입력하는 것으로 버스커 등록을
마칠 수 있었다.
계정을 만든 후 나의 채널을 캡쳐해서 인스타그램에 올렸다. 사진 밑
캡션에는 ‘VIVE ON이라는 앱에 제 계정이 생겼어요! 내일 공연부터는
조금 더 특별하게 추억을 남겨보실 수 있을 것 같아요:) 신촌에서 만나
요~!’ 라는 말을 덧붙였다.
- 첫 실행화면에 공연모드/개인페이지 모드 안내
페이지
- 버스커 정보 입력 가능한 포맷 제공
41. Scenario Requirement
다음날, 신촌 연세로로 공연을 하러 나갔다. 공연을 시작하기 10분 전
쯤, VIVE ON 앱을 켜서 공연 시작 버튼을 눌렀다. 공연 위치와 공연
명이 일치하는지를 확인한 후 확인 버튼을 누르자 상태가 공연 중으로
바뀌며 버튼의 색이 변했다. 공연이 시작되고 나서는 따로 앱을 조작하
지 않아도 되어 편리했다. 공연 중간중간, 영상을 찍으시는 관객 분들께
VIVE ON 앱을 사용해서 오늘의 공연을 더 특별하게 남겨 보시라고 말
하는 것도 잊지 않았다.
- 시작 버튼 누르면 공연 정보(장소, 공연명) 확
인/편집 팝업
- 시작 버튼: 공연 상태를 한눈에 알 수 있는 직
관적 디자인
세 시간 가량의 공연을 마치고, 공연 종료 버튼을 눌렀다. 종료 버튼을
누르자, 화면에 몇 명의 관객이 ‘좋아요’를 눌렀는지, 오늘 몇 개의 티켓
이 발행되었는지 확인할 수 있었다. 공연이 마음에 들었는지 앱에서 나
를 팔로우한 분도 몇 분 있었다.
- 공연 종료 후 공연 현황/결과 팝업 창으로 제시
생각보다 많은 참여에 뿌듯해 하며, 내 피드에 저장된 관객들의 반응을
자세히 살펴볼 생각에 기분 좋게 집으로 돌아왔다
- 공연 이벤트 게시물 버스커 개인 피드에 자동
업로드
42. Scenario Requirement
집에 돌아와, VIVE ON 개인페이지에 들어갔다. 프로필 밑 팔로우 수
가 벌써 두 자리 수가 되어 있었다. 오늘 공연 게시물을 확인했다. 많은
분들이 좋아요와 댓글로 공연에 만족을 표시해 뿌듯한 마음으로 감사의
답글을 달았다.
- 버스커 개인 프로필 확인/수정
- 공연 이벤트 게시물 내 관객 댓글 확인 및 답글
기능
잠 들기 전, 오늘의 공연을 인스타그램에 기록하고 싶어져 VIVE ON에
아카이빙 된 공연 영상들을 찾아보았다. 영상으로 보니 어떤 곡이 내 보
이스와 잘 맞았고 호응이 좋았는지 등이 더 생생히 기억났다.
- 공연 영상 아카이빙
그 중 관객들의 반응이 잘 담겨진 한 영상이 마음에 들어, 공연 게시물
대표 영상으로 설정하고, 인스타그램에 감사인사와 함께 영상을 공유했
다. 관객분들께서 보내주신 영상과 응원의 에너지 덕분에, 다음번에는
더 좋은 공연으로 관객들의 응원에 보답할 수 있을 것 같다고 생각했다.
- 개별 아카이빙 영상 확인 시 외부 SNS 공유 가
능
52. 서비스 가입 공연 시작
버스커
VIVE
ON
관객
개인
정보
제공
사용
안내
개인
정보
제공
사용
안내
공연시작
알림,확인
위치정보
자동연동
위치기반
공연제공
관람 시작 관람 중 관람 종료
촬영
Frame
제공
영상
제공
영상
아카이빙
승인티켓
발급
평가
제공
공연
평가
팝업
공연 종료
공연종료
알림
공연현황
통계전달
공연 외
확인
통계
정보
전달
확인
통계
정보
전달
소통
채널
제공
소통
채널
제공
참여
참여
공연 페이지
생성
53. Main Success Scenario:
1. 버스커는 공연 시작 버튼을 누른다.
2. 서비스는 버스커 채널에 공연 이벤트 페이지를 생성한다.
3. 관객은 해당 이벤트 페이지에 댓글과 피드백을 남긴다.
4. 버스커는 해당 이벤트 페이지에 댓글을 남긴다.
Main Success Scenario:
1. 버스커는 공연 시작 버튼을 누른다.
2. 서비스는 버스커의 공연정보와 위치정보를 불러온다.
3. 버스커는 연동된 정보를 확인하고 확인 버튼을 누른다.
4. 서비스는 실시간 공연 정보를 업데이트 한다.
5. 해당 공연은 On-Air 상태로 전환된다.
6. On-Air 상태의 공연은 관객의 공연 탐색 창에 거리
순으로 보여진다.
Extensions:
3a. 버스커-서비스 공연 정보 불일치
3a1. 자동으로 태그된 정보가 일치하지 않을 시 수동 입력한다.
3a2. 버스커가 확인 버튼을 누른다.
3a3. 4번으로 넘어간다.
2. 실시간 공연 정보 제공1. 공연 페이지(소통 채널) 생성
55. 3. 영상 티켓 발급 4. 영상 티켓 아카이빙
Main Success Scenario:
1. 관객이 서비스 어플을 실행한다.
2. 관객은 포맷(템플릿, 플래시, 전/후면 등)을 설정한다.
3. 관객은 설정된 포맷으로 공연 영상을 촬영한다.
3.1 촬영시작을 알리는 아이콘 작동.
3.2 촬영종료를 알리는 아이콘 작동.
4. 서비스는 GPS 기반하여 자동으로 해당 공연의
공연정보와 위치정보를 불러온다.
5. 서비스는 자동 연동된 공연정보(시간/장소/공연자)를
팝업창으로 띄운다.
6. 관객은 공연정보를 확인 후 티켓 발급을 완료한다.
Extensions:
5a. 관객-서비스 공연 정보 불일치
5a1. 서비스가 잘못된 공연정보를 연동해 제시한다.
5a2. 관객이 공연정보를 수동으로 수정한다.
5a3. 6번으로 넘어간다.
Main Success Scenario:
1. 영상 티켓 발급(Use Case 3)의 최종단계에서 생성된
티켓 정보를 저장한다.
2. 관객 채널에 새로 생성된 티켓 정보가 저장된다.
3. 버스커 채널에 관객이 촬영한 원본 영상이 아카이빙 된다.
4. 관객과 버스커는 개인 채널에서 영상티켓/영상을
확인하고 외부 SNS 채널로 공유한다.
57. 관객
Home
티켓 촬영
실시간
공연탐색
개인
페이지
회원가입
주변 공연Hot 공연
팔로워
공연
영상티켓
팔로잉
버스커
프로필
편집
북마크
티켓
알림
해당공연
페이지
버스커
페이지
개별티켓
페이지
개별티켓
페이지
해당
페이지
Entry
Entry
1.0 1.0.1
3.0 4.02.0
2.0.2 2.0.32.0.1 4.0.1 4.0.2 4.0.3 4.0.4 4.0.5
4.0.2.1 – 4.0.2.x 4.0.3.1 – 4.0.3.x 4.0.4.1 – 4.0.2.x 4.0.5.1 – 4.0.5.x2.1.0 - 2.1.x
66. Requirement Discription
Business
Importance
User
Importance
Technical
Feasibility
Resource
Feasibility
1 관객 - 앱 실행 및 가입
서비스 사용 전
서비스 가입 필요
High Low Low Low
2 영상 티켓 촬영
위치 및 공연 정보
연동하여 티켓 촬영
High High High High
3 티켓 발급 및 평가
티켓 수정 및 저장,
해당 공연 버스커
팔로우 및 좋아요
Medium High Medium Medium
4 개인 페이지_피드/리스트
발급 티켓
확인 및 수정
High High Medium Medium
5 개인 페이지_북마크 주요 티켓 선별 보관 Low Medium Low Low
6 버스킹 공연 탐색
장소 기반, 팔로우,
인기도 기준 공연 탐색
Medium Medium High High
Requirement Discription
Business
Importance
User
Importance
Technical
Feasibility
Resource
Feasibility
1 버스커 - 앱 실행 및 가입
서비스 사용 전
버스커 등록 필요
High Low Low Low
2 공연 시작 및 종료
공연 시작 시 위치 정
보 연동 / 페이지 생성
High High High High
3 공연 게시물 관리
아카이빙 내용 확인
및 표지 설정
High High High High
4 버스커 보드(한 줄 게시판)
게시판 작성 글 확인,
작성 및 관리
Medium Medium Medium Medium
