인터렉 피피티

100
1414538 박서희 1415893 배혜빈 1115359 이상연 Running DJ

Upload: asrht1228

Post on 14-Feb-2017

13 views

Category:

Design


0 download

TRANSCRIPT

Page 1: 인터렉 피피티

1414538�박서희�

1415893�배혜빈�

1115359�이상연

Running�DJ

Page 2: 인터렉 피피티

01_�Research�

Survey�

Thesis�

Affinity�Wall�

02_�Idea�

03_�Shadowing�

04_�Persona�

05_�Scenario�

06_�Task�Flow�

07_�User�Journey�

08_�Benchmarking�

09_�Reference

Page 3: 인터렉 피피티

01�

Research

Page 4: 인터렉 피피티

인터렉티브미디어디자인�

Survey�_�54명

걷기운동에�관한�설문지�11문항�

-�걷기운동�및�조깅을�하십니까?�

-�얼마나�자주�하십니까?�

-�걷기운동을�하는�이유는�무엇인가요?�

-�주로�어떤�시간대에�걷기운동을�하십니까?�

-�걷기운동을�주로�누구와�하십니까?�

-�혼자하는�걷기운동의�장점은�무엇인가요?�

- 누군가와�함께하는�걷기운동의�장점은�무엇인가요?�

-�본인이�생각하는�최고의�걷기운동은�어떤�형태의�걷기운동(조깅)�입니까?�

-�본인이�지향하는�최적의�걷기운동을�하기�위해�어떤�것을�하십니까?�

-�걷기운동을�할�때�느꼈던�불편한�점이�있었다면�어떤�것이었나요?�

- 자취생들이�걷기운동을�할�때�느낄�불편함이�무엇이라고�생각하시나요?�

- 걷기운동을�하면서�느꼈던�불편한�점에�대한�대책방안으로�바랐던�기능이�있으신가요?�

- 실제로�걷기운동을�하면서�도움을�받았던�서비스가�있으신가요?

Page 5: 인터렉 피피티

Q.�걷기운동(조깅)을�하는�이유는�무엇인가요?�

- 다이어트/건강�-�37명�

- 기분전환�-�8명�

- 안한다�-�9명�

Q.�주로�어떤�시간대에�걷기운동(조깅)을�하십니까?�

- 밤�늦게�-�46명(중복포함)�

- 아침�-�5명(중복포함)�

- 안한다�-�9명

인터렉티브미디어디자인�

Survey�_�54명

Page 6: 인터렉 피피티

Q.�걷기운동(조깅)을�주로�누구와�하십니까?�

- 혼자�-�36명�

- 함께�-�17명�

- 이중답변�-�1명�

Q.�혼자하는�걷기운동(조깅)의�장점은�무엇인가요?�

- 생각정리�-�18명�

- 자유롭다�-�22명�

- 없다�-�14명

인터렉티브미디어디자인�

Survey�_�54명

Page 7: 인터렉 피피티

Q.�누군가와�함께하는�걷기운동(조깅)의�장점은�무엇인가요?��

만약�함께�운동하는�사람이�함께하지�못한다면�어떻게�하시나요?�

- 심심하지�않다�-�13명�

- 대화�-�12명�

- 효과적인�운동(책임감,�붇돋아주기)�-�12명��

- 누군가함께못한다면�혼자라도한다�-�16명�

- 누군가함께못한다면�안한다�-�12명�

- 무응답�-�24명�

인터렉티브미디어디자인�

Survey�_�54명

Page 8: 인터렉 피피티

Q.�본인이�생각하는�최고의�걷기운동은�어떤�형태의�운동입니까?�

- 빠르게�걷기�/�인터벌�-�23명��

- 음악들으면서�걷기�-�5명��

- 기타�-�26명�

Q.�본인이�지향하는�최적의�걷기운동(조깅)을�하기�위해��

어떤�것을�하십니까?�

- 음악�듣기�-�10명�

- 편한옷/�편한자세�-�8명�

- 빨리�걷기�-�7명�

- 별다른�것을�하지�않는다�-�14명�

- 안한다�-�9명

인터렉티브미디어디자인�

Survey�_�54명

Page 9: 인터렉 피피티

Q.�걷기운동(조깅)을�할�때�느꼈던�불편한�점이�있었다면��

어떤�것이었나요?�

- 운동에�방해되는�짐�-�9명�

- 밤길이�무섭다�-�11명�

- 귀찮아서�계획을�실행하기�힘들다�-�7명

인터렉티브미디어디자인�

Survey�_�54명

Page 10: 인터렉 피피티

Q.�본인�외에�다른�자취생들이�걷기운동(조깅)을�할�때��

공통적으로�느낄�불편함이�무엇이라고�생각하시나요?�

- 날씨,�장소문제�-�13명�

- 밤에�위험요소�-�11명�

- 귀찮다�-�7명�

- 계획하고�실행하기�힘들다�-�6명�

- 운동에�방해되는�짐�-�5명�

- 운동량측정,�자세측정이�어렵다�-�4명�

- 없다�-�8명�

인터렉티브미디어디자인�

Survey�_�54명

Page 11: 인터렉 피피티

Q.�걷기운동(조깅)을�하면서�느꼈던�불편한�점들에�대한��

대책방안으로�평소�바랐던�기능이나�서비스가�있으신가요?�

- 밤에�안전문제�-�8명�

- 재밌는�요소가�없다�-�2명�

- 내�운동량을�정확하게�알고�싶다�-�3명�

- 쓰레기통을�찾기�어렵다�-�2명�

- 기타�-�9명�

- 없다�-�30명�

인터렉티브미디어디자인�

Survey�_�54명

Page 12: 인터렉 피피티

Q.�실제로�걷기운동(조깅)을�하면서�도움을�받았던��

서비스가�있으신가요?�

- 음악어플�-�10명��

- 만보기�-�7명�

- Kg�재는�어플�-�9명�

- 없다�-�29명�

인터렉티브미디어디자인�

Survey�_�54명

Page 13: 인터렉 피피티

인터렉티브미디어디자인�

Thesis

<�음악의�빠르기가�운동에�미치는�영향�>�

연구목적�:�음악의�및�템포가�자유보행시�보행패턴에�어떠한�영향을�미치는지�알아보고��

성별,연령,동반자�유무에�따라�어떠한�차이가�있는지�알아보는데�그�목적이�있었다.�

연구방법�:�정�구간을�설정한�후�캠코더를�이용하여�촬영,�보행자들이�촬영하는�것을�알아차리지��

못하도록�구간으로부터�멀리�떨어져�촬영을�진행.�신체적인�특성은�영상을�통해�육안으로�확인�후�

측정.�빠르기�별로�음악을�다르게�하여�한�달에�걸쳐�촬영한�후�영상을�분석.�신체적�특성�중�연령은��

30세�이전,�31-59세,�60세�이상으로�성별은�남/여로�구분하여�기록,�동반자�유무에�대한�기록�동반.�

연구�결과:�음악의�빠르기�-�전체�자유보행자의�보행패턴에�영향을�미친다.�성별에�따라서는��

남자보다�여자�보행자들이�음악의�빠르기에�더�민감하게�반응.�동반자가�있을�때보다�없을�때가��

음악의�빠르기에�영향을�받는�것으로�나타남.��

출처�:�논문<음악의�빠르기�변화가�인간의�보행속도에�미치는�영향>

Page 14: 인터렉 피피티

PT(퍼스널�트레이닝)가�사용자의�운동에�미치는�긍정적�영향�

퍼스널�트레이닝(Personal�Training)�

:각�개인에�맞춰�직접�프로그램을�개발,�안전하고�적정하게�운동을�수행�할�수�있도록��

본인에게�맞는�운동처방을�내려주는�방법(Brooks,190)�

출처�:�논문�<퍼스널�트레이너�이용자들의�고객만족도가�운동지속에�미치는�영항>

인터렉티브미디어디자인�

Thesis

Page 15: 인터렉 피피티

PT(퍼스널�트레이닝)가�사용자의�운동에�미치는�긍정적�영향�

표�분석결과�:�고객만족도�요인�중�운동지속에�영향을�미치는�요인�-�환경적�만족,�교육적�만족�순�

즉,운동을�지속하기�위해서는�재미�요인도�중요하지만�그에�따른�환경적,�교육적�관리도�중요�

트레이닝이�운동지속에�관계가�있음을�의미,�긍정적인�영향�

<운동지속>�

운동지속에�대한�개념�-�많은�학자들이�

여러�측면에서�사용�그�정의�또한�다양�

‘집착’또는�‘지속’을�의미하는�adherence

의�사전적�의미�는�‘집착하다’�또는��

‘특정한�목표를�달성하기�위해�행동기

준에�충실하게�순응�하다’로�해석된다.

인터렉티브미디어디자인�

Thesis

Page 16: 인터렉 피피티

걷기운동�니즈분석

인터렉티브미디어디자인�

Affinity�Wall

Page 17: 인터렉 피피티

인터렉티브미디어디자인�

Affinity�Wall

걷기운동�니즈분석

Page 18: 인터렉 피피티

운동

음악이�운동에�있어�필수적인�요소

나가기�귀찮아!�� 음악은�꼭�들어야해! 반복되는�환경이�지겨워!

타겟�니즈

음악 재미+ +

인터렉티브미디어디자인�

Detection

Page 19: 인터렉 피피티

02�

Idea

Page 20: 인터렉 피피티

인터렉티브미디어디자인�

Idea

Running�DJ�-�운동하며�만드는�나만의�노래�

목적�:�발걸음에�맞춰�노래를�만들면서�재밌게�운동을�하도록�동기부여�

타겟�:�운동을�필요로�하지만�귀찮아�도움이�필요한�20대�여성�

사용될�기기/기술�:�스마트�워치�-�만보기�기능�1회당�비트�1회�

���Garage�Band�-�변형된�음악�+�비트�/�비트종류�선택

Running�DJ

Page 21: 인터렉 피피티

운동

음악

재미스마트�워치�-�만보기�기능으로�1회걸음마다�비트가�1개�추가됨�

���(발걸음에�맞춰�듣고�있는�노래에�비트추가)

음악선택�-�음악장르�고르기�/�비트종류�고르기�

DJ�-�노래�이어만들기�/�음악�저장함�-�음악�공유,�다운

동기부여�-�내가�만든�노래로�운동시간에�알람울림�

���운동코스�추천

인터렉티브미디어디자인�

Idea

Page 22: 인터렉 피피티

사용될�기술

Touch악기,�내장마이크와�기타를�이용해�나만의�음악을�만들수�있는�아이폰�유료앱.�Live�loops로�루프와�오디오효과를�실시간으로�트리거하여�DJ처럼�음악만들수�있다

인터렉티브미디어디자인�

Idea

Page 23: 인터렉 피피티

03�

Shadowing

Page 24: 인터렉 피피티

인터렉티브미디어디자인�

Shadowing

기상

am9:20

준비�후�수업들어감

am10:00

공강�시간에�밥먹음

pm14:00

운동�시작�전�

수업이�모두�끝남

pm18:00

팀플이�끝나고�

밥을�먹으러�감

pm19:30

자취방�도착해서�

침대에�누움

pm20:10

운동�갈�준비

pm20:10

Page 25: 인터렉 피피티

인터렉티브미디어디자인�

Shadowing

공원으로�출발

운동�시작�후�

운동�전�음악�선곡

pm20:50 pm21:15

공원�도착

pm21:25

운동을�시작�

pm21:27

카톡알람이�울려�확인

pm21:28�

다른�음악을�선곡

pm21:32

다시�남은�길을�뜀

pm21:32

Page 26: 인터렉 피피티

인터렉티브미디어디자인�

Shadowing

경보 다시�되돌아옴

pm21:10�

운동�시작�후�

pm21:43

음악�선곡�후�다시�뜀

pm21:50

다시�서서�음악�설정

pm21:53

한바퀴�더�뜀

pm22:10

집으로�돌아감

pm22:35�

Page 27: 인터렉 피피티

04�

Persona

Page 28: 인터렉 피피티

인터렉티브미디어디자인�

Persona

Persona’s�Characteristic�:�운동을�필요로�하지만�귀찮아서�운동시작하는�것이�힘듦.�

Name�:�이시영�

Age�:�25�

Occupation�:�대학교�3학년

Ultimate�Goal�:��운동을�보다�쉽게�하도록�함.��

Specification�: “운동을�해야하는�건�알지만�막상�나가기�귀찮아요”��

“운동을�열심히�할�수�있도록�도와주는�뭔가가�필요해요”�

대학교�3학년인�이시영씨는�걷기운동으로�운동을�한다.�모든�일과가�끝난�후�

저녁�때�집�근처�공원을�걷는다.�하지만�매번�귀찮아서�포기하거나�원래��

나가려던�시간보다�늦게�운동을�시작한다.�운동을�할�때는�꼭�음악을�듣기��

때문에�핸드폰을�들고�나가�손에�짐이�많다.��

한번�운동을�나가면�내가�어디까지�갈�수�있는지에�대해�도전하는�경향이�있어�

멀리�나가보려고�한다.�인터벌�러닝을�주로�하는데,�속도를�바꿀�때마다�듣는�

음악도�바꿔서�듣는�편이다.�그만큼�음악이�운동할�때에�있어�중요한�요소이다.

Primary�Use�

운동을�시작할�수�있도록,�

더�많이�할�수�있도록�해줌�

(음악지원,�발걸음에�따른�

비트�만들기)�

노래�만들기,�공유,�저장�

Goals�

건강�챙기기�

재밌게�운동�

Influencces�

운동�실천하기�

Frustrations�&�Pain�Points�

운동을�나가게�만들어주어야�함�

효과적으로�운동할�수�있어야�함�

음악을�못�듣거나�음악이�지루하면�안됨�

Page 29: 인터렉 피피티

05�

Scenario

Page 30: 인터렉 피피티

인터렉티브미디어디자인�

Scenario

귀찮음을�극복하고�쉽게�운동할�수�있도록�도움받고�싶어요!

하루�일과가�끝나고�운동할�

시간이�되었다.�운동을�해야�

한다는�건�알지만�귀찮아서�

핸드폰만�보며�뒹굴거린다.�

쉬고있던�중�내가�설정해둔�

시간에�맞춰�운동하라는�

노래알람이�끊임없이�온다.�

화면에�운동을�하라는�문자�

알람이�떠�겨우�몸을�일으켜��

운동갈�준비를�한다.�운동에�

불편한�핸드폰,이어폰,�지갑��

대신�스마트워치를�착용하고�

운동을�나갈�준비를�한다.�

운동시작�버튼을�누르고��

오늘은�신나고�경쾌하게��

달리기�위해�다섯�카테고리��

중�“cheer�up”을�선택한다.

운동시작�버튼을�누르고��

오늘은�신나고�경쾌하게��

달리기�위해�다섯�카테고리중��

“cheer�up”을�선택한다.�

나오는�노래의�박자에�맞춰�

운동을�시작한다.�내�발걸음에�

맞춰서�나오는�비트를�들으며�

보다�더�재미있게�운동을�한다.�

Page 31: 인터렉 피피티

인터렉티브미디어디자인�

Scenario

귀찮음을�극복하고�쉽게�운동할�수�있도록�도움받고�싶어요!

잠시�쉬기�위해�걸음을�멈추니�

나오던�노래가�멈췄다.�5분�

이상�움직이지�않으니�또�다시�

운동을�시작하라는�알람이�떠서��

다시�걷기�시작한다.

“cheer�up”카테고리의�노래에�

맞춰�빠르게�걷다보니�힘이��

들어�“여유로운�하루”�카테고리�

노래로�변경한다.�느리게�나오는�

노래에�맞춰서�보다�천천히�걷고�

그에�맞춰�느려진�비트를�들으며�

운동한다.�

30분정도�느리게�걷다보니�

지난주에�설정했던�pt모드가�

작동되어�부스터타임이�뜬다.�(느리게�걷는�시간이�30분�초과하면�

pt모드가�작동되는데�느린�음악이��

중단되고�“Cheer�up”음악으로��

전환되면서�부스터�타임이�시작된다.�

부스터타임은�스킵할�수�있지만�

지시에�따를�시�사용이�제한되었던�

리믹스�악기들의�잠금이�풀린다.)�

다양한�리믹스�악기들을�갖기�

위해�10분간�나오는�“Cheer�

up”�음악을�스킵하지�않고�

빠르게�걷는다.

Page 32: 인터렉 피피티

귀찮음을�극복하고�쉽게�운동할�수�있도록�도움받고�싶어요!

운동을�하면서�기록된�나의��발걸음�비트가�저장되었다.�오늘�재생한�음악,�음악+비트�를�들어본다.�그리고나서�오늘�운동의�평균�속도,�운동거리,�속도에�따라서�변형된�아트웍�을�살펴본다.

Garage�Band와�연동해서�내가��

원하는�비트,�또는�음악의�일부분�

을�잘라내어�다양한�악기에�적용�

한다.�나의�발걸음을�청각화하여��

나만의�음악으로�만들어�본다.��

만든�음악을�커뮤니티에서�다른�

유저들과�공유하고,�다른�음악�

좋아요와�저장을�할�수�있다.

인터렉티브미디어디자인�

Scenario

Page 33: 인터렉 피피티

06�

Task�Flow

Page 34: 인터렉 피피티

인터렉티브미디어디자인�

Task�Flow

로그인�

Facebook�로그인

회원가입�

이름�

나이

코치�

음악�

정보수정

음악�장르�고르기�

비트�종류�고르기�

노래�이어만들기�

음악�저장함�

음악�공유,�다운,�내보내기�

선호음악�지정�

기타�

드럼�

일렉트로닉�

베이스�

사는�곳�입력�

자주�가는�운동코스�기록,�수정�

음악�재생목록�수정�

운동소홀�알람대상�수정�

운동시작�음악알람,�문구알람�

운동코스�추천�

기상�알람�

운동소홀�알람�

장소�

미션시간�

Page 35: 인터렉 피피티

07�

User�Journey

Page 36: 인터렉 피피티

인터렉티브미디어디자인�

User�Journey

기상

am9:20

준비�후�수업들어감

am10:00

공강�시간에�밥먹음

pm14:00

운동�시작�전�

수업이�모두�끝남

pm18:00

팀플이�끝나고�

밥을�먹으러�감

pm19:30

자취방�도착해서�

침대에�누움

pm20:10

운동�알람이�울림

pm20:30

쉬고있던�중�설정해둔�

시간에�맞춰�운동하라�

는�노래알람이�나오면�

서�문자알람이�뜬다

Page 37: 인터렉 피피티

인터렉티브미디어디자인�

User�Journey

효창공원으로��

출발

운동�시작�후�

pm20:50 pm21:00

효창공원�도착��

pm21:10

운동을�시작�

pm21:12

쉬기위해�멈춤

pm21:40�

다시�알람이�울림

pm21:46

다시�남은�길을�뜀

pm22:15

운동에�불편한�핸드폰,�

이어폰,�지갑�대신�

스마트워치를�착용하고�

운동을�나간다

잠시�쉬기위해�걸음을�멈�

추니�나오던�노래가�멈췄다

5분이상�움직이지�않으니�

다시�운동하라는�알람이�

와서�다시�뛰기�시작한다

나갈�준비

운동시작�버튼�누르고�

원하는�음악장르를�선택,�

사용자�레벨은�중급을��

선택하고�드럼을�선택

오늘은�어떤�코스로�운동�

할지�고민하다가�추천을�

받아�운동을�시작한다

드럼소리가�나는�비트와�

발걸음을�맞추며�신나게�

운동을�시작한다

Page 38: 인터렉 피피티

인터렉티브미디어디자인�

User�Journey

경보

pm22:25�

운동�시작�후�

pm22:17

음악�선곡�후�다시�경보

pm22:50 pm23:00

자취방�도착

좀더�천천히�운동하고�싶�

어서�레벨을�초급으로�바�

꾼다음�천천히�경보한다

비트�변경

천천히�경보하다가�드럼�

비트에서�베이스기타�비트�

로�변경

오늘�운동하며�비트가�입�

혀진�곡을�들으며�집으로��

도착

pm23:12

음악�공유

내�음악을�다른사람들에게��

공유하고,�다른�사람들이��

공유한�노래를�들어본다

Page 39: 인터렉 피피티

08�

Benchmarking

Page 40: 인터렉 피피티

인터렉티브미디어디자인�

Benchmarking

주요기능�

­�Fit�Smart�연동:�걸음�수,�칼로리�소모량,�이동�거리�등�일상�움직임�추적�

­�블로그�소식�매주�업데이트:�미국�말이라는�게�함정�

­�피트니스�프로그램�다양�

­�운동성과�및�사진�공유�

­�좋아하는�음악�설정�가능�

­�스마트�코칭:�실시간�맞춤형�음성�코칭�

­�주간�목표�설정,�트레이닝�플랜�추가�가능�

­�다른�피트니스�플랫폼과�연동�가능

Page 41: 인터렉 피피티

인터렉티브미디어디자인�

Benchmarking

주요기능�

­�신체에�착용하는�웨어러블�IT기술과�‘GPS기반�운동기록�플랫폼’을�이용�

- 사용자들의�운동패턴과�행태정보를�수집해�맞춤형�서비스를�제공�

- 등산,�둘레길.�스키.�골프�등등�다양한�운동�모두�스마트�워치에서�길�제공

Page 42: 인터렉 피피티

08�

Reference

Page 43: 인터렉 피피티

인터렉티브미디어디자인�

App�Design

여성을�위한�운동앱�

-�부드러운�하늘색

Page 44: 인터렉 피피티

인터렉티브미디어디자인�

App�Design

발걸음에�따라�비트를�기록할�때�

음악이�표시될�때의�그래픽�디자인

Page 45: 인터렉 피피티

인터렉티브미디어디자인�

App�Design

음악어플�-�블랙을�주요색상으로�

������사용한�레퍼런스

Page 46: 인터렉 피피티

인터렉티브미디어디자인�

Smart�Watch�Design

저장된�음악�공유,�저장�

운동코스�추천�-�지도

Page 47: 인터렉 피피티

운동코스�추천�-�지도

인터렉티브미디어디자인�

Smart�Watch�Design

Page 48: 인터렉 피피티

10�

Brand

Page 49: 인터렉 피피티

인터렉티브미디어디자인�

Logo

Page 50: 인터렉 피피티

인터렉티브미디어디자인�

Logo

운동 음악

Running DJ

Page 51: 인터렉 피피티

인터렉티브미디어디자인�

Logo

Running�DJ�-�운동하며�만드는�나만의�노래�

로고컨셉��

Runnig의�R과�운동화�끈을�묶는�듯�하기도하고��

밑에�자신의�발자국을�보는�듯하기도�한�사람의�형상�

발자국의�의미��

나의�발걸음(=발자국)에�따라�비트가�만들어�진다�

색상환

Page 52: 인터렉 피피티

11�

Wireframe

Page 53: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

첫�화면

로그인�창

Page 54: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

운동�시작�버튼

운동�내용�기록

경로�기록

Page 55: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

위치�인식

운동�기록

음악

경로�기록

스마트�워치�구현시

Page 56: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

음악저장함

비트만�듣기

음악�+�비트

Page 57: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

지난�나의�운동�기록

기록�재생

비트만�듣기

음악과�비트�함께�듣기

시계화면�1

시계화면�2

스마트�워치�구현시

Page 58: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

음악/비트�선택�화면

음악�편집

이름�설정

비트�선택

Page 59: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

로딩�중

완성�화면

Page 60: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

커뮤니티�화면

다운로드

곡�정보�창

곡�세부정보�창

Page 61: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

정보수정�창

알람�설정

Page 62: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

기상�알람

운동�시작�전�알람

운동�소홀�시�알람

Page 63: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

사는�곳�입력/�자주가는�운동코스�기록�및�수정

운동�소홀�시�알람�대상�설정

Page 64: 인터렉 피피티

12�

Wireframe(ai)

Page 65: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

첫�화면

로그인�창

Page 66: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

소개창

Page 67: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

운동�시작�버튼

운동�내용�기록

경로�기록

Page 68: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

운동�일시정지�버튼

운동�멈춤�/격려�팝업창

저장

Page 69: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

음악저장함

비트만�듣기

음악�+�비트

Page 70: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

음악/비트�선택�화면

음악�편집

이름�설정

비트�선택

Page 71: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

커뮤니티�화면

다운로드

곡�정보�창

곡�세부정보�창

Page 72: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

정보수정�창

알람�설정

Page 73: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

기상�알람

운동�시작�전�알람

운동�소홀�시�알람

Page 74: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

환경설정_사는�곳입력

환경설정_알림대상

Page 75: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

스마트�워치

Page 76: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

스마트�워치

Page 77: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

스마트�워치

Page 78: 인터렉 피피티

인터렉티브미디어디자인�

wire�frame

스마트�워치

Page 79: 인터렉 피피티

13�

사용성�테스트

Page 80: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�1

스크립트�/�인터뷰�정리

Page 81: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�1

스크립트�/�인터뷰�정리

Page 82: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�1

스크립트�/�인터뷰�정리

Page 83: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�1

스크립트�/�인터뷰�정리

Page 84: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�1

스크립트�/�인터뷰�정리

Page 85: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�2

스크립트�/�인터뷰�정리

Page 86: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�2

스크립트�/�인터뷰�정리

Page 87: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�2

스크립트�/�인터뷰�정리

Page 88: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�2

스크립트�/�인터뷰�정리

Page 89: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�2

스크립트�/�인터뷰�정리

Page 90: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�2

스크립트�/�인터뷰�정리

Page 91: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�3

스크립트�/�인터뷰�정리

Page 92: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�3

스크립트�/�인터뷰�정리

Page 93: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�3

스크립트�/�인터뷰�정리

Page 94: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�3

스크립트�/�인터뷰�정리

Page 95: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�3

스크립트�/�인터뷰�정리

Page 96: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트�3

스크립트�/�인터뷰�정리

Page 97: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트

발견�점 비트저장함_음악재생창에서�발걸음�버튼�수정�

생음악저장함/편집된음악저장함/임시음악저장함�

프로필창_알람설정�>운동알람설정�

프로필창+환경설정창?�

운동소홀알람창�대상수정�>��

환경설정창_�자주가는�코스�그래픽�수정�

운동소홀알람창에서�사람�더�추가할�+이모티콘�추가�

환경설정창_�자주가는�코스�+�추천코스�

운동�소홀시�알람대상창�밑에�메세지창�

알람창이�떴을�때�확인�버튼�추가+�다시알람�설정화면으로�가던가�홈화면�버튼�추가�

알람창�상,하단�바�삭제�

러닝창_상단우측에�검색버튼�삭제,�지도�부분이�흑백인것�재고�

전반적인�앱의�기능�설명�부족�

러닝�비트라는�개념이�무엇인지,�편집�인터페이스에�대�

해�아예�이해하지�못하고�있다.�소개창에서�단순히�기능��

설명이�아니라�화면을�보여주며�하나하나�시각적으로��

설명해주었음�좋겠다는�피드백을�받음.

Page 98: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트

부족한�점 <러닝>�

상단우측에�검색버튼�삭제�

첫�시작�화면�운동시작�버튼을�노래�재생�버튼을�START로�바꾸는�것이�좋을�것같다�

워치부분에서�노래�변경하고�싶을�떄�뒤로가는�버튼�추가�(START버튼�옆에�음표)��

비트저장함_음악재생창에서�발걸음�버튼�수정�

지도�부분이�흑백인것�재고�

<디제잉>�

영어로되어있는�편집기능�한글로�바꾸기�

편집�버튼에서�한번되돌리기버튼,�아예�클리어하기�버튼�

음악�편집�시�커뮤니티버튼이나�다른�버튼을�잘못�눌렀을�때�그냥�넘어가지�않고��

"음악만들기를�중단하시겠습니까?”�창이뜬다�다른음악불러오기�버튼�

Page 99: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트

부족한�점 <커뮤니티>�

아래�위�3개�땡땡이�둘다�지우기�

재생버튼�누르면�음악재생창이�뜨는�화면�추가�

커뮤니티창에서�음악�재생버튼�->�음악재생창�->�곡�사진과함께�아티스트창�,��

그리고�하단에는�연속재생과�랜덤재생�추가,�하트수�

=내노래�공유창�추가(�미확정,�다음에생각)�

<환경설정+프로필수정+정보수정+운동알람창�대상수정�한곳에�모으기>�

가이드설명창�추가�

알람설정�>운동알람설정으로�이름변경�

알람창�상,하단�바�삭제�

아침알람창등등이�떴을�때�확인�버튼�추가+�다시알람�설정화면으로��

가던가�홈화면�버튼�추가�

운동소홀알람창�이름�수정(아직미정)�

운동소홀창에서�사람삭제와�추가기능추가�

운동�소홀시�알람대상창�밑에�메세지창�

자주가는�코스�그래픽�수정�

자주가는�코스�+�추천코스�

Page 100: 인터렉 피피티

인터렉티브미디어디자인�

사용성�테스트

사용성�테스트�후기

“�러닝�비트라는�개념에�대해�잘�모르겠어요”

소개창이나�기능�설명창이�없어�앱에�대한�전반적�지식이�없는�

�사용자는�앱의�기능에�대해�전혀�이해하지�못하고�조금씩�

유추�하기만�했다.

“�운동�시작�버튼인지�음악�재생�

버튼인지�모르겠어요”

“�기능�시작�전�자세한�설명창이�있었으면�

좋겠어요”

소개창이나�기능�설명창이�없어�앱에�대한�전반적�지식이�없는�

�사용자는�앱의�기능에�대해�전혀�이해하지�못하고�조금씩�

유추�하기만�했다.

소개창이나�기능�설명창이�없어�앱에�대한�전반적�지식이�없는�

�사용자는�앱의�기능에�대해�전혀�이해하지�못하고�조금씩�

유추�하기만�했다.