[한국의sns 컨퍼런스]n스크린 기반 스마트ux

SK컴즈 세미나

고광일

우송대학교 방송시스템학부스마트TV방송전공

나의 앞머리가 무성한 이유는사람들이 나를 보았을 때 쉽게 붙잡을 수 있게 하기 위함이고,

뒷머리가 대머리인 이유는내가 지나가고 나면 다시는 나를 붙잡지

못하도록 하기 위함이며,

발에 날개가 달린 이유는그들 앞에서 최대한 빨리 사라지기 위해서이다.

나의 이름은…

기회이니라

스마트TV의 성공적비행에 대한 이야기..

스마트TV = Connected TV + 앱스토어

스마트TV 앱

기존 강자 앞에 죽으러 갈 것인가?

강하게 한번 붙자~

키워드는 감성!!

할머니가 스마트TV를 만났을 때…

감성 자극의 지존, 게임은 혹시?

감성 자극의 도가 지나치네…

마리오의 아버지 시게루 칼을 뽑다!

TV 앞의 새로운 세상

TV 콘텐츠의 새로운 가능성

아~ UI/UX

UI/UX가 일등공신인데…

이것으로 도대체 무엇을 하란 말인가?

나름 노력했어요~

+

스마트폰의 가치

+ +

| |

스마트폰의 활용 - 리모트앱

스마트TV의 성공적 비행을 위해서…

UI/UX의발전

사용자확보

생태계형성

감성적콘텐츠

개발, 활성

UI/UX의 이해

UI/UX

플랫폼

UI/UX는 플랫폼이다!

콘텐츠

UI/UX

UI/UX는 콘텐츠다!

호리병에 담긴 자장면은 자장면일까?

자장면 = 면+그릇+나무 젓가락+단무지..

UI/UX를 콘텐츠 개발자 손에…

스마트한UI/UX 개발 환경

스마트 UX(sMartUX)

sMartUX란?

sMartUX =

스마트TV 앱 UX 개발 패러다임+

스마트TV 앱 개발 환경

UX 개발 패러다임

UX 품질 향상앱 개발자와소비자의편의 향상

UX 개발 패러다임

스마트폰과 연동

스마트폰 기능의 최대한 이용

앱 개발자의 UX 개발에 편의 제공

소비자의 앱 이용에 편의 제공

기본 원리

스마트폰과의 연동

스마트TV

스마트TV 앱

스마트폰

스마트TV

앱 UI

통신 세션

데이터 데이터 데이터

UX 설계에 스마트폰 기능의 최대 활용

자이로센싱

중력센싱

터치센싱

UI 그래픽

UI Scene 전환

UI 애니메이션

스마트폰

스마트TV

앱 UI

앱사용자

스마트T

V

앱

스마트폰 상의 UI 설계

모드 1

모드 2

센싱데이터

그래픽

애니메이션

장면1-1

센싱데이터

그래픽

애니메이션

장면1-2

센싱데이터

그래픽

애니메이션

장면2-1

센싱데이터

그래픽

애니메이션

장면2-2

초기 설정 모드(차량 선택, 코스 선택 등)

레이싱 모드

터치 센싱데이터

메뉴, 차량이미지 등

메뉴 깜박거림,

차량 회전 등

장면1-1

자이로 센싱, 터치 센싱 데이터

속도계, 알람 등

속도계 바늘움직임 등

장면2-1

앱 개발자의 UX 개발에 편의 제공

난 사용자가 어떤 스마트폰을 사용하는지 관심 없어요~

전, 제 UI/UX에만 집중할래요..

나중에 스마트폰 쪽에서 알아서처리하도록 해주세요~

앱 개발자의 UX 개발에 편의 제공

스마트폰 A

스마트폰 B

스마트폰 C

추상적 스마트폰

센싱 데이터, 그래픽,

애니메이션API

메타데이터작성 언어

언어문법

언어의미

스마트T

V

앱개발자

Completeness

Soundness

앱 개발자의 UX 개발에 편의 제공

스마트TV 앱 유통도 신경쓰고~

스마트폰에 UI 앱 유통도 신경쓰긴 싫어요~

스마트TV앱 유통으로 한번에될 순 없을까요?

스마트TV

스마트TV 앱

스마트폰 UI

(메타데이터)

스마트폰

스마트TV 앱 UI

UI 실행 엔진

스마트폰 UI

(메타데이터)

통신 세션

앱 개발자의 UX 개발에 편의 제공

스마트TV 앱

스마트폰 UI

(메타데이터)

스마트TV 앱유통 시스템

새로운 스마트TV 앱 사용할때마다 스마트폰 앱 마켓에

접속해서 UI 받기귀찮아요~

소비자의 앱 이용에 편의 제공

친구가 짜증내고있어요..ㅡ.ㅡ

소비자의 앱 이용에 편의 제공

스마트TV

스마트TV 앱 A

스마트폰 UI-A

(메타데이터)

스마트TV 앱 B

스마트폰 UI-B

(메타데이터)

스마트TV 앱 C

스마트폰 UI-C

(메타데이터)

스마트폰-1 UI for 스마트TV 앱 A

UI 실행 엔진

UI for 스마트TV 앱 B

UI for 스마트TV 앱 C

스마트폰-2

UI 실행 엔진

스 사마 용트 자폰1

스 사마 용트 자폰2

앱 운용 동적 모델 (시나리오)

스마트TV

스마트TV 앱

스마트폰 UI

(메타데이터)

스마트폰

4. (7.) 스마트TV

앱 UI (재)구현

UI 실행 엔진

스마트폰 UI

(메타데이터)

스마트TV 앱유통 시스템

1. 앱 다운로드

2. 통신 세션 형성

3. UI 메타데이터 전송

5. 센싱 데이터 전송 (앱 운용)

6. UI 변경 신호

스마트TV 앱 구조

스마트TV에서운용될 프로그램

모듈

스마트폰과의통신 관리 모듈

스마트폰의 UI관리 모듈

UI 메타데이터전송 관리 모듈

스마트폰의 센싱데이터 처리

모듈

UI 메타데이터

스마트TV 앱

앱 개발 환경

스마트폰 상의sMartUX UI 실행 모듈

추상적 스마트폰 형상

추상적 스마트폰

센싱 데이터, 그래픽,

애니메이션API

메타데이터작성 언어

언어문법

언어의미

Completeness

Soundness

추상적 스마트폰의 기능

스마트TV 앱과 통신 세션 형성

UI 메타데이터 해석 및 UI 구현

스마트TV 앱이 요구하는 센싱데이터 전송

스마트TV 앱의 모드에 따라 UI

재 구현

sMartUX UI 실행 모듈의 구조

메타데이터 해석모듈

sMartUX UI 실행 모듈

스마트폰 운영체제

스마트폰 추상화 레이어

스마트폰TV 앱과의 통신 세션 관리 모듈

UI 구현 모듈 UI 전환 관리 모듈

UI 관련 API & 메타데이터 문법/의미

UI 장면1

UI 장면2

UI 장면3

UI 장면N

결론…

sMartUX는 범용적인 UX 플랫폼…

PC 플랫폼과 스마트폰으로 프로토타입 개발 중…

험난한 세상에 등대가 되어…

감사합니다.