(0420) health colow midterm 인터랙티브미디어디자인1 컬로우 중간발표

1. 헬스 팀
1910209 김혜연
1814209 천예은
나의 마음을 달래는 컬러와 연주로
우울을 흘려보내는 모바일 게임
인터랙티브미디어디자인
Ⅰ

2. SERVICE IDEATION
Service idea
Desk research
Persona
Empathy map
Journey map
User flow

3. SERVICE IDEA 인터랙티브미디어디자인
Ⅰ
“컬로우”
우울감을 가진
남녀노소 누구나
휴대성이 용이한
모바일 게임으로 어디서나
즐길 수 있는
짧은 플레이타임으로
언제나 가볍게
즐길 수 있는
컬러테라피 기반
우울감 개선 모바일
리듬게임

4. DESK RESEARCH 인터랙티브미디어디자인
Ⅰ
아동 ADHD 치료용 게임 ‘인데버RX’
‘디지털 치료제’로 즐기면서 치료한다.

5. DESK RESEARCH 인터랙티브미디어디자인
Ⅰ
조희준. “뇌파분석을 이용한 사용자의 우울상태 판별에 관한 연구.” 국내석사학위논문 세종대학교 일반대학원, 2014. 서울
주요 우울장애 환자에서는 전두엽 우측보다 좌측에서 알파파가 더 크게 나타나는 알파파 비대칭 현상이 동반된다.
일반인(a)과 우울증 환자(b)의 전두엽 뇌파 양상

6. 서복희, 이근매. “색채심리의 유효성과 활용방안에 대한 연구.” (2013). PG.8-10
DESK RESEARCH 인터랙티브미디어디자인
Ⅰ
색채의 영향

7. DESK RESEARCH 인터랙티브미디어디자인
Ⅰ
안지혜, 김종두. “컬러테라피에 대한 이론적 고찰.” (2013). PG.4
컬러의 다양한 진동수와 파장은 우리 몸의 신체조직을 활성화하기도 하고 억제시키기도 한다.
인간의 시신경 자극을 통해 신체로 들어온 컬러의 파장은 아드레날린을 분비시키게 되고, 활성화된 아드레날린은 교감 신경을 자극하여
호르몬 생성을 유도하며 신체 전체의 생화학적인 시스템에 영향을 미치게 된다.
컬러테라피의 영향

8. DESK RESEARCH 인터랙티브미디어디자인
Ⅰ
서복희, 이근매. “색채심리의 유효성과 활용방안에 대한 연구.” (2013). PG.8-10
각 영역은 특별한 파장에 반응하며 치료를 위한 유발점으로 신체가 색채입자의 자극을 받았을 때 그와 관련된 신체 및 조직이 영향을 받는다.
건강한 사람은 차크라와 관련된 에너지가 균형있게 분배되어 있으나 그렇지 않는 경우, 신체의 특정유발점에 치료색채를 쏘여 적절한 균형을 이루어 회복을 돕는다.
7가지의 색채와 기로 구성된 차크라

9. DESK RESEARCH 인터랙티브미디어디자인
Ⅰ
최종윤, 이대웅. “백색잡음을 혼합한 게임음악이 전전두엽에 미치는 영향.” 한국게임학회 논문지 11.6 (2011)
소리는 인체에 영향을 주는 청각적 자극이며, 기능적으로 인간의 감각을 자극하여 커뮤니케이션을 수행하는 역할을 한다.
또한 현전감을 강화시키고 감정이입을 유발한다. 소리 자극은 생리적 흥분을 가져오고 반응에 민감한 상태로 각성시키는데, 이는 심장박동, 혈압, 뇌파신호로 나타난다.
백색잡음은 인간의 가청범위(20HZ～20KHZ)내에서 모든 주파수를 같은 양으로 포함하고 있는 의미를 가지지 않는 소리이다.
이 소리는 특별한 패턴으로 인식되지 않으며, 인체에 편안하고 안정적인 감성을 유발시킨다.
백색잡음이 섞인 게임음악을 듣는 그룹의 전전두엽 뇌파 변화를 측정한 결과 좌뇌에서는 백색잡음의 이완효과가 나타났다
실험에 사용된 센서 부착 위치 실험에 사용된 센서 부착 위치
백색잡음의 Spectrum Analysis 화면
Spectrum Analysis 화면의 분석 항목

10. DESK RESEARCH 인터랙티브미디어디자인
Ⅰ
박양규. “음악치료에서 뇌파 측정 데이터의 활용.” 대한음악치료학회 세미나 자료집, (2012): 32-52
흥겨운 음악일수록 즐거움을 담당하는 뇌 영역을 활성화시키고, 도파민의 분비를 촉진한다.
음악의 동조화 현상. 뇌에서 리듬의 힘을 빌려 감정뿐 아니라 행동도 이끌어 낸다.
음악 자극 사례 그래프

11. 인터랙티브미디어디자인
Ⅰ
나의 우울감 테스트 질문 항목
질문이 20-21문항으로 이루어진 K-BDI (BECK DEPRESSION INVENTO-
RY)라는 우울증 자가진단 테스트를 활용할 예정이다.
DESK RESEARCH

12. 인터랙티브미디어디자인
Ⅰ
오늘의 감정 테스트
컬러테라피 기반 리듬게임 서비스인만큼 컬러의 활용을 높이면
좋을 것 같다 판단하여 색채 테스트를 활용할 예정이다.
HTTP://AISELFTEST.COM/COLORTEST/SELFTEST.HTML
CRR(COLOR REFLECTION READING) 분석법 : 테스트 하기
HTTPS://TERMS.NAVER.COM/ENTRY.NAVER?DOCID=3579084&CID=59042&-
CATEGORYID=59042
DESK RESEARCH

13. DESK RESEARCH | BENCHMARKING 인터랙티브미디어디자인
Ⅰ
한때 많은 사람들이 플레이했던 피아노 타일이라는 모바일 게임
어플리케이션으로, 심플한 플레이화면을 참고할 예정이다.
Piano Tiles 2

14. 인터랙티브미디어디자인
Ⅰ
심리테스트를 모아놓은 모바일 어플리케이션.
사람들의 관심을 끌게 만드는 귀여운 일러스트가 가미된 테스트
형식을 참고할 예정이다.
방구석 연구소
DESK RESEARCH | BENCHMARKING

15. 인터랙티브미디어디자인
Ⅰ
PERSONA
#지친 #부담을 느끼는
20대 대학생 A씨
CHARACTER
- 게임을 좋아하지만 바쁜 일상으로 즐길 여유가 없음
- 휴식을 원하지만 시간적, 금전적 비용에 부담을 느낌

16. 인터랙티브미디어디자인
Ⅰ
PERSONA | SCENARIO
공부와 아르바이트로 하루하루를 보내느라 수면시간이
하루 3시간씩밖에 없는 A씨는 2시간이나 되는 학교 통학시간, 아르바이트
출퇴근 시간에 늘 하는 일 없이 시간을 낭비하던 A씨는 자투리 시간을
활용하기로 마음먹고 친구에게 리듬게임을 소개받게 된다.
20대 대학생 A씨의 시나리오
“휴식시간과 게임 모두 즐기고 싶어.”
EMPATHY MAPPING
SAYS & DOES
“피곤해,” “어플 좀 소개해줄래?”
짧은 시간에 즐길 수 있는 취미가
필요.
SEE & HEAR
“네 나이때는 원래 다 그래.”
“넌 공부나 제대로 해.”
“넌 힘들어 할 시간은 있니?”
FEELS & THINKS
바쁜 일상, 기존 게임들에 대한 지루함.
10분 이내의 자투리 시간을 활용할 방법.
NEEDS
혼자서도 즐길 수 있는 게임.
메모지 외에 감정을 기록할 공간.
큰 시간을 들이지 않고 우울감을
해소할 방법.
PAIN POINT
게임을 장시간 동안 앉아서
할 수 있는 여유가 없음.

17. PERSONA | JOURNEY MAP 인터랙티브미디어디자인
Ⅰ
SNS 속 지인의 어플 공유 어플 다운로드 메인 화면 오늘의 일기 작성 게임 종료
우울감을 느낄 여유도 없이 바쁜 삶
현재 자신의 우울감을
측정할 수 있는 테스트
SNS를 이용하지 않는 사람들은
해당 경로로 어플을 접하기가 어렵다.
SNS를 이용하지 않아도
어플의 접근성을 더 높여야 한다.
메인 서비스가 게임이기는 하지만
시간 상 오늘의 일기를 작성하게 된다.
메인 서비스가 게임이기는 하지만
게임이 아닌 우울감과 관련된
다른 서비스를 이용하고 싶을 수 있다.
텍스트로 길게 본인의 감정을
적어내릴 여유가 없다.
오늘의 일기를 테스트가 아니더라도
좀더 신속하고 직설적인 이모티콘으로
나타낼 수 있도록 한다.
바쁜 와중에 깜빡하고 저장 버튼을
누르지 못하고 종료할 수 있다.
별도의 저장버튼 없이도
자동저장되는 기능
😞 😯 🤔 😀 😚
SNS를 확인하던 도중에 지인이
공유해놓은 우울감 테스트 결과를
우연히 보게 되었다.
지인의 테스트 결과를 읽고 어플에
흥미를 느껴 테스트에 연결되어
있던 링크를 클릭하니 다운로드
창으로 넘어오게 되었다.
메인 화면을 둘러보고
여러 창의 메뉴바를 확인한다.
자신의 감정을 기록할 수 있는
페이지를 발견하고 자신이 느꼈던
오늘의 감정들을 위주로 일기를
작성하게 된다.
자신이 기록했던 감정들을 언제든지
어플로 돌아와 수정하거나 새로이
쓸 수 있다는 것을 알고 기분 좋게
어플을 종료한다.
활동
감정
어려움
필요

18. 인터랙티브미디어디자인
Ⅰ
PERSONA
CHARACTER
- 우울감과 무력감으로 마음이 많이 다친 상태
- 코로나 때문에 여행도, 사람도 만나지 못하는 상황
- 정신적 휴식을 원하지만 방법을 모름
40대 실업자 B씨
#슬픈 #우울한

19. 인터랙티브미디어디자인
Ⅰ
PERSONA | SCENARIO
관광지에서 꽤 나가던 식당을 운영 중이었으나 코로나로 결국 폐업해 한순간에
무직이 된 B씨는 큰 상실감과 우울증에 빠져 집에만 머물게 되었고, 친구와의
만남, 여행도 불가능해 집에서 적은 비용으로 우울감에서 벗어날 해결방안을
찾던 중, B씨는 컬러테라피를 통한 리듬게임에 대한 기사를 접하게 된다.
20대 대학생 A씨의 시나리오
“우울감에서 벗어날 방법을 모르겠어.”
EMPATHY MAPPING
SAYS & DOES
“이야기 나눌 친구가 필요해.”
“난 정말 우울증이 맞는걸까?”
하루종일 수면 상태.
SEE & HEAR
“괜찮아요,” “힘내세요”
“시국이 그렇죠 뭐.”
“B씨만 그런게 아니라 원래 요즘
다 우울해요.”
FEELS & THINKS
무기력함, 외로움.
우울감을 이겨내고 극복하려는 의지.
NEEDS
우울감을 나눌 누군가.
우울감 테스트가 있는 서비스.
자신의 기분을 체크할 수 있는
테스트.
PAIN POINT
어떤 심리치료형 어플을
사용해야 좋을지 잘 모르겠음.

20. PERSONA | JOURNEY MAP 인터랙티브미디어디자인
Ⅰ
친구의 어플 추천 어플 다운로드 어플 소개 정독 우울감 테스트 결과 확인 익명 커뮤니티
앱스토어에서 어플을 다운받기
이전에 간단한 플레이 화면이라든지
설명같은 것을 확인하려 한다.
어플을 다운받기 전에 게임 내의
화면들과 간단한 설명같은 것들을
같이 띄워놔야한다.
주의깊은 지인의 추천이 없었더라면
어플의 존재를 몰랐을 수 있었다.
입소문보다는 온라인 광고를 통한
서비스 홍보.
😢 😯 🤔 🤔 😀
앱스토어에 접속하여
‘컬로우’를 검색한다.
리듬게임이 익숙치 않은 사람들은
어떻게 플레이하는지
모를 수 있다.
게임을 자주 이용하는 20대 뿐만이 아닌
넓은 연령대의 이용객들을 고려하여
보다 상세히 어플 소개를 적어야 한다.
‘컬로우’같은 리듬게임이
익숙치 않아 꼼꼼히 어플소개를
정독한다.
너무 어렵고 심층적인
테스트 문항은 게임에 진입장벽을
만들 수 있다.
테스트를 생략할 수도 있도록
만들어야 하고 테스트하기 부담스러운
항목들은 제외한다.
자신의 우울감 정도가
궁금하여 테스트를 진행하고
결과를 확인한다.
나의 정보를 모두 공개하는
공간에서는 자신의 감정을 솔직하게
담아내지 못할 수 있다.
이용자가 자신의 정보를 드러내지
않고 편하게 글을 쓸 수 있도록
익명제를 실시해야 한다.
다른 이들과의 소통 창구가 필요하다고
느끼며 게임을 플레이 하기 이전에
익명 커뮤니티에 글을 남기고
다른 이들의 글도 읽기 시작한다.
간간히 친구들에게
자신의 우울을 내비치던
도중에 친구가 우울감 치료
어플을 추천해준다.
활동
감정
어려움
필요

21. 인터랙티브미디어디자인
Ⅰ
PERSONA
10대 청소년 C씨
#과묵한 #내성적 #사색적
CHARACTER
- 본래 과묵한 성격 탓에 자신의 우울감을
주변인에게 털어놓는데에 어려움을 느낌
- 코로나로 혼자있는 시간이 더욱 많아져 우울한 기분을
해소할 만한 해결 방안을 찾고자 함

22. 인터랙티브미디어디자인
Ⅰ
10대 청소년 C씨의 시나리오
1. C씨는 본래 과묵한 성격에 자신의 고민을 지인들에게 쉽게 털어 놓지 않는다.
2. 코로나 장기화로 인한 사회적 거리두기로, C씨는 혼자 사색에 잠겨
우울해지는 날이 잦아지기 시작한다.
3. 지속적인 우울감을 떨쳐내는 방법을 스마트폰으로 모색하던 중,
우울감 개선용 컬러테라피 기반 리듬게임 어플을 발견하였고, 평소 게임을
자주 하던 C는 가볍게 게임도 즐기면서 우울감도 해소할 수 있다는
어플 설명에 앱을 다운받게 된다.
4. 어플을 실행하자, 화면에 자신의 감정을 묻는 질문지가 나타나고,
C는 오늘의 기분에 맞는 항목을 체크하여 감정 질문지를 작성한다.
5. C는 작성 완료 후 화면에 뜨는 감정 분석 결과와 그 감정을 긍정적으로
완화시켜줄 컬러를 소개하는 페이지를 정독한다.
6. 추천 연주곡 리스트들 중, C는 자신이 원하는 난이도와 곡을 선택한다.
7. C의 우울한 감정을 긍정적으로 완화시킬 컬러로 배색된 리듬게임을
시작되고, C는 즐겁게 플레이한다.
“우울한 기분을 풀고 싶은데 어떻게 해야 좋을지 모르겠어요.”
PERSONA | SCENARIO
EMPATHY MAPPING
SAYS & DOES
가까운 지인에게 자신의 속내를
솔직하게 드러내지 않음.
SEE & HEAR
주변인들의 정신과 치료에
대한 부정적인 인식.
FEELS & THINKS
타인의 시선을 많이 의식함.
지속적인 우울감이 자신을 갉아먹고 있음을 느낌.
진솔한 대화에 어려움을 호소.
NEEDS
금전적인 부담이 적고 쉽게
접근 가능한 우울감 해소 방법.
PAIN POINT
전문적인 치료를 받기에는
금전적, 사회적 인식이 두려움.
지인에게 우울감을 나누지 못함.

23. PERSONA | JOURNEY MAP 인터랙티브미디어디자인
Ⅰ
코로나 장기화로 인한 사회적 거리두기 우울감 해소 방법 서치 게임 전 설문지 작성 게임 진행 게임 종료
전문적인 정신치료은
금전적, 사회적 인식 문제로
이행하기 어렵다.
금전적 부담감을 덜어낸
남녀노소 가볍게 즐길 수 있는
우울감 개선 방법
코로나 팬데믹으로 인한
우울감 심화.
우울감을 해소할만한 것
😢 🤔 🤔 🤩 😊
우울해짐을 느낀 학생 C는 자신의
삶에 기운을 얻고자 스마트폰으로
우을감 해소 방법을 검색한다.
내 감정이 정확히 어떤 감정인지
잘 모르겠고, 나의 감정을 좋게 만드는
방법에 대해 알고 싶다.
사용자 감정 분석 테스트 시행 및
분석 결과와 솔루션 제공
우울감 개선 리듬게임이라는
컬로우를 발견해 실행하자, 오늘의
감정을 묻는 설문지가 나타나
작성한다.
손이 느린 편인 학생 C는
자신의 실력보다 조금 어려운 난이도에
게임 클리어를 하지 못한다.
난이도와 곡 선택을
사용자의 선호도에 맞춰
자유롭게 선택 가능.
약 3-4분간의 게임 플레이가
진행되면서, 게임에 흘러나오는
컬러로 인하여 컬러테라피의
효과를 받는다.
학생 C는 지난 날에 자신이 어떤
기분이었고, 그 기분이 나아지기 위한
솔루션을 기억해두고 싶다.
그날의 감정 분석 결과와
솔루션 컬러를 달력에 자동으로
추가해주는 메모 기능.
리듬게임의 컬러테라피 효과로
리듬게임 플레이 전보다 나아진
기분으로 게임을 끝내게 된다.
코로나 장기화로 인한 사회적
거리두기로, 집에 혼자 있는 날이
잦아지고 사색하는 시간도 많아져
우울감이 심화되었다.
활동
감정
어려움
필요

24. PERSONA | USER FLOW 인터랙티브미디어디자인
Ⅰ
메인화면 나의 감정 달력 오늘의 일기 쓰기
SNS 링크 로그인/회원가입
로그인
SNS 속 지인의 공유홮 앱 다운로드
앱소개 진행
비회원 로그인
앱소개 생략
퍼소나 Ａ.
메인화면
글쓰기
익명 커뮤니티
우울감 진단 결과
스마트폰 검색 비회원 로그인
로그인
친구의 어플 추천홮 앱 다운로드
앱소개 생략
로그인/회원가입
앱소개 진행
우울감 테스트
퍼소나 B.
스마트폰 검색 로그인/회원가입
로그인
메인화면
우울감 심화홮 앱 다운로드
앱소개 진행
비회원 로그인
앱소개 생략
오늘의 추천곡 게임 실행
퍼소나 C.

25. SERVICE FINAL IDEA 인터랙티브미디어디자인
Ⅰ
사용자의
‘오늘의 감정’
분석 테스트
사용자의
우울감 테스트
감정 분석 결과
&솔루션 컬러 설명
곡과 난이도
선택의 자율성
차크라별 꽃을
캐릭터화
기분에 따라
선택할 수 있는
커뮤니티 기능
감정에 맞춘
day time/night time
디스플레이 모드 전환
오늘의 감정을
모아보는 달력
메모 기능
솔루션 컬러로
배색된 리듬게임

26. FLOW PART 인터랙티브미디어디자인
Ⅰ
앱 실행
앱 소개
로그인/회원가입 *이메일 가입으로 절차 간소화
*비회원의 경우 커뮤니티 이용 불가
비회원 로그인
*초기 사용자의 경우
*기존 사용자의 경우
우울감 테스트
로그인
*감정을 완화시킬 솔루션 컬러 소개 / 감정 분석 결과 공유
감정 분석 결과
테스트 다시하기
메인화면
오늘의 감정 테스트
오늘의 미션 목록
달성한 미션 목록
오늘의 미션
*나의 감정 일기 삭제
*솔루션 컬러로 검색 / 텍스트로 검색
나의 감정 달력
*내 글 모아보기-게시글 삭제 / ‘좋아요’한 글 모아보기
글쓰기
게시글 검색
메뉴
오늘의 일기 쓰기
지난 감정 검색
메뉴
익명 커뮤니티
*Day time-Night time 모드 설정
*볼륨, 진동 효과, 기타 효과음
*자주 찾는 질문 / 고객 문의 연락수단
*닉네임, 프로필, 비밀번호 수정 / 회원 탈퇴
/ 우울감 테스트 다시하기 / 로그아웃
*앱 소개 / 버전
그래픽 설정
사운드 설정
고객 문의
공지사항
이용약관
언어
알림 설정
회원 정보
개임 정보
오늘의 감정 테스트
검색
감정 그래프
오늘의 추천곡
*난이도 설정 / 게임 플레이
/ 카테고리별 리스트 정렬
연주곡 리스트
환경설정
우울감 진단 결과
*우울 강도가 심한 경우,
전문의의 상담을 추천

27. 인터랙티브미디어디자인
Ⅰ
WIREFRAME
앱 실행 / 앱 소개 / 로그인 및 회원가입 / 로딩 화면 메인 / 연주곡 검색 / 플레이 화면

28. 인터랙티브미디어디자인
Ⅰ
WIREFRAME
우울감 테스트 화면 오늘의 감정 테스트 화면

29. 인터랙티브미디어디자인
Ⅰ
WIREFRAME
미션 / 감정 달력 / 감정 일기 쓰기 / 감정 검색 / 달력 내 메뉴 화면 익명 커뮤니티 / 글 쓰기 / 글 검색 / 메뉴 화면 환경설정 / 회원 정보 화면

30. SERVICE BRANDING
Brand Logo & Typeface
Brand Color
Pictogram
Brand Character

31. 인터랙티브미디어디자인
Ⅰ
BRAND LOGO & TYPEFACE
‘colow’
컬로우는 컬러와 플로우의 조합어로,
곡에 맞추어 컬러가 화면에 흘러나와 감정 완화에
도움을 준다는 것을 의미.
브랜드 전용 서체
마음을 달래는 컬러테라피 기반 모바일 리듬게임, 컬로우입니다.
1234567890,.@#$%!?
ABCDEFGHIJKLNMOPQRSTUVWXYZ
abcdefghijklnmopqrstuvwxyz
1234567890,.@#$%!?
산돌 고딕Neo1
Roboto

32. 인터랙티브미디어디자인
Ⅰ
BRAND COLOR
우울감에서 해방한 생동감있는 삶을 되찾아준다는
목적을 보여주고자 우울감을 상징하는 푸른색과 반대되는
오렌지계열 컬러를 브랜드 메인 컬러로 선택하였다.
#96DEDA → #50C9C3
SUB COLOR
#FFC837 → #FF8008
MAIN COLOR
컬로우 오렌지
색채 치료적 방면에서 정신적 긴장과 피곤에 긍정적인 효과를 주는
청록색을 밝은 톤의 서브 컬러로 설정하여 우울감에 침체되지
않도록 하였다.
컬로우 블루그린

33. 인터랙티브미디어디자인
Ⅰ
PICTOGRAM

34. 인터랙티브미디어디자인
Ⅰ
BRAND CHARACTER
차크라 컬러 기반 캐릭터
7가지 컬러의 차크라 연꽃을 모티브로 한 캐릭터.
사용 범위
- 앱 소개 일러스트
- 우울감 및 오늘의 감정 테스트의 일러스트
- 프로필 기본 제공 이미지
Type A
Type B

35. FORWARD PLAN

36. 인터랙티브미디어디자인
Ⅰ
FORWARD PLAN
모바일 및 아이패드 어플리케이션 서비스 구현

37. 감사합니다