Interactive Media Design - 3D self interior service ppt

1. 인터랙티브 미디어 디자인 I
1811840 김민경
1814944 서지영
1813081 송여빈
FINGERTIP HOUSE
맞춤형 3D 셀프 인테리어 서비스
F

2. 인터랙티브 미디어 디자인 I
1811840 김민경
1814944 서지영
1813081 송여빈
INTRO
USER RESEARCH
DESIGN THINKING
TECHNOLOGIES
WIRE FRAMES
TASK FLOW
USER TEST
FUNCTIONS
3D&APP STYLE
APP ELEMENT
ALL SCREENS
INDEX

3. 인스타그램 속엔 예쁜 방이 많은데... 왜 내가 하면 실패할까?
화면으로 봤을 땐 이 색이 아니었는데...
이 책상 이쁘다, 근데 우리 집에 어울릴려나..?
인테리어 비용을 절감하고 자신만의 개성을 드러낼 수 있어 유행중인 셀프 인테리어
근데 나에겐 왜 이렇게 어려울까?
Fingertip House는 기존인테리어어플의 한계와 그로인한 초보자의 셀프인테리어 실패라는 개인적 경험에서 시작하였습니다.
AR기술을 바탕으로 사용자와 상호작용하는 맞춤형 인테리어 서비스를 제공합니다.
.
.
.
셀프 인테리어, 왜 이렇게 어려울까 ?

4. USER RESEARCH
사용자가 겪는 인테리어의 문제점과 니즈를 정확히 파악하기 위해
심층인터뷰와 총 4번의 설문조사를 진행하였다.
Q. 기존의 인테리어 관련 서비스에서
불편함을 느꼈던 부분은 무엇입니까?
제공된 예시가 나의 상황에 적절하지 않음 58.1%
사진 속 상품과 실제 상품의 괴리 27.6%
광고성 정보가 많아 신뢰성이 떨어짐 10.5%
기타 의견 3.8%
백은* (25) “학교과제때문에 써보긴 했는데 관련 지식이 없으면 좀 힘들 것 같아요”
김혜*(23) “아니요, 잘 모르겠어요”
인테리어에 관심은 많으나, 비용, 이사, 공간의 문제를 겪고 있음
기존 인테리어 서비스는 제공되는 예시가 나의 상황과 맞지 않음
3D인테리어 시물레이션에 대한 인지도낮음, 어려워보이고 복잡하다는 인식
Q. 3D 인테리어 시뮬레이션 서비스에대해 알고 있는가?
리서치 결과

5. DESIGN THINKING
팀원들과 아이디에이션을 통해 핵심 아이디어를 도출

6. DESIGN THINKING
어떻게 하면 초보자도 쉽게 셀프 인테리어할 수 있을까?
쉽고 직관적인 인터페이스
조작법의 단순화
핵심 그래픽/기능으로 이루어진 인터페이스
현실과 연결되는 서비스
3D로 구현된 자신의 방에 직접 인테리어
실제 판매하는 제품의 사용
예상비용 설정 기능
실제공간에서 어떻게 적용될 지
예상하는 것이 어렵다
3D프로그램은 복잡하고 어렵다는
인식이 있다
개인마다 환경이 달라
기존 인테리어를 적용하기 어려움
맞춤형 3D 공간 구현
카메라로 집 구조와 기존 가구 인식
현실감있고 부드러운 3D 외형

7. TECHNOLOGIES
GPS 장치, 중력, 자이로스코프 정보에 따른
위치 정보 시스템을 사용
AR(Augmented Reality)
디바이스의 모션 센서를 바탕으로 디바이스의 길이, 너비, 두께를 일부 측정값에 더해 값을 구함
측정 가능한 종류: 물체 길이, 공간(거리), 높이, 각도, 경사도, 2d 영역, 3D 부피 등
Moasure
3D Scanner for ARCore
기존의 3D 촬영 방식인 평면적인 (평면 베이스) 입체 사진과 달리
촬영하면서 공간 자체를 구조화해서 3D로 구현
스마트폰을 좌우, 위 아래로 천천히 이동시키면 어플에서 공간을 분석해 촬영된 사진의 화면
부분 부분을 조각으로 모아서 랜더링 한 후에 입체적으로 구조화된 결과를 보여준다

8. TASK FLOW

9. WIRE FRAME

10. USER TEST
총 3번의 사용성 테스트를 거치면서 디자인과 기능을 계속 수정했다
1차 디자인 2차 디자인 3차 디자인

11. APP ELEMENT
Typography
English
Korean
Color
Primary
Secondary
Basic
Roboto
Roboto medium
Roboto light
Roboto bold
나눔스퀘어
나눔스퀘어 extra bold
나눔스퀘어 bold
나눔스퀘어 regular
나눔스퀘어 light
# FE8BAD
# 51F0BE
# FD588C # FA2A72
#A5A5A5#CCCCCC #595959

12. APP ELEMENT
Icons
11

13. APP ELEMENT
Logo Icon
FINGERTIP HOUSE
손 끝을 뜻하는 ‘fingertip’과 정보를 뜻하는‘tip’ 두가지 의미를 가지고 있습니다.
손끝으로 쉽게 인테리어 하는 팁을 알려주겠다는 의미를 가진 로고입니다.
FINGERTIP HOUSE의 앞 글자인 ‘F’를 따와 방의 형태를 단순화시킨
형태와 안에 넣어 저희의 아이덴티티를 표현했습니다
F

14. 3D STYLE
모델링 후 무늬를 맵핑해 부드러우면서도 현실감있는 3D 외형

15. APP STYLE
앱의 메인 기능이자 아이덴티티인 3D를 부각하는 인터페이스
앱의 기능을 소개하는 인트로 화면 홈화면 인테리어 공간

16. APP STYLE
인테리어 가구를 이용한 로딩화면 모달뷰

17. APP STYLE
집을 짓고 사는 동물들의 일러스트 사용 적용모습

18. MAIN FUNCTION
3D로 사용자의 방을 실제 크기 비율로 모델링 AR 맵핑으로 사용자의 방을 실제처럼 구현
AR 물체 감지 기술을 이용해 기존 가구를 삭제하고 시작할 수 있음

19. MAIN FUNCTION
예시 인테리어의 가구들을 가져와 자신의 공간에 인테리어 가능

20. MAIN FUNCTION
손가락으로 회전, 확대가능한 나의 인테리어 공간

21. MAIN FUNCTION
실제 판매 가구를 자유롭게 배치, 회전, 이동하며 인테리어

22. SUB FUNCTION
제품의 디테일한 정보 제공(색상, 재질)
해당제품 판매사이트로 바로 연결

23. SUB FUNCTION
자신의 취향대로 가구를 쇼핑할 수 있는 인테리어 필터 기능

24. SUB FUNCTION
설정한 예산대로 가구를 담을 때마다 채워지는 가격 그래프

25. SUB FUNCTION
맘에드는 샘플룸의 가구 한번에 가져오기 인테리어에 사용된 가구 한번에 장바구니에 담기

26. SUB FUNCTION
다른 사이트의 가구들 앱 내에서 한번에 결제

27. ALL SCREENSALL SCREENS

28. Thank you for watching
F