50
Interactive Design 힐링이 필요한 2030을 위한 김태임 최다은 황민연

테라퓸 발표용Ppt _김태임 최다은 황민연

  • Upload
    -

  • View
    4.596

  • Download
    0

Embed Size (px)

Citation preview

Page 1: 테라퓸 발표용Ppt _김태임 최다은 황민연

Interactive Design힐링이 필요한 2030을 위한

김태임 최다은 황민연

Page 2: 테라퓸 발표용Ppt _김태임 최다은 황민연

l contents

힐링이 필요한 2030을 위한 Interactive Design

들어가기( 주제선정 배경 )

타겟설정

사용자 리서치

문헌조사

전문가 인터뷰

1. 주제선정 배경

아이디어 도출과정

퍼소나 / 시나리오

과업모델

3. 아이디어 도출과정

테스크플로우

와이어프레임

디자인 컨셉

디자인 최종시안

컨셉영상

4. UX컨셉 구체화

2. 리서치 및 사용자 조사결과

Page 3: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 들어가기

힐링이 필요한 2030을 위한 Interactive Design

현대 2030의 생활

( 출처 : http://www.mt.co.kr/view/mtview.php?type=1&no=2008030208342680275&outlink=1 )

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 4: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 들어가기

힐링이 필요한 2030을 위한 Interactive Design

현대 2030의 생활

힐링이필요한

바쁘고 피곤한

예쁜것이좋은

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 5: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 타겟설정

힐링이 필요한 2030을 위한 Interactive Design

타겟1. 분위기에 민감하고 예쁜것을 좋아하는 힐링이 필요한 2030여성

타겟2. 뷰티에 관심이 많고 힐링이 필요한 2030남성

= 자신에게 투자할 줄 알고 힐링이 필요한 2030 현대인

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 6: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 사용자조사 [설문조사]

힐링이 필요한 2030을 위한 Interactive Design

2030 남녀 대학생 및 직장인의 평소 생활패턴과 스트레스에 관한 설문조사

2030 여성대학생 및 직장인

2030 남성대학생 및 직장인

2030 남녀 대학생 및 직장인 총 129명을 대상으로 설문조사

67명 62명

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 7: 테라퓸 발표용Ppt _김태임 최다은 황민연

짧은 휴식시간, 늦은 취침시간, 업무와 과제로 인한 스트레스

l 사용자조사 [설문조사]

힐링이 필요한 2030을 위한 Interactive Design

2030 남녀 대학생 및 직장인의 평소 생활패턴과 스트레스에 관한 설문조사

[ 평소 취침시간 - 1위 : 새벽 2시 이후 ] [ 평균 수면시간 - 1위 : 6 - 8시간 ]

[ 평균 휴식시간 - 1위 : 3시간 이하 ] [ 가장 스트레스를 많이 받을 때 - 1위 : 업무/과제가 많을 때 ]

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 8: 테라퓸 발표용Ppt _김태임 최다은 황민연

힐링이 필요한 2030을 위한 Interactive Design

2030 남녀 대학생 및 직장인의 평소 생활패턴과 스트레스에 관한 설문조사

l 사용자조사 [심층인터뷰] _ 총 16명 (여자 9명 / 남자 7명)

힐링을 할 여유는 없다. 빠르고, 편리한 스트레스 해소법이 필요하다.- 최소한의 시간투자

자동으로 나의 상태에 맞는 향기와 색이나오는 것도 좋지만, 때에 따라 직접 선택 할 수 있었으면 좋겠다._ 각자의 취향 고려

‘간편한 나만의 맞춤형 테라피’

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 9: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 사용자조사 [섀도잉]

힐링이 필요한 2030을 위한 Interactive Design

_ 총 4명 (여자 3명 / 남자 1명)

황모씨 (26) 여자 / 무역업

정모씨 (22) 여자 / 아르바이트생

고모씨 (22) 남자 / 회사원

아침에 기상 - 준비 - 출근 - 일 - 점심 - 일 - 퇴근 - 저녁 - 집에서 핸드폰 - 남친이랑 통화 - 취침

딱히 집에서 하는 일이 없음 / 폰을 주로 하고 폰으로 페이스북을 하거나 카톡, sns, 먹방 티비보기 등을 함 / 누워서 쉬는 일이 많음 /

퇴근 후 대부분의 시간을 방에서 보냄 / 다이어트 때문에 밥을 적게 먹고 도시락을 따로 싸와서 야채나 닭가슴살을 먹음 / 마사지

관리 도구로 쉬면서 스스로 마사지를 함 / 색다른게 없는 삶

아침에 기상 - 자몽향 바디워시로 샤워 - 옷에 <heaven blue>뿌림 - 향수로 더페이스샵 <소울>뿌림 - 남친과 데이트 - 점심 -

담배냄새때문에 더페이스샵의 헤어미스트 <릴리>를 뿌림 - 더페이스샵 젤타입 <그린티>를 바름 - 저녁 - 자몽향 바디워시로 샤워 -

세탁한 이불향을 맡으며 취침

향수를 많이 사용 / 향에 민감함 / 향에 따라 기분이 좌우되는 모습을 볼 수 있음 / 담배냄새를 싫어함 / 화장품에 관심이 많음

8시기상 - 준비 - 10시 회사 출근 - 커피로 정신집중 - 회의 - 업무시작 - 점심식사 - 업무 - 회의 - 업무 - 데이트 -

문화생활 - 1~2시쯤 취침

회사내에서의 생활이 규칙적임 / 퇴근을 하고나서는 자유시간임 / 주로 여자친구를 만나면서 스트레스를 품 / 집으로 오면 업무를 함 /

페이스북이나 핸드폰을 하면서 쉼

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 10: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 문헌조사

힐링이 필요한 2030을 위한 Interactive Design

우울 - 베르가못 , 라벤더, 일랑일랑, 샌달우드, 로즈, 만다린, 클라리 세이지 (노랑, 보라, 주황, 파랑, 녹색)

긴장 - 카모마일, 레몬그라스, 샌달우드, 만다린, 로즈, 유칼립투스, 쥬니퍼 (갈색, 파랑)

불면증 - 라벤더, 마조람, 만다린 (녹색)

스트레스 - 제라늄, 로즈, 레몬그라스, 유칼립투스 (파랑, 노랑, 녹색, 갈색)

불안 - 마조람, (녹색,갈색)

월경증후군 - 클라리 세이지, 사이프러스, 제라늄, 마조람, 로즈, 로즈마리, 샌달우드 (빨강)

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 11: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 전문가 Q/A

힐링이 필요한 2030을 위한 Interactive Design

Q. 향이 퍼져나가는 방식을 왜 하필 가습기로? A. 사실상 계절 특성별로 혹은 특정 날씨별로 습도가 우리 인체에 미치는 영향은 생각보다 큽니다.

실내 습도는 대수롭지않게 여길 수 있는데 습도는 대기오염만큼 건강에 큰 영향을 주고, 꽉 막힌 실내에 오래 머물게되면

어지러움 두통 피부의 건조감 등 신체의 불쾌감이 나타나는데 이것을 소이 빌딩병이라고 합니다.

특히 요즘같은 환절기에는 호흡기 질환에도 큰 영향을 미칩니다.

( 알레르기, 두통, 천식과 같은 질병뿐만 아니라 감기도 사실상 온도보다 습도의 영향이 더 크다는 연구 결과가 있다. )

또한 수증기 속에 향을 분출하는 것 만큼 넓은 공간에 전역적으로 퍼뜨릴 수 있는 방법이 그렇게 많지 않고, 캔들과 화장실

에서 주로 쓰는 분사형 방향제 또한 일시적이고 LPG 압축가스가 들어있어 폭발위험이 있으므로 가스레인지 등 가열기

부근에서는 사용하지 못하는 단점이 있다.

Q. 스마트폰과 제품을 어떻게 연동? A. 제품안에 안드로이드 시스템을 탑재하면 통신이나 서비스 개발면에서 훨씬 용이하다. 어떻게 보면 초기 투자를 통해서

장기적인 서비스 관리 측면에 더욱 비용을 절감 할 수 있다고 볼 수 있다.

ex) 외국의 스타벅스 타블렛 - 태블릿 제조사와 협약해서 아예 안드로이드 시스템을 어떤 특정 서비스( 스타벅스 앱 )만

사용 할 수 있도록 강제 할 수 있는 시스템.

또한 와이파이로 연결시켜 아예 네트워크로 관리하면 블루투스보다 배터리 소모량이 덜하고, 패널을 만들어서 우리집 안에

있는 와이파이만을 잡을 수 있게 연결한다.

_ IT 의료기기 전문가 박학섭씨

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 12: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 사용자조사 [sns관찰]

힐링이 필요한 2030을 위한 Interactive Design

20대 여대생의 SNS를 관찰한 결과 주로 맛집, 예쁜 어떤것 ( 디자인에 관심이 많음. ), 여행에 관심

이 많고, 평소 ‘피곤하다’는 글이나 ‘여행 가고싶다’는 글을 많이 올리는 것으로 보였다.

또한 전시회, 영화, 등 문화생활과 디자인적인 부분에서도 남성에 비해 관심이 높은 편이였다.

특히 생각보다 전시회 영화 뮤지컬등 문화생활을 즐기는 여성이 많았다.

먹을 것 디자인제품

_ 총 7명 (여자 5명 / 남자 2명)

여행 / 문화생활

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 13: 테라퓸 발표용Ppt _김태임 최다은 황민연

l Insight

힐링이 필요한 2030을 위한 Interactive Design

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과멉모델전문가 인터뷰

Page 14: 테라퓸 발표용Ppt _김태임 최다은 황민연

l Insight

힐링이 필요한 2030을 위한 Interactive Design

Insight

일상

휴식이 부족

수면이 부족

과도한 업무

먹는 것을 좋아함

sns에 자랑

자신을 위해 투자

성향

평소 스트레스가 많음

사람을 만나며스트레스 해소

스트레스

소소한 질병

운동으로 건강관리

항상 아픔

건강

좋아하는 향이 다름

아로마테라피에 긍정적

디퓨저, 페브리즈 사용

향기

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 15: 테라퓸 발표용Ppt _김태임 최다은 황민연

l Insight

힐링이 필요한 2030을 위한 Interactive Design

needs

일상

휴식이 부족

수면이 부족

과도한 업무

먹는 것을 좋아함

sns에 자랑

자신을 위해 투자

성향

평소 스트레스가 많음

사람을 만나며스트레스 해소

스트레스

소소한 질병

운동으로 건강관리

항상 아픔

건강

좋아하는 향이 다름

아로마테라피에 긍정적

디퓨저, 페브리즈 사용

향기

휴식과 숙면 필요

이왕이면예쁜 것

장기적인스트레스 해소법

필요

간편한건강관리

개인의 취향을담은 향

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 16: 테라퓸 발표용Ppt _김태임 최다은 황민연

테라피 + 퍼퓸

힐링이 필요한 2030을 위한 Interactive Design

THERAFUME 테라퓸

Page 17: 테라퓸 발표용Ppt _김태임 최다은 황민연

힐링이 필요한 2030을 위한 Interactive Design

내 상태와 기분에 맞춘 향과 컬러 테라피

THERAFUME 테라퓸

Page 18: 테라퓸 발표용Ppt _김태임 최다은 황민연

힐링이 필요한 2030을 위한 Interactive Design

습도

자동 습도 조절 날 위한 나만의 향 나의 상태에 필요한 색

향 색

: 가습기의 미스트 분사 방식을 사용하여 가장 효과적으로 나에게 알맞는 향기 테라피를 받을 수 있다.

: LED 등을 사용하여 자신의 상태에 알맞는 조명 컬러를 추 천 해준다.

: 가습기를 사용하여 자동적으로 나의 환경에 적절한 습도를조절해준다.

l 기능

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 19: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 기능

힐링이 필요한 2030을 위한 Interactive Design

아로마테라피 가습기 + 컬러테라피 조명

: 사용자의 기분 상태를 분석해 알맞는 향기와 컬러를 제공한다.

세부기능

상세조절 상태체크팝업 인스타그램 데이터 연동 SNS에 공유개인의 취향 반영가능

기본적으로 자동으로 테라피가

실행되지만, 향기/컬러테라피는

때에 따라 사용자의 취향을

반영해 선택 가능.

(습도조절은 자동으로만 가능)

바쁘고 피곤한 타겟의 상황을

고려하여 팝업으로 바로 상태

체크가 가능.

팝업 시간 설정이 가능하며,

ON/OFF가능.

최초 시작시 인스타그램 데이터를

기반으로 성별 / 나이를 분석하고,

자동으로 테라피를 기본 설정.

인스타그램의 태그를 분석하여

사용자의기분을 파악하고, 자동

으로 알맞는 테라피를 제공.

적극적인 수동설정 사용자는

직접 메인 페이지에서 자신의

현재 상태나 기분을 조절가능.

아이콘 클릭 시 상세 페이지

농도, 범위, 자동 종료 설정.

테라피를 한 후, 자신의

테라피를 sns에 공유하고,

사진을 설정하거나 기본

사진을 선택한다.

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 20: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 퍼소나

힐링이 필요한 2030을 위한 Interactive Design

김수정 24세 / 대학생

Specific

- 향수

- 노트북

- 디자인 소품

- 스트레스

- 예쁜 것에 대한 끝없는 열망

- 분위기에 취약

- 같은 디자인 소품이라도 예쁘고

귀여운 소품을 사용하고 싶어 함,

- 많은 과제와 일상에서 받은 스

트레스를 혼자만의 시간에서 풀고

싶음

- 지친 일상에서 정신적 환기가

가능함.

- 자신이 좋아하는 향으로 하루를

마감하고, 또 시작할 수 있어 긍정

적인 영향을 받음.

- 장기적인 스트레스의 해소

수정씨는 취업 준비생이다. 학교에서는 졸업 전시회와 과제에 시달리고 있고, 친구들과 학교에 있을 때는 웃으며 지내지만, 요새 혼자 있을 때는 유독

우울해질 때가 많다. 이렇게 많은 과제와 취업 부담감 때문에 받는 스트레스를 예쁜 인테리어 소품을 사는것으로 풀곤 하지만, 일시적인 스트레스 해소일

뿐, 밀려있는 과제들이 머리속에서 떠나가질 않아 다시 우울해 지곤한다. 중, 고등학생 때 부터 패션과 트렌드에 관심이 많았으며, 무엇이든지 예쁜 것에

대한 열망이 크다. 학교에서 수업을 듣고, 집에 가는 길에 이곳 저곳 혼자 들리는 곳들이 많다. 괜시리 올리브영에 들어가 향수를 구경하기도 하고, 백화점에

들러 화장품 테스트를 받아 보기도한다. 그리고는 디자인 소품들을 구경하려 편집 샵이나 문구 등에 들리기도 한다. 오늘 구경할 것들을 다 하고 나서는

혼자 카페에 가서 과제를 하곤 한다. 자주 가는 카페 또한 카페의 분위기를 중요하게 생각해서 자신이 좋아하는 조명과 의자가 있는 자리에 항상 똑같이

앉는다. 과제를 다 하고 집에 가면 외출복에 항상 사용하는 방향제를 뿌리고, 스탠드 조명을 켜 놓고 캔들을 태우며 잠에 든다.

Primary use Goal Influences Frustration & Pain point

패션과 인테리어 소품 등을 좋아한다. 화장품에도 관심이 많은 천상 여대생이라서 향기를 중요하게 생각한다.

Persona’s characteristic

Ultimate goal

학교 생활과 취업 준비, 둘다 나에게는 너무 힘들다. 예쁜 것들과 좋은 분위기에서 쉬고 싶다!

취업 준비와 학교 생활로 인해 받은 스트레스를 풀기를 원하며, 예쁜 것들에 대한 관심이 많다.

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 21: 테라퓸 발표용Ppt _김태임 최다은 황민연

Situation수정이는 학교를 갔다. 교수님에게 받은 컨펌이 맘에 들지 않는다, 스트레스가 쌓여 간다.수정이는 빨리 집에가서 혼자만의 시간을 가지며 몸을 편하게 하고 아무 생각없이 안정을 취하고 싶다.

1.

학교에 가서 과제로 인한

스트레스가 최고로 쌓인

수정이는 빨리 집에 가고

싶어한다.

2.

집에 가기전, 자주 가던 인

테리어 소품 편집샵 에서

<THERAFUME> 을 발 견

한다. 아로마테라피를

어플로 연동하여 받을 수

있다는 점에 반해 구매

한다.

3.

인스타그램으로 로그인을

한 수정이는 향 자동 선택

을 해놓는다. 인스타그램의

데이터를 기반으로 수정이

가 집에 들어가기 전에

수정이의 기분과 상태에

알맞는 향이 설정되어 뿜어

져 나오게 한다.

4.

집에 도착해 좋은 향이 나는

자신의 방으로 바로 들어간다.

씻고 나와서 바로 침대에 누워

우울증에 좋은 오렌지 향과

라벤더 향을 음미하고, 인스타

의 팔로잉 친구들중 <THER-

AFUME>을 사용 중인, 친한

동기에게 자신의 향을 추천 해

서 공유한다.

5.

<THERAFUME> 의 설정

기능에서 자동 종료

시간을 설정해 둔 다음

평소보다 스트레스가 더

풀리고, 더 이상은 우울해

지지 않음을 느끼며

편안하게 심신의 안정을

취하며 잠에 든다.

l 시나리오

힐링이 필요한 2030을 위한 Interactive Design

THERAFUME

THE THERAFUME

THERAFUME

zzz

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 22: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 과업모델

힐링이 필요한 2030을 위한 Interactive Design

GOAL : 바쁜 일상 속에서의 스트레스와 몸의 피로를 간편하게 풀고자 한다.

“ 과제가 너무 많다.. 쉬고싶다!” 일과 과제로 인한 스트레스가 많다.

“ 나에게 딱 맞는 좋은 분위기에서 쉬고 싶다 ! ”

카테고리를 나누어 자신의 상태 체크 가능

일이 많아서 잠자는 시간도 부족하고숙면을 취하기가 어렵다.이들에게 적은 시간으로 피로를 풀 수 있는 방법은?

어플실행 간편하게 스트레스 해소

빠르고 편한 힐링 단기적 스트레스 해소

바쁜 스케줄

매일 팝업으로상태를 체크하게 함

-> 나의 그날 상태에 따른 향과 색.

-> 그날 날씨에 따라 자동으로 습도 조절.

과도한 업무로 인한 스트레스

정신 건강을 위한 테라피가 필요

수면부족으로 인한 정신적 피로

SNS로 다른 사람들과 공유

그날의 날씨 알림과 인스타그램 데이터를 바탕으로 자동 테라피

그에 맞는 향과 색으로 치유

이름 : 김수정나이 : 24세직업 : 대학생학교 생활과 취업 준비, 둘다 나에게는 너무 힘들다. 예쁜 것들과 좋은 분위기에서 쉬고 싶다!

과도한 과제로 인한 수면부족을 느끼고 있는 수정은 취미생활로 스트레스를 해소하려 하지만, 그럴 시간이 따로 없어 피로 해소를 하기 힘들다. 편리하고 간편하게 스트레스를 해소하며, 다른사람들과 소통도 할 수 있는 방법을 고민한다.

들어가기 타겟설정 사용자 리서치 문헌조사 아이디어 도출과정 퍼소나/시나리오 과업모델전문가 인터뷰

Page 23: 테라퓸 발표용Ppt _김태임 최다은 황민연

워크 플로우 / 디자인THERAFUME

테스크플로우 와이어프레임 디자인컨셉 디자인최종시안 컨셉영상

Page 24: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 테스크플로우

힐링이 필요한 2030을 위한 Interactive Design

Instagram으로 로그인

1.0

공유된 게시글 확인

오늘의 기분체크

오늘의 날씨, 가습상태

알람 팝업

어플 종료시 다음날 그 날의 날씨 및

가습상태, 기분을 체크하는 알람 팝업이

뜬다.

어플을 종료하지 않을시

다시 테라피가 실행된다.

공유하기

어플종료오늘의 후기

도움 정도의 여부, 내일 만나요! 등의 인사말

5.0 6.0인스타그램으로 로그인하지

않을 시 회원가입을 하고

기본정보를 입력한다.

: 키, 몸무게, 성별

평소 생활패턴 ( 기상 / 수면시간 )

선호요소 선택

인스타그램 데이터로 연령 성별을

분석하고, 디폴트 값으로 자동 설정

이된다 .

*적극적 사용자

: 직접 상태 및 테라피선택

*소극적 사용자

: 디폴트 값으로 자동설정

테라피 실행 - 상세 테라피

자동설정이 아닐경우, 메이페이지

에서 직접 상태 및 향/컬러 테라피

를 설정한다.

오늘의 날씨와 현재 가습상태를

알려주는 팝업이 뜬다. 시간대

설정을 하면, 매일 그 시간에 하루

기분을 체크하고 이를 테라피에

반영한다.

MY MENU

2.1

마이 테라퓸

설정컬러 테라피

향기 테라피

메인페이지

2.0

지금 필요한 색 선택

오늘의 날씨, 가습상태

지금 필요한 향 선택

6가지 상태 선택

자동설정

인스타그램 데이터

SNS 이동공유게시글 작성

4.0

사진과 태그를 설정한다.

인스타그램에서 사진을 공유

하고싶지 않을 경우 기본사진

으로 공유한다.나의 테라피를 인스타그램에

공유한다. 인스타그램이 없는

사용자일 경우 다른 SNS에

공유한다.

태그설정

사진선택

생년월일 / 성별

알람 팝업 시간 설정

1.1

회원가입

사용자 기본 정보

컬러 테라피 설명

아로마 테라피 설명

습도 자동 조절

농도, 범위, 자동 종료

농도, 범위, 자동 종료

3.0

공유 팝업

페이스북

카카오톡

인스타그램

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 25: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 테스크플로우

힐링이 필요한 2030을 위한 Interactive Design

: 다음 화면 연결

Scroll

: 위 아래 스크롤

Swipe

: 탭 없이 바로넘어감

ex) Splash

Tap

: 탭 없이 바로넘어감

ex) Splash

Drawer

: 탭 없이 바로넘어감

ex) Splash

: 탭 없이 바로넘어감

ex) Splash

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 26: 테라퓸 발표용Ppt _김태임 최다은 황민연

힐링이 필요한 2030을 위한 Interactive Design

SNS 공유팝업 공유2공유1

향기 테라피 컬러 테라피메인스플래시 로그인 회원가입

Swipe

l 테스크플로우 [회원가입-공유]

3

2

1

21

3

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 27: 테라퓸 발표용Ppt _김태임 최다은 황민연

힐링이 필요한 2030을 위한 Interactive Design

메인

메인

l 테스크플로우 [팝업-설정]상태체크 팝업 팝업 확인

INFOMATION 설정

설정

Drawer

메뉴 마이페이지1 마이페이지2

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 28: 테라퓸 발표용Ppt _김태임 최다은 황민연

메인

향기 테라피

컬러 테라피Drawer

메뉴

l 테스크플로우 [설정-테라피 설명]

힐링이 필요한 2030을 위한 Interactive Design

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 29: 테라퓸 발표용Ppt _김태임 최다은 황민연

메인

l 테스크플로우 [알림팝업]

힐링이 필요한 2030을 위한 Interactive Design

향, 색 추천 종료

상태체크

상태체크

메인

다른 향, 색 고르기

상태체크

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 30: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 아이디어 스케치

힐링이 필요한 2030을 위한 Interactive Design

전체적인 컨셉 및 시스템 초반 러프 스케치

BODY 일러스트 또는, 수채화 느낌의 일러스트 / 그래프 위주의 디자인바이오리듬 / 건강에 초점

현재 목표상태 직접 설정, 컬러 선택 스펙트럼

조명

습도

더테라퓸

ON

ON

ON

습도

현재상태

50%

건강

50%

기분

50%

습도

목표상태

90%

건강

70%

기분

80%

지금 나의

기분은 우울

건강은 보통

조명

습도

더테라퓸

ON

ON

ON

습도

현재상태

50%

건강

50%

기분

50%

습도

목표상태

90%

건강

70%

기분

80%

지금�나의

기분은 우울

건강은 보통

기분

기쁨 슬픔 우울 분노 짜증 보통 소소

아주좋음 좋음 보통 나쁨 아주나쁨

건강

확인

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 31: 테라퓸 발표용Ppt _김태임 최다은 황민연

힐링이 필요한 2030을 위한 Interactive Design

스플래시, 로그인페이지 러프 디자인

l 1차 와이어프레임

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 32: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 2차 와이어프레임

힐링이 필요한 2030을 위한 Interactive Design

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 33: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 2차 와이어프레임

힐링이 필요한 2030을 위한 Interactive Design

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 34: 테라퓸 발표용Ppt _김태임 최다은 황민연

힐링이 필요한 2030을 위한 Interactive Design

l 디자인 컨셉

Logo : 다양한 향기 / 컬러를 가지고 있다는 의미의 로고.

UI : Natural Kind Easy 자연스럽고, 친절하고 빠른 디자인. 전체적으로 플랫한 디자인, 진한 원색 보다는 은은한 파스텔 톤의 색감.

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 35: 테라퓸 발표용Ppt _김태임 최다은 황민연

힐링이 필요한 2030을 위한 Interactive Design

l 디자인 컨셉

리서치 결과‘아로마테라피’를 떠올렸을 때 어울리는 색과

느낌이 민트색, 숲속이라는 의견이 가장 많았다. 그 결과를

반영해 주조색은 민트색과 청록색을 사용하여 숲속, 식물의

느낌을 강조하였고 아이콘을 위주로 사용하여 사용자에게

직관적인 경험을 준다.

영/한 - Noto Sans

Color

Icon

Font

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 36: 테라퓸 발표용Ppt _김태임 최다은 황민연

메인

힐링이 필요한 2030을 위한 Interactive Design

l 디자인 컨셉

현재 컬러테라피를 강조하는 UI구조

현재 진행되고 있는 컬러테라피에 따라 메인 사진이 바뀐다. 해당 컬러테라피 톤의 사진3장이 천천히 플리킹된다.

: 현재 진행되고 있는 컬러테라피파랑

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 37: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 최종 디자인

스플래시 로그인 인스타그램으로 로그인

힐링이 필요한 2030을 위한 Interactive Design

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 38: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 최종 디자인

회원가입 회원정보 입력 추가정보 입력

힐링이 필요한 2030을 위한 Interactive Design

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 39: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 최종 디자인

메인(보라)

- 현재 컬러테라피에 맞게 메인 사진이 바뀐다. 진행되고 있는 컬러테라피 톤의 사진3장이 천천히 플리킹된다.

메인(주황) 메인(초록)

힐링이 필요한 2030을 위한 Interactive Design

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 40: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 최종 디자인

메인(블루)-1 메인(블루)-2 현재 테라피 위젯

- 현재 컬러테라피에 맞게 메인 사진이 바뀐다. 진행되고 있는 컬러테라피 톤의 사진3장이 천천히 플리킹된다.

힐링이 필요한 2030을 위한 Interactive Design

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 41: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 최종 디자인

힐링이 필요한 2030을 위한 Interactive Design

- 현재 테라피 위젯이나 홈화면 위젯에서 테라피를 ON하면 가습기에 LED로 “테라피가 시작됩니다!”라는 문구가 보여진다.

가습기 ON - 테라피가 시작됩니다!현재 테라피 위젯

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 42: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 최종 디자인

공유팝업 공유1(기본이미지) 공유2(사진선택)

힐링이 필요한 2030을 위한 Interactive Design

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 43: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 최종 디자인

메인(블루)-3 / 가습기 경고 향기 상세 테라피 컬러 상세 테라피

힐링이 필요한 2030을 위한 Interactive Design

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 44: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 최종 디자인

메뉴 컬러테라피 컬러테라피

힐링이 필요한 2030을 위한 Interactive Design

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 45: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 최종 디자인

향기테라피 향기테라피 향기 설명

힐링이 필요한 2030을 위한 Interactive Design

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 46: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 최종 디자인

상태체크 팝업 상태체크 팝업 확인 설정1 - 팝업 체크 x

힐링이 필요한 2030을 위한 Interactive Design

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 47: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 최종 디자인

설정2 팝업 시간 설정 인포메이션1

힐링이 필요한 2030을 위한 Interactive Design

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 48: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 최종 디자인

인포메이션2 경고 팝업 마이 페이지1

힐링이 필요한 2030을 위한 Interactive Design

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 49: 테라퓸 발표용Ppt _김태임 최다은 황민연

l 최종 디자인

마이 페이지2 홈화면 위젯 ON 홈화면 위젯 OFF

힐링이 필요한 2030을 위한 Interactive Design

테스크플로우 와이어프레임 컨셉영상디자인 최종시안디자인컨셉

Page 50: 테라퓸 발표용Ppt _김태임 최다은 황민연

THANK YOU

김태임 최다은 황민연