SlideShare a Scribd company logo
1 of 24
Download to read offline
감정 샌드위치
감정트래킹 APP
박지현 UX/UI Design 2020
졸업프로젝트스튜디오1
목차
01 02 03 04 05
감정샌드위치란 컨셉영상디자인 프로세스 어플 컨셉 디자인
감정샌드위치란
헬스 트래킹 어플처럼 감정을 트래킹하여 정신적인 관리를 도와주
고 기록할 수 있는 감정 트래킹 어플입니다. 감정을 저장하여 하루
의 감정과 주, 월별의 감정을 볼 수 있으며, 매주의 감정을 들어 볼
수 있는 앱 서비스를 제공합니다. 감정 트래킹을 통해 지나간 감정
의 흐름을 파악하고 감정 활동을 분석할 수 있습니다.
UX 컨셉
Design Key Word 정의
이용자의 Needs를 분석하여 핵심키워드 구성
간편함 직관적 색다름
간단하고 쉽게 감정을 저장
하고 확인할 수 있습니다.
심플한 디자인을 통해 저장
된 감정을 한 눈에 알기 쉽게
파악이 가능합니다.
일반적인 감정 트래킹 어플
과는 다른 컨셉과 음으로 감
정을 들어보는 서비스를 제
공합니다.
UX 컨셉
Define Goal
UX와 디자인 키워드를 통하여 디자인의 목적 설정
감정적으로 지치고 감정을 돌아볼
시간이 적은 현대인에게
자신의 감정의 흐름을 읽고 감정
활동분석을
하루의 감정과 주, 월별의 감정을 그래프로 확인 / 하
루에 쌓여가는 감정을 메인화면에서 시각적으로 보여
주는 기능, 매 주마다 해당 주의 평균적인 감정에 맞
춘 음으로 감정을 들어보는 서비스를 통해 알려줍니
다.
Who HowWhat
어플 컨셉
감정이 쌓인다 = 재료를 쌓다
감정을 삼키다 = 음식을 삼키다
그날의 감정들이 모여 완성 되는 기분을 들어가는 내용에 따라
맛이 변하는 샌드위치로 비유하였다.
icon design
App Logo
어플 컨셉
UI Style Guide
Colors
블랙과 화이트를 사용하여 감정의 색상을 방해하지 않도록 하며, 해당
배색을 통해 명시성과 직관성을 높여줍니다.
감정을 색상으로 표현하였을때 떠오르는 색을 질문하여 추합한 결과를
통해 정해진 색상입니다. 메인컬러가 단조로운 배색이기 때문에 채도
가 높은 색을 사용하였습니다.
##FFFFFF
##F5CC62
##000000
##8AEB68 ##8BBEFA ##F36565
어플 컨셉
UI Style Guide
Icon Styles
디자인
디자인
디자인
디자인
디자인
감정 샌드위치
감정 트래킹 서비스 어플리케이션
디자인
Splash Screen
어플의 전반적인 느낌과 함께 어플리케이션의
로고인 감정샌드위치를 나타내었습니다.
디자인
Tutorial
어플을 처음 사용하는 사용자들을 위해 어플
리케이션에 대한 설명을 간단하게 보여줍니
다.
디자인
Main
저장 된 감정은 메인화면에 바로 생기기 때문에 오늘의 감정이 쌓
이는 것을 한 눈에 확인할 수 있으며 한 줄씩 쌓여가는 감정이 사용
자에게 재미를 줍니다. 해당 샌드위치를 통해 기록한 감정을 자세
히 볼 수 있습니다.
심플한 디자인을 통해 감정이 쌓여가는 정보를 쉽게 전달하며 사용
자는 저장된 감정을 시각적으로 빠르게 인지할 수 있습니다.
디자인
감정등록 후 보기
메인화면에서 샌드위치를 눌러 감정에 대해
알아 볼 수 있으며 하루의 감정을 시각적으로
한 눈에 볼 수 있다.
디자인
감정등록
정해진 감정에 추가적인 태그를 넣어 사용자
가 감정에 대해 자세히 입력할 수 있습니다.
감정 알람
디자인
그래프
그동한 저장한 감정을 간단히 나타내어
평균의 감정을 알려주고 그래프로 수치
화하여 지나간 감정을 빠르고 쉽게 파악
할 수 있게 합니다.
디자인
그래프
주간 그래프에서는 일주일의 감정이
통계되어 나타납니다.
디자인
주간 그래프 디테일
디자인
그래프
월간 그래프에서는 한 달의 감정이 통계되어
나타납니다.
디자인
노래화면
그래프로 수치화 된 감정을 긍정적인 감정과
부정적인 감정으로 나누어 매 주 감정을 음으
로 들어볼 수 있는 서비스를 제공합니다.
https://vimeo.com/431855714
https://vimeo.com/431855930
감사합니다 :)

More Related Content

Similar to 14주차 졸업프로젝트 감정 샌드위치

실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step upAmy Young Ah Kim
 
어려운 협업의 극복 방안은 UI개념의 공유
어려운 협업의 극복 방안은 UI개념의 공유어려운 협업의 극복 방안은 UI개념의 공유
어려운 협업의 극복 방안은 UI개념의 공유mosaicnet
 
Ux 한글번역 멘플
Ux 한글번역 멘플Ux 한글번역 멘플
Ux 한글번역 멘플이창훈
 
Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019Potentialeyes, Inc.
 
Sencha 사용후기
Sencha 사용후기Sencha 사용후기
Sencha 사용후기Younuk Park
 
Facecon intro 20150126
Facecon intro 20150126Facecon intro 20150126
Facecon intro 20150126세성 오
 
Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Potentialeyes, Inc.
 
171024 인터랙
171024 인터랙171024 인터랙
171024 인터랙윤소 최
 
171016 인터랙
171016 인터랙171016 인터랙
171016 인터랙윤소 최
 
인터랙션 디자인 1310585 최하늘
인터랙션 디자인  1310585 최하늘인터랙션 디자인  1310585 최하늘
인터랙션 디자인 1310585 최하늘하늘 최
 
오래가는 Ux 디자인 파이널 1414905 이서현
오래가는 Ux 디자인 파이널  1414905 이서현오래가는 Ux 디자인 파이널  1414905 이서현
오래가는 Ux 디자인 파이널 1414905 이서현서현 이
 
Easter bunny 및 Touch Music 소개서
Easter bunny 및 Touch Music  소개서Easter bunny 및 Touch Music  소개서
Easter bunny 및 Touch Music 소개서alexmksa
 
UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015Limepaper, Inc.
 
13주차 제출
13주차 제출13주차 제출
13주차 제출JihyunP
 
마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유Woo Sanghun
 

Similar to 14주차 졸업프로젝트 감정 샌드위치 (20)

13.ux design
13.ux design13.ux design
13.ux design
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up
 
어려운 협업의 극복 방안은 UI개념의 공유
어려운 협업의 극복 방안은 UI개념의 공유어려운 협업의 극복 방안은 UI개념의 공유
어려운 협업의 극복 방안은 UI개념의 공유
 
Ux 한글번역 멘플
Ux 한글번역 멘플Ux 한글번역 멘플
Ux 한글번역 멘플
 
프투
프투프투
프투
 
Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019
 
Sencha 사용후기
Sencha 사용후기Sencha 사용후기
Sencha 사용후기
 
Facecon intro 20150126
Facecon intro 20150126Facecon intro 20150126
Facecon intro 20150126
 
U&I Insgiht
U&I InsgihtU&I Insgiht
U&I Insgiht
 
Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019Uxtrigger template v5.compressed_2019
Uxtrigger template v5.compressed_2019
 
171024 인터랙
171024 인터랙171024 인터랙
171024 인터랙
 
Sencha
SenchaSencha
Sencha
 
171016 인터랙
171016 인터랙171016 인터랙
171016 인터랙
 
인터랙션 디자인 1310585 최하늘
인터랙션 디자인  1310585 최하늘인터랙션 디자인  1310585 최하늘
인터랙션 디자인 1310585 최하늘
 
오래가는 Ux 디자인 파이널 1414905 이서현
오래가는 Ux 디자인 파이널  1414905 이서현오래가는 Ux 디자인 파이널  1414905 이서현
오래가는 Ux 디자인 파이널 1414905 이서현
 
Easter bunny 및 Touch Music 소개서
Easter bunny 및 Touch Music  소개서Easter bunny 및 Touch Music  소개서
Easter bunny 및 Touch Music 소개서
 
Uxtrigger brochure v4(2019)-rev
Uxtrigger brochure v4(2019)-revUxtrigger brochure v4(2019)-rev
Uxtrigger brochure v4(2019)-rev
 
UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015
 
13주차 제출
13주차 제출13주차 제출
13주차 제출
 
마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유
 

More from JihyunP

졸업스튜디오13주차
졸업스튜디오13주차졸업스튜디오13주차
졸업스튜디오13주차JihyunP
 
졸프2 12주차
졸프2 12주차졸프2 12주차
졸프2 12주차JihyunP
 
11.11 졸프2
11.11 졸프211.11 졸프2
11.11 졸프2JihyunP
 
11.04 졸프2
11.04 졸프211.04 졸프2
11.04 졸프2JihyunP
 
10.28 계획
10.28 계획10.28 계획
10.28 계획JihyunP
 
pp1페이지
pp1페이지pp1페이지
pp1페이지JihyunP
 
6주차 졸프2
6주차 졸프26주차 졸프2
6주차 졸프2JihyunP
 
졸프5주차2
졸프5주차2졸프5주차2
졸프5주차2JihyunP
 
졸프5주차
졸프5주차졸프5주차
졸프5주차JihyunP
 
3주차_2
3주차_23주차_2
3주차_2JihyunP
 
졸프2 2주차
졸프2 2주차졸프2 2주차
졸프2 2주차JihyunP
 
12주차 졸업프로젝트
12주차 졸업프로젝트12주차 졸업프로젝트
12주차 졸업프로젝트JihyunP
 
졸업프로젝트 11주차
졸업프로젝트 11주차졸업프로젝트 11주차
졸업프로젝트 11주차JihyunP
 
10주차 졸업프로젝트
10주차 졸업프로젝트10주차 졸업프로젝트
10주차 졸업프로젝트JihyunP
 
10주차 졸업프로젝트
10주차 졸업프로젝트10주차 졸업프로젝트
10주차 졸업프로젝트JihyunP
 
08주 졸업프로젝트
08주 졸업프로젝트08주 졸업프로젝트
08주 졸업프로젝트JihyunP
 
졸업프로젝트중간발표_박지현
졸업프로젝트중간발표_박지현졸업프로젝트중간발표_박지현
졸업프로젝트중간발표_박지현JihyunP
 
인터렉과제-어플
인터렉과제-어플인터렉과제-어플
인터렉과제-어플JihyunP
 
06주차 졸업프로젝트
06주차 졸업프로젝트06주차 졸업프로젝트
06주차 졸업프로젝트JihyunP
 
5주차 졸프리서치
5주차 졸프리서치5주차 졸프리서치
5주차 졸프리서치JihyunP
 

More from JihyunP (20)

졸업스튜디오13주차
졸업스튜디오13주차졸업스튜디오13주차
졸업스튜디오13주차
 
졸프2 12주차
졸프2 12주차졸프2 12주차
졸프2 12주차
 
11.11 졸프2
11.11 졸프211.11 졸프2
11.11 졸프2
 
11.04 졸프2
11.04 졸프211.04 졸프2
11.04 졸프2
 
10.28 계획
10.28 계획10.28 계획
10.28 계획
 
pp1페이지
pp1페이지pp1페이지
pp1페이지
 
6주차 졸프2
6주차 졸프26주차 졸프2
6주차 졸프2
 
졸프5주차2
졸프5주차2졸프5주차2
졸프5주차2
 
졸프5주차
졸프5주차졸프5주차
졸프5주차
 
3주차_2
3주차_23주차_2
3주차_2
 
졸프2 2주차
졸프2 2주차졸프2 2주차
졸프2 2주차
 
12주차 졸업프로젝트
12주차 졸업프로젝트12주차 졸업프로젝트
12주차 졸업프로젝트
 
졸업프로젝트 11주차
졸업프로젝트 11주차졸업프로젝트 11주차
졸업프로젝트 11주차
 
10주차 졸업프로젝트
10주차 졸업프로젝트10주차 졸업프로젝트
10주차 졸업프로젝트
 
10주차 졸업프로젝트
10주차 졸업프로젝트10주차 졸업프로젝트
10주차 졸업프로젝트
 
08주 졸업프로젝트
08주 졸업프로젝트08주 졸업프로젝트
08주 졸업프로젝트
 
졸업프로젝트중간발표_박지현
졸업프로젝트중간발표_박지현졸업프로젝트중간발표_박지현
졸업프로젝트중간발표_박지현
 
인터렉과제-어플
인터렉과제-어플인터렉과제-어플
인터렉과제-어플
 
06주차 졸업프로젝트
06주차 졸업프로젝트06주차 졸업프로젝트
06주차 졸업프로젝트
 
5주차 졸프리서치
5주차 졸프리서치5주차 졸프리서치
5주차 졸프리서치
 

14주차 졸업프로젝트 감정 샌드위치

  • 1. 감정 샌드위치 감정트래킹 APP 박지현 UX/UI Design 2020 졸업프로젝트스튜디오1
  • 2. 목차 01 02 03 04 05 감정샌드위치란 컨셉영상디자인 프로세스 어플 컨셉 디자인
  • 3. 감정샌드위치란 헬스 트래킹 어플처럼 감정을 트래킹하여 정신적인 관리를 도와주 고 기록할 수 있는 감정 트래킹 어플입니다. 감정을 저장하여 하루 의 감정과 주, 월별의 감정을 볼 수 있으며, 매주의 감정을 들어 볼 수 있는 앱 서비스를 제공합니다. 감정 트래킹을 통해 지나간 감정 의 흐름을 파악하고 감정 활동을 분석할 수 있습니다.
  • 4. UX 컨셉 Design Key Word 정의 이용자의 Needs를 분석하여 핵심키워드 구성 간편함 직관적 색다름 간단하고 쉽게 감정을 저장 하고 확인할 수 있습니다. 심플한 디자인을 통해 저장 된 감정을 한 눈에 알기 쉽게 파악이 가능합니다. 일반적인 감정 트래킹 어플 과는 다른 컨셉과 음으로 감 정을 들어보는 서비스를 제 공합니다.
  • 5. UX 컨셉 Define Goal UX와 디자인 키워드를 통하여 디자인의 목적 설정 감정적으로 지치고 감정을 돌아볼 시간이 적은 현대인에게 자신의 감정의 흐름을 읽고 감정 활동분석을 하루의 감정과 주, 월별의 감정을 그래프로 확인 / 하 루에 쌓여가는 감정을 메인화면에서 시각적으로 보여 주는 기능, 매 주마다 해당 주의 평균적인 감정에 맞 춘 음으로 감정을 들어보는 서비스를 통해 알려줍니 다. Who HowWhat
  • 6. 어플 컨셉 감정이 쌓인다 = 재료를 쌓다 감정을 삼키다 = 음식을 삼키다 그날의 감정들이 모여 완성 되는 기분을 들어가는 내용에 따라 맛이 변하는 샌드위치로 비유하였다. icon design App Logo
  • 7. 어플 컨셉 UI Style Guide Colors 블랙과 화이트를 사용하여 감정의 색상을 방해하지 않도록 하며, 해당 배색을 통해 명시성과 직관성을 높여줍니다. 감정을 색상으로 표현하였을때 떠오르는 색을 질문하여 추합한 결과를 통해 정해진 색상입니다. 메인컬러가 단조로운 배색이기 때문에 채도 가 높은 색을 사용하였습니다. ##FFFFFF ##F5CC62 ##000000 ##8AEB68 ##8BBEFA ##F36565
  • 8. 어플 컨셉 UI Style Guide Icon Styles
  • 13. 디자인 감정 샌드위치 감정 트래킹 서비스 어플리케이션
  • 14. 디자인 Splash Screen 어플의 전반적인 느낌과 함께 어플리케이션의 로고인 감정샌드위치를 나타내었습니다.
  • 15. 디자인 Tutorial 어플을 처음 사용하는 사용자들을 위해 어플 리케이션에 대한 설명을 간단하게 보여줍니 다.
  • 16. 디자인 Main 저장 된 감정은 메인화면에 바로 생기기 때문에 오늘의 감정이 쌓 이는 것을 한 눈에 확인할 수 있으며 한 줄씩 쌓여가는 감정이 사용 자에게 재미를 줍니다. 해당 샌드위치를 통해 기록한 감정을 자세 히 볼 수 있습니다. 심플한 디자인을 통해 감정이 쌓여가는 정보를 쉽게 전달하며 사용 자는 저장된 감정을 시각적으로 빠르게 인지할 수 있습니다.
  • 17. 디자인 감정등록 후 보기 메인화면에서 샌드위치를 눌러 감정에 대해 알아 볼 수 있으며 하루의 감정을 시각적으로 한 눈에 볼 수 있다.
  • 18. 디자인 감정등록 정해진 감정에 추가적인 태그를 넣어 사용자 가 감정에 대해 자세히 입력할 수 있습니다. 감정 알람
  • 19. 디자인 그래프 그동한 저장한 감정을 간단히 나타내어 평균의 감정을 알려주고 그래프로 수치 화하여 지나간 감정을 빠르고 쉽게 파악 할 수 있게 합니다.
  • 20. 디자인 그래프 주간 그래프에서는 일주일의 감정이 통계되어 나타납니다.
  • 22. 디자인 그래프 월간 그래프에서는 한 달의 감정이 통계되어 나타납니다.
  • 23. 디자인 노래화면 그래프로 수치화 된 감정을 긍정적인 감정과 부정적인 감정으로 나누어 매 주 감정을 음으 로 들어볼 수 있는 서비스를 제공합니다. https://vimeo.com/431855714 https://vimeo.com/431855930