걱정의 계절나기 기말Ppt 김승원, 박지은, 이서현 compressed

1413612 김승원

1410369 박지은

1414905 이서현

인터랙티브 디자인 II

목차

1. CONCEPT

3. TASKFLOW

5. USABILITY EVALUATION

2. PERSONA

4. WIRE FRAME

6. INTERFACE DESIGN

7. STORY BOARD

1. CONCEPT

현대인들은 많은 걱정을 한다. 다양한 걱정때문에 잠 못 이룬밤도 많을 것이다.개인적인 것부터

사소한것까지..걱정은 고민한다고 모두 풀리지 않는다. 어차피 걱정을 해소하지 못한다면

그러한 걱정을 잊을 수 있는, 걱정때문에 받는 스트레스를 풀 수 있는 방법은 없을까?

어디서 해소 할 수 없는 걱정을

걱정 말하기 등의 다양한 퀘스트를 통해

걱정을 해소시키는 식물 게임

걱정을 게임을 통해 말하고 힐링하며 해소하자!

학업이나 취업때문에 걱정이 많은 1020여성

음성인식, 모바일 모션 센서

목적

타겟

기술

2. PERSONA

걱정이 많은 대학교 3학년

최수연 “걱정을 어떻게 하면 잊을 수 있을까?”

최수영은 올해로 3학년이 된 대학생이다. 졸업을 코앞에 둔 시점, 휴학을 하고 인턴을 해야 할지, 쭉 학교를 다닐지 학업에 관련해

문제가 많다. 그녀에게는 2년동안 사귄 남자친구가 있으나 요즘 권태기가 와서 남자친구와 자주 싸워 걱정이다. 신입생 때부터 학교

앞에서 자취를 해온 그녀는, 부모님과 하나뿐인 2살 차이 남동생과도 대화를 안 한지 꽤 되어 거리감이 느껴진다. 학업 문제를 비롯해

연애 문제, 가족간의 관계 문제 때문에 걱정이 이만저만이 아니다.

이러한 걱정은 계속 생각해서 될 문제도 아니고 너무 개인적인 걱정이라 친구와 대화한다고 해결될 것 같지도 않다. 걱정을 말하고는

싶지만 딱히 남들이 해결점을 줄 수 있는 걱정들은 아니기에 말할 수 없다. 그녀는 혼자서 나름대로 걱정을 정리하고 다시 생각해보기

위해 일기를 써보지만 장소나 시간에 제약을 받고 지속적으로 쓰기 어려워 그만두었다. 결국엔 혼자 스트레스를 받으며 혼자

해결하려고 노력하지만 해결될 수 없는 걱정은 혼자 삼키게 되었다. 그러한 걱정을 혼자 훌훌 털어버리려고 노력하지만 자꾸

걱정들이 생각나 잠을 이루지 못한다. 어떻게 하면 나의 걱정을 훌훌 털고 다른 곳에 더 집중할 수 있을까?

Primary Use

- 학교 커뮤니티

- 일기

- 인터넷 카페(스펙업,

취업관련 사이트)

- 유튜브 asmr

Goals

- 자꾸 생각나는 걱정을 털어버리고 싶다

- 스트레스를 털고 잠을 잘 자고 싶다.

- 생각을 비우고 더 할일에 집중하고 싶다.

Influencers

- 취업성공한 선배

- 나보다 학점이 높은 친구

- 권태기 온 남자친구

- 거리가 멀어진 가족

Frustrations & Pain Points

- 걱정이 많아 잠을 이루지 못 할때

- 쓸데없는 걱정 때문에 할 일을 못할때

- 지나면 별 거 아니라는 것을 알지만,

현재의 걱정이 자꾸만 마음에 걸릴 때

- 해결되지 않을 문제를 계속 고민할때

3. TASK FLOW

걱정의 계절 나기실행 메인 화면

익명으로 업로드

그냥업로드

걱정을 말해봐

걱정을 들어봐

걱정을 공유해봐


이름없는 나무의 위로 편지


튜토리얼

YES

녹음 버튼을눌러보세요

NO

블루투스

사용자 정보 수집

YES

스마트워치를연동하시겠습니까?

NO

기간별 보기

해시태그별 보기

편지 도착팝업

해시태그카테고리 선택

전체보기

기간 설정

어제

지난 일주일

최신순

오래된순

녹음하기 자르기

확인파일 가져오기

정확도순

지난 한달

녹음 듣기

공유하기

녹음 듣기

공유하기

어제 많이 피곤했구나.걱정있어?

익명으로 업로드

하시겠습니까?

핸드폰 메인화면

글쓰기

다른 사람글보기

녹음 들어보기

댓글달기

확인

취소

일시 중지

약 5회 반복

이어서 녹음하기

걱정 나뭇잎 생성

이름 없는 나무클릭

걱정 들어보기

다시 녹음하기취소

메인 화면

YES

녹음된 걱정을 다시 들어보세요

계절이 지나갑니다

NO

핸드폰에입김 불기

봄 바람 부는그래픽

계절 변화봄->여름

메인 화면

핸드폰을위아래로

흔들기

여름비 내리는그래픽

계절 변화여름->가을

메인 화면


흔들기

가을 바람 부는그래픽

계절 변화가을->겨울

메인 화면


흔들기

눈 내리는그래픽

계절 변화겨울->새로운 봄

메인 화면

YES

약 5회 반복

저장할 부분 편집하기

해시태그설정하기

완료

음악ON

OFF

메인 화면

녹음하기

메인 화면

YES

NO

4. WIRE FRAME - 1차



1차

녹음 기능에 충실하고 나의 수면 상태를 체크해

걱정을 말할 수 있는 기능을 추가하였다.





2차

스마트워치와 연동해 수면상태를 체크해 볼 수 있는 기능을 추가했고

튜토리얼을 추가해 메인 기능의 이해를 높였다.





3차

전체적인 디자인 퀄리티를 높이고 사용자 테스트 평가를 반영해

수면기능을 빼버리고 녹음 메인 기능에 집중했다.

이름없는 나무의 위로 편지라는 컨텐츠를 넣어 감성적인 느낌을 더했다.

4. WIRE FRAME - 나무의 변화

1차 2차 3차 4차

4. WIRE FRAME - 나무의 변화

1차 2차 3차

3D 모델링

3D 나무가 게임 컨셉과 잘 맞는다고 판단 하에

인터페이스 자체를 모두 3D로 만들었다.

4차


걱정을 말해봐

-튜토리얼�설명�좀�더�자세히

-스마트워치�뭔지�설명�넣기

-전체적인�화면에�비해�녹음버튼이나�아이콘이

작은�것�같단�생각

-5가지를�다�채워야�완성이�되서�들어볼�수�있는거면,

행복한�날이라�한개일�수도있고�여러가지�일�수

있으니깐�완성하기�위해�고민�갯수�선택할�수�있었으면

-녹음�편집�기능�다시�들어보기�기능

-녹음�완료창�넣기.

-음악은�온오프�기능을�유지하는�게�좋음

-해시태그�기능의�의미�좀�더�자세히


-눈이랑�비�이런게�내리는게�어떤�의미가�있는지

앞에�설명해줬으면(의미�없어�보인다)

-음악�선택의�폭�설정�넓혔으면

-잠금화면

-배경과�나무를�좀더�분류해줬으면

-계절�바뀔�때�배경�좀�더�계절�특징�드러나게.

-해시태그�수정�기능이�왜�있는지�모름. 굳이�나중에

바뀔�것�같지�않음.

추억하기

-기간창�색�강조하기

-아이콘�녹음기호로�생기면�더찾기�편할듯.

녹음들어보는곳같지않았음.

-나무�종류가�좀�더�많았으면�좋겠음. 썸네일�다양한�게

보기�좋을�듯.

-해시태그�잘�사용하지�않는�사람은�생소함.(가이드

넣어주기)

설정

-효과음�설정이�좀더�다양했음좋겠다.

-효과음�설정�누르면�펴져서�더�그안에�메뉴가�나오는게�더

보기�편할거�같다

-잠금�설정이�들어가�있으면

-로그인, 회원가입,(로그아웃) 이런거�설정에

들어가�있었으면.

-큐엔에이�공지사항페이지�있었으면.

-스마트�워치란�무엇일까요? 등의�설명�있었으면

-푸시알람�무음, 진동�등�세분화해서�설정�가능하면�좋겠음

-개인정보�수정�부분

기타

-다른사람들은�어떤�고민을�많이하는지? 우리학교

에브리타임처럼�게시판�같은거�공유할�수�있었으면.

좋겠다.

-다른�사람들과�공유할�때�음성과�글�둘로�나누는�게�좋을

것�같다. 음성은�음성�변조. 그걸�부담스러워하는�사람은

글.


걱정을 말해봐

-튜토리얼�설명�좀�더�자세히

-스마트워치�뭔지�설명�넣기

-전체적인�화면에�비해�녹음버튼이나�아이콘이

작은�것�같단�생각

-5가지를�다�채워야�완성이�되서�들어볼�수�있는거면,

행복한�날이라�한개일�수도있고�여러가지�일�수

있으니깐�완성하기�위해�고민�갯수�선택할�수�있었으면

-녹음�편집�기능�다시�들어보기�기능

-녹음�완료창�넣기.

-음악은�온오프�기능을�유지하는�게�좋음

-해시태그�기능의�의미�좀�더�자세히


-눈이랑�비�이런게�내리는게�어떤�의미가�있는지

앞에�설명해줬으면(의미�없어�보인다)

-음악�선택의�폭�설정�넓혔으면

-잠금화면

-배경과�나무를�좀더�분류해줬으면

-계절�바뀔�때�배경�좀�더�계절�특징�드러나게.

-해시태그�수정�기능이�왜�있는지�모름. 굳이�나중에

바뀔�것�같지�않음.

추억하기

-기간창�색�강조하기

-아이콘�녹음기호로�생기면�더찾기�편할듯.

녹음들어보는곳같지않았음.

-나무�종류가�좀�더�많았으면�좋겠음. 썸네일�다양한�게

보기�좋을�듯.

-해시태그�잘�사용하지�않는�사람은�생소함.(가이드

넣어주기)

설정

-효과음�설정이�좀더�다양했음좋겠다.

-효과음�설정�누르면�펴져서�더�그안에�메뉴가�나오는게�더

보기�편할거�같다

-잠금�설정이�들어가�있으면

-로그인, 회원가입,(로그아웃) 이런거�설정에

들어가�있었으면.

-큐엔에이�공지사항페이지�있었으면.

-스마트�워치란�무엇일까요? 등의�설명�있었으면

-푸시알람�무음, 진동�등�세분화해서�설정�가능하면�좋겠음

-개인정보�수정�부분

기타

-다른사람들은�어떤�고민을�많이하는지? 우리학교

에브리타임처럼�게시판�같은거�공유할�수�있었으면.

좋겠다.

-다른�사람들과�공유할�때�음성과�글�둘로�나누는�게�좋을

것�같다. 음성은�음성�변조. 그걸�부담스러워하는�사람은

글.

6. INTERFACE DESIGN

걱정의�계절나기는�어디서�해소�할�수�없는 걱정을 말하면서, 들으면서, 공유하면서 해소시킬 수�있는�게임�앱이다.

녹음하기 공유하기 들어보기

CONCEPT

COLOR

FONT

Noto Sans CJK KRa옛날 사진관2 & a옛날 사진관4

걱정을�말하면�계절이�지나간다. 지나가는�계절을�보며 계절이�지나가듯�시간이�지나고�보니�과거의�걱정은 아무것도�아니었다는�것을�알려준다.

사계절�색

6. INTERFACE DESIGN

잠들지�못하는�밤, 너의�걱정을�털어놓아봐.

언젠가�반드시�비는�그치고�구름은�걷히기�마련이니까

오프닝

6. INTERFACE DESIGN

건너뛰기

걱정을 말해봐

남들에게 말 못할 걱정을 이름없는 나무에게털어놓으면 나중에 내가 걱정했던 녹음 내용을

다시 들어 볼 수 있습니다.

어디에서도 말할 수 없는 걱정을이름없는 나무에게 털어놓아 보세요.

건너뛰기

걱정을 들어봐

과거에 이름없는 나무에게 털어 놓았던걱정을 카테고리 별로 분류하여

다시 들을 수 있습니다.

해쉬태그 기능을 통해 간단하게검색 및 다시듣기가 가능합니다.

건너뛰기

이름없는 나무의 위로 편지

매일매일 똑같은 일상에 지칠 때, 하루하루가 피곤할 때,

이름없는 나무가 위로의 편지를 보냅니다.

이름없는 나무의 격려와 위로를 받으며하루를 시작해 보세요.

튜토리얼

6. INTERFACE DESIGN

스마트워치�설명�및�연동�여부 사용자의�정보�수집(이�시간에�맞춰�이름없는�나무의�편지가�도착한다.)


본인의 걱정을 남들과 공유하고 싶으신가요?남들은 어떤 걱정을 하는지 궁금하신가요?

걱정을 공유해봐 게시판으로 녹음한 걱정을 공유하고해결법을 찾아보세요. 녹음을 공유하는 게

부담스러우시다면 음성변조 기능을 이용해보세요.

시작하기걱정의 계절나기

스마트워치와 연동합니다

스마트워치와 연동이 가능합니다.

스마트워치를 통해 지난 밤 나의 수면 깊이 여부를 확인 할 수 있습니다. 숙면을 제대로 취하지 못한 날에는 잠들기 전,

이름없는 나무에게 걱정을 털어 놓을 수 있습니다.

바이오리듬을 체크해 당신이 힘들거나 지칠 때면 당신을 격려해주기 위해 이름없는 나무가 위로의 편지를 보냅니다.

걱정을말해봐

다음으로

당신이 궁금해요

시작하기

*이 정보를 토대로 이름 없는 나무가 메시지를 당신에게 보냅니다.후에 환경설정 메뉴에서 정보를 바꿀 수 있습니다.

1. 당신의 나이는 몇살인가요?

2. 보통 잠에 드는 시간은 몇시인가요?

3. 학교/회사가 끝나는 날은 몇시인가요?

4. 일어나는 시간은 주로 몇시인가요?

5. 잠을 몇시간 주무시나요?

00 살

00 시

00 시

00 시

00 시

튜토리얼

6. INTERFACE DESIGN

녹음�편집�기능게임�가이드

걱정을�말해봐 - 녹음하기

00 : 11

“걱정을 말해봐”걱정을 녹음해서 이름없는 나무를 완성해주세요!

“추억을 들어봐”지난 걱정을 다시 들어보세요!

“설정을 바꿔봐”스마트워치 연동 , 팝업 ON/OFF 등,

자유롭게 설정을 바꿔주세요!

“걱정을 공유해봐”걱정을 다른 사람들과 공유해보세요!

6. INTERFACE DESIGN

해시태그�기능 - 녹음의�주제를�분류할�수�있다.

00 : 11 “걱정을 편집해봐”화살표를 이용하여 녹음한 걱정을 바로 편집해보세요.

필요한 부분만 남겨 저장할 수 있습니다.

2.77 9.77

아이콘을 누르면 편집한 부분이 저장됩니다.

16.11.06 PM 5: 16걱정의 기록

# 학업 # 연인 # 가족# 친구

# 취업


# 취업

“걱정 해시태그”녹음한 걱정을 기준에 따라 해시태그로 분류해보세요!

나중에 당신이 어떤 고민을 했는지 카테고리 별로 분류해주어

지난 녹음을 다시 찾아 듣고 싶을 때 도움을 줍니다.

“음악과 함께”ON/OFF 로 걱정을 음악과 함께 들어볼 수 있습니다.

음악의 종류는 환경설정에서 변경이 가능합니다.00 : 11

2.77 9.77


6. INTERFACE DESIGN

16.11.06 PM 5: 16걱정의 기록


# 취업

16.11.06 PM 5: 16걱정의 기록


# 취업

16.11.06 PM 5: 16걱정의 기록


# 취업

# 친구


6. INTERFACE DESIGN

16.11.06 PM 5: 16걱정의 기록


# 취업

삭제하시겠습니까?

확인

16.11.06 PM 5: 16걱정의 기록


# 취업

저장하시겠습니까?

확인취소


6. INTERFACE DESIGN


녹음 1개당�나뭇잎�한�덩어리가�생긴다. 총�다섯�덩어리(다섯개�녹음)

6. INTERFACE DESIGN


이름없는 나무가 완성되었습니다. 녹음된 걱정을 들어보세요.

확인취소

6. INTERFACE DESIGN

녹음했던�걱정�들어보기

6. INTERFACE DESIGN

기록216.11.06. PM 5:20

기록116.11.06. PM 5:10

기록316.11.06. PM 5:25

기록416.11.06. PM 6:10

기록516.11.06. PM 7:45

“걱정을 들어봐”나무를 클릭해서 해당하는 부분의

걱정 기록을 들어보세요!

기록216.11.06. PM 5:20

기록116.11.06. PM 5:10

기록316.11.06. PM 5:25

기록416.11.06. PM 6:10

기록516.11.06. PM 7:45

16.11.06 PM 5: 16걱정의 기록 1

# 친구

녹음했던�걱정�들어보기

6. INTERFACE DESIGN

계절이�지나갑니다

핸드폰 위, 말하는 곳에

입김을 불어넣어 주세요.

녹음을�다섯번, 했던�녹음을�다섯번�들으면 핸드폰�모션�센서를�이용하여�계절이�지나간다.

6. INTERFACE DESIGN

시간이 흘러 계절이 지나갑니다.

확인

앞�과정�반복(다섯번�녹음, 다섯번�듣기) 앞�과정�반복(다섯번�녹음, 다섯번�듣기)


핸드폰을 위아래로 흔들어 주세요.

핸드폰을 좌우로 흔들어 주세요.

6. INTERFACE DESIGN

선을 따라 화면을

이어서 터치해주세요.

앞�과정�반복(다섯번�녹음, 다섯번�듣기)

사계절 후

새로운 나무 탄생!


6. INTERFACE DESIGN

학교/회사가�끝날�때, 잠들기�직전�등�사전에�사용자의 작성했던�데이터를�바탕으로�메세지가�간다.

스마트워치를�활용하면�사용자의�바이오리듬을�체크해 그것을�바탕으로�메세지를�보낸다.

이름없는�나무의�위로�편지

이름없는 나무

어제 많이 피곤했구나.걱정이 있었니?

확인취소 확인취소

이름없는 나무

왜 아직도 안 자고 있어.혹시 무슨 걱정이 있니?

이름없는 나무

무슨 걱정있어?어제 잠을 제대로 못잤잖아.

확인취소확인취소

이름없는 나무

지난 밤, 걱정 때문에 잠을 못 이룬 것 같아. 내게 말해봐.

6. INTERFACE DESIGN

2016.11.27 일_11:20 am.#친구, #가족

2016.11.26 토_02:30 pm.#연인

2016.11.26 토_02:28 pm.#친구

2016.11.25 금_01:20 pm.#가족

2016.11.24 목_10:12 am.#다이어트

2016.11.23 수_09:44 pm.#다이어트, #친구

2016.11.23 수_09:44 pm.#친구, #가족

해시태그별기간별

전체보기

어제

지난 일주일

지난 한 달

기간 설정 ...

걱정을 들어봐 걱정을 들어봐

해시태그별

전체보기

기간별

2016.11.27 일_11:20 am.#친구, #가족

2016.11.26 토_02:30 pm.#연인

2016.11.26 토_02:28 pm.#친구

2016.11.25 금_01:20 pm.#가족

2016.11.24 목_10:12 am.#다이어트

2016.11.23 수_09:44 pm.#다이어트, #친구

2016.11.23 수_09:44 pm.#친구, #가족

해시태그별

전체보기

기간별

2016.11.27 일_11:20 am.#친구, #가족

2016.11.26 토_02:30 pm.#연인

2016.11.26 토_02:28 pm.#친구

2016.11.25 금_01:20 pm.#가족

2016.11.24 목_10:12 am.#다이어트

2016.11.23 수_09:44 pm.#다이어트, #친구

2016.11.23 수_09:44 pm.#친구, #가족

걱정을 들어봐

녹음 파일을 공유 게시판에바로 공유합니다.

확인취소

기간별 / 해시태그별 녹음�파일을�바로�공유�게시판으로공유�가능

걱정을�들어봐

6. INTERFACE DESIGN

2016.11.27 일_11:20 am.#친구, #가족

2016.11.26 토_02:30 pm.#연인

2016.11.26 토_02:28 pm.#친구

2016.11.25 금_01:20 pm.#가족

2016.11.24 목_10:12 am.#다이어트

2016.11.23 수_09:44 pm.#다이어트, #친구

2016.11.23 수_09:44 pm.#친구, #가족


전체보기

어제

지난 일주일

지난 한 달

기간 설정 ...

걱정을 들어봐

기간을 설정합니다.

2015년2014

2016 02 02

01월 01일 부터

2015 10 26

12 28

2016 11월 27일 까지

확인취소


6. INTERFACE DESIGN

2016.11.27 일_11:20 am.#친구

2016.11.26 토_02:30 pm.#친구

2016.11.26 토_02:28 pm.#친구, #다이어트

2016.11.25 금_01:20 pm.#친구

2016.11.24 목_10:12 am.#친구

2016.11.23 수_09:44 pm.#친구, #연인


# 친구 # 연인 # 가족 # 학업 최신순

걱정을 들어봐

2016.11.27 일_11:20 am.#친구

2016.11.26 토_02:30 pm.#친구

2016.11.26 토_02:28 pm.#친구, #다이어트

2016.11.25 금_01:20 pm.#친구

2016.11.24 목_10:12 am.#친구

2016.11.23 수_09:44 pm.#친구, #연인


# 친구 # 연인 # 가족 # 학업 최신순

오래된순 정확도순

걱정을 들어봐


#친구 #연인

#가족 #다이어트

#학업 #취업

걱정을 들어봐

기간별 / 해시태그별


6. INTERFACE DESIGN

나의�걱정을�남들과�공유할�수�있다. 음성만,텍스트만, 음성 & 텍스트�같이�글�작성�가능

걱정을�공유해봐 - 걱정�공유�게시판


글을�검색하세요.

익명

제�고민좀�들어주세요!

#친구, #가족10 5

익명

오늘�저의�걱정 ... 어떡하죠 ㅠㅠ

#창피해12 8

익명

익명

3일�째�다이어트를�하고�있는데�음식을�조절�못하겠어서�걱정이에요 ㅠㅠ여러분은�어떻게�극복하셨나요?!

2 3#다이어트


글을�검색하세요.

익명

제�고민좀�들어주세요!

#친구, #가족10 5

익명

오늘�저의�걱정 ... 어떡하죠 ㅠㅠ

#창피해12 8

익명

익명

3일�째�다이어트를�하고�있는데�음식을�조절�못하겠어서�걱정이에요 ㅠㅠ여러분은�어떻게�극복하셨나요?!

2 3#다이어트

내가 쓴 댓글

내 스크랩

내가 쓴 글 보기

[email protected]

6. INTERFACE DESIGN

2016.11.27 일_11:20 am.#친구, #가족

2016.11.26 토_02:30 pm.#연인

2016.11.26 토_02:28 pm.#친구

2016.11.25 금_01:20 pm.#가족

2016.11.24 목_10:12 am.#다이어트

글쓰기

여기에�내용을�입력해주세요.

확인

익명

바로�녹음하기 했던�녹음�들어보기


글쓰기


확인

익명

글쓰기


확인

익명

6. INTERFACE DESIGN

음악설정, 푸시�알림�설정, 스마트워치�연동�설정�변경�가능나의�생활�패턴�시간설정도�재설정이�가능하다.

환경설정

환경설정

음악 설정

배경음악 선택하기

1. 별이 떨어지는 소리

2. 잔잔한 숲의 소리

3. 시원한 파도의 소리

4. 상쾌한 바람의 소리

5. 따뜻한 눈의 소리

위로의 편지 받기

소리

진동

무음

푸시 알림 설정

스마트 워치 연동하기

스마트 워치 계정 바꾸기

스마트 워치 연동 설정

환경설정

음악 설정

배경음악 선택하기

위로의 편지 받기

소리

진동

푸시 알림 설정

스마트 워치 연동하기

스마트 워치 계정 바꾸기

스마트 워치 연동 설정

나의 생활 패턴 시간 재설정

나의 생활 패턴

6. INTERFACE DESIGN

7. STORY BOARD

감사합니다

Art & Photos

걱정의 계절나기 기말Ppt 김승원, 박지은, 이서현 compressed