moody
UX Guideline 1.0
no | Date | Version | Description |
1 | 2018.11.08 | V0.5 | Prototype 작성 |
2 | 2018.11.15 | V0.6 | Wireframe 추가, Prototype 수정 |
3 | 2018.11.22 | V0.7 | Sitemap, Flowchart, Wireframe 수정 및 추가 |
4 | 2018.11.29 | V0.8 | Sitemap, Flowchart, Wireframe 수정 및 추가 |
5 | 2018.12.06 | V0.9 | Sitemap, Flowchart, Wireframe 수정 및 추가 |
6 | 2018.12.13 | V0.95 | Sitemap, Flowchart, Wireframe 수정 및 완성 |
UX Guideline
3 Service app
concept
1. 이 문서는 moody의 Iphone용 UX Guideline입니다.
- 이 문서는 사이트맵을 포함하고 Wireframe을 제공합니다.
- 이 문서의 내용은 최 우선권이 있는 Sitemap의 최종 버전과 다를 수 있습니다.
- 이 문서는 2018.12.21까지 지속적으로 Update 합니다.
2. 문서상의 우선순위는 다음과 같습니다.
- Sitemap
- Wireframe
- Prototype
3. 이 문서에 적용되는 Target Device의 Display size는 기본 375 x 812입니다.
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
2018_2│인터랙티브│팀명: 큰일났조
서비스명: moody(무디)
터치 포인트: 다중 디스플레이,연동과 공유, mood
마케팅 문구: 재택근무자에게 효율을, 집돌이 집순이에게 자유를
차별화 포인트: 집에서 대부분의 시간을 보내는 사람들을 위한 mood 변화 디스플레이
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
2018_2│인터랙티브│팀명: 큰일났조
구분 | 기능 | 설명 |
Main | 오늘 기본 정보 | 오늘의 스케줄, 날씨, 온도 등 기본 정보를 가르쳐 주는 메인화면 |
모드 변경 | 근무 모드 | 근무에 적합한 모드로 변경 및 적용 가능(음악, 조명, 어플제어 등) |
여가모드 | 여가에 적합한 모드로 변경 및 적용 가능(음악, 조명, 어플제어 등) | |
자가진단 | 디스플레이 활용 진단 | 하루를 기준으로 디스플레이를 어떻게 활용하였는지 보여준다. |
TV 제어 | 계정 연동 | 구글 계정 연동으로 메일 등을 관리 가능 |
TV 디스플레이 옵션 제어 | TV 화면과 관한 옵션들을 제어 | |
스마트 TV 옵션 제어 | 스마트 TV 의 다양한 기능들을 제어 |
UX Guideline
3 Service app
concept
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
2018_2│인터랙티브│팀명: 큰일났조
Moody
1
main
2
모드설정
3
모드 대기화면
4
자가진단
5
스케줄 관리
6
환경설정
1.1
날씨
1.2
스케줄
1.3
뉴스
2.1
근무
2.2
여가
2.3
etc
2.11
음악
2.12
조명
2.13
어플제어
2.14
추천무드
2.21
음악
2.22
조명
2.23
어플제어
2.24
추천무드
3.1
조명
3.2
짧은 글
3.3
여가 모드
3.31
추천 영화
3.32
쇼핑
3.33
엔터테인먼트
4.1
사용 그래프
4.2
진단
4.3
상세보기
4.31
어플 상세 사용
4.32
어플케어
5.1
내일 알람
5.2
스케줄 관리
5.11
시간 설정
5.21
메인 스케줄
5.22
작은 스케줄
6.1
TV 설정
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
2018_2│인터랙티브│팀명: 큰일났조
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
2018_2│인터랙티브│팀명: 큰일났조
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
2018_2│인터랙티브│팀명: 큰일났조
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
2018_2│인터랙티브│팀명: 큰일났조
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
2018_2│인터랙티브│팀명: 큰일났조
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
2018_2│인터랙티브│팀명: 큰일났조
모드 내부 설정
모드 내부 상세 설정 가능
음악 , 조명, 어플케어 , 추천 무드로 구분
아트 모드(여가)
여러 유명 작품들을 보여주는 갤러리. 모바일 어플에서 간단한 소개
모드 자가 진단
자신이 선택한 모드에서 어떤 앱/프로그램을 얼마나 사용했는지 보여줌
TV control
TV 의 환경설정을 제어
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
2018_2│인터랙티브│팀명: 큰일났조
홈 화면
‘안녕 무디’ 음성 인식으로 tv가 켜지고 핸드폰 어플이 자동 실행된다. 모바일 어플리케이션을 리모콘으로 사용 가능하다.
Tab으로 날씨 상세화면으로 이동 가능
전날에 설정해놓은 스케줄을 볼 수 있다. 탭하면 상세 스케줄을 확인 할 수 있다.
사용자 빅데이터와 요즘 화제가 되는 뉴스 기사를 보여준다. 탭하면 상세 보기로 들어간다.
Loading 화면
1
2
3
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
2018_2│인터랙티브│팀명: 큰일났조
모드 추가 및 변경
기본적으로 제공되는 근무/여가 모드 말고도 자신만의 모드를 추가로 설정할 수 있다.
Tab / 여가 모드 설정 창으로 들어갈 수 있다.
Tab / 근무 모드 세부 설정 창으로 들어갈 수 있다.
Tab / 기본 제공되는 모드 말고도 다른 모드를 추가해 넣을 수 있다. .
1
2
3
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
2018_2│인터랙티브│팀명: 큰일났조
모드 세부 설정
자신이 선택한 모드에서 음악/조명/어플을 제어 할 수 있고, 다른 사용자들의 모드도 사용 가능하다.
Tab / 음원 스트리밍 서비스와 연동하여 자신이 모드에서 바로 음악을 틀 수 있게 한다.
Tab / TV의 디스플레이를 자신이 원하는 대기 화면으로 설정. 또는 자신이 원하는 조명으로 설정
Tab / 자신의 핸드폰 앱을 Lock을 걸어둘 수 있다. 원하는 사람의 연락 받을 수 있게 설정
Tab / 다른 사용자들이 저장해놓은 무드를 선택하여 사용할 수 있다.
1
2
3
4
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
2018_2│인터랙티브│팀명: 큰일났조
자가 진단
무디를 사용한 기간 동안 어떤 어플을 얼마나 사용하였는지 보여준다.
사용한 앱을 묶어서 대략적으로 보여주는 파이 그래프. 컬러로 작업, SNS 등 파트를 구분한다.
앱 및 프로그램 사용량을 더욱 자세히 보여준다. 사용한 시간 부터 앱 하나씩 몇 퍼센트를 사용했는지 보여준다.
무디 총 사용 시간과(하루 기준) 작업 시간, 그 외, 대기 화면 시간을 더 자세히 알려준다.
1
2
3
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
2018_2│인터랙티브│팀명: 큰일났조
End 화면
‘무디야 자자’ 라는 음성 명령과 함께 모든 디스플레이가 꺼지고 모바일 어플리케이션에서 내일을 위한 준비를 해준다.
내일 요일, 날씨, 최저/고 온도를 알려준다. 탭하면 날씨 창으로 들어간다.
내일 알람을 설정한다. 화면에는 가장 빠른 알람이 나온다. 탭으로 세부 설정 배너가 뜬다.
내일 스케줄을 적을 수 있다. 탭으로 세부 설정 배너가 뜬다.
1
2
3
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
2018_2│인터랙티브│팀명: 큰일났조
TV 설정 (Setting)
핸드폰으로 TV 에 관한 설정을 할 수 있다.
구글 계정 연동으로 메일 수신 등을 할 수 있고 다른 계정으로 전환도 용이하게 한다.
스마트 TV의 다양한 옵션을 제어 할 수 있다.
TV 화면과 관련된 옵션을 조절 할 수 있다.
1
2
3
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
2018_2│인터랙티브│팀명: 큰일났조
Appendix
1차 프로토타입
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
- Appendix
2018_2│인터랙티브│팀명: 큰일났조
2차 프로토타입
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
- Appendix
2018_2│인터랙티브│팀명: 큰일났조
3차 프로토타입
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
- Appendix
2018_2│인터랙티브│팀명: 큰일났조
3차 프로토타입
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
- Appendix
2018_2│인터랙티브│팀명: 큰일났조
최종 프로토타입
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
- Appendix
2018_2│인터랙티브│팀명: 큰일났조
최종 프로토타입
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
- Appendix
2018_2│인터랙티브│팀명: 큰일났조
최종 프로토타입
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
- Appendix
2018_2│인터랙티브│팀명: 큰일났조
최종 프로토타입
3 Service concept
6 Wire Frame
Main
add the Mode
Mode Set
Self care
Goon night
Settings
- Appendix
2018_2│인터랙티브│팀명: 큰일났조