Smart TV UX/UI Insight

2014.11

성균관대학교 일반대학원 휴먼ICT융합학과 교수 (산학협력중점)/ HEDcentric UX미래융합전략연구소 연구소장

최병호/ [email protected]

Research Data: http://www.slideshare.net/BillyChoi/Twitter/Facebook: ILOVEHCI

휴먼ICT융합 blog: http://humanictconvergence.blogspot.kr/UX미래융합전략연구소 blog: http://blog.naver.com/soularchitec

© 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/HEDCENTRIC UX미래융합전략연구소 소장 최병호 All rights reserved.

UX/UI & Smart TV Insight

Table of Contents

• 세상이 원하는 UX/UI에 도전해보자!

• 스마트TV의 UX/UI, 무엇을 통찰해야 하는가?

• UX/UI, 우리에게 시사하는 것이 무엇인가?

1

스마트 세탁기를 만들었는데 좀…

개발을 하긴 했는데 소비자에게어떤 가치를 줄 지…

소비자를 위한 방향성을 수립해야할 듯 합니다.

이를 위해서 스마트 세탁기 UX/UI 평가 지표와 사용자 조사를 해주십시오. 이 외에도 스마트냉장고, 스마트 청소기 등…

http://j.mp/104pu1l http://j.mp/10wDkE3

1. 버스에서 tagging하는습관처럼 집안에서 새로운습관을 형성할 수 있는 제반ecosystem은 무엇인가?

2. 유저가 세탁하는 기분 상태를좀 더 긍정적으로 변화시킬 수있는가?

3. 근본적으로 가지고 있는세탁기의 문제점을 해결할 수있는가?

4. NFC 기능은 커뮤니케이션가치인가?

스마트 TV의 미래에 대한 걱정이큽니다.

방향성을 제시해 주십시오. 그리고UX/UI 원칙을 만들어 주십시오.

http://blog.naver.com/PostView.nhn?blogId=gtcu&logNo=110106554187&categoryNo=51&viewDate=&currentPage=1&listtype=0

http://j.mp/1094h1w http://j.mp/10wEwaq http://blog.handstudio.net/1298

http://youtu.be/re1EatGRV0w

IllumiRoom Projects Images Beyond Your TV for an Immersive Gaming Experience

http://youtu.be/pAC5SeNH8jw

My 90 year old grandmother tries the Oculus Rift.

1. TV를 기술적으로 스마트하게하는 것보다 TV를 보는 경험을스마트하게 방향이 필요하다!

2. 사람들이 집에서 하는행태에서 핵심적인 심리요소를 찾아라!

3. Second screen

4. Gesture Tech. & Gesture UX

5. Voice Solution & SIRI UX

사용자는 리모컨의 어떤 부위를 쥘 것인가?

리모컨을 잡은 위치에서 이동하지 않고주요한 태스크를 수행할 수 있는가?

사용자의 멘탈모델과 리모컨의 버튼 위치는매핑이 잘 되어 있는가?

매직 리모컨의 동작방식에서 일관성이떨어진다면 계속해서 사용할 수 있는가?

매직 리모컨의 커서가 갑자기 사라지거나늦게 나타난다면?

매직 리모컨의 커서를 제어하기 힘들어포인팅이 힘들다면?

스크린에서 지칭하는 버튼 명칭은왜 다른가?

스크린에서 지칭하는 버튼은어디에 있는가?

셋탑박스 리모컨은 무슨 의미인가?

리모컨과 음성 명령

리모컨과 동작인식

스크린 입력 스타일의 일관성과디폴트 스타일은?

스크린 입력 시 원하는 데로입력이 안 된다면?

프로세스는 왜 단절되었는가?

TV에서 처리하지 못하고왜 PC로 가야 하는가?

이메일 인증 방법 외좀 더 TV스러운 방식은 없는가?

프로세스는 왜 단절되었는가?

왜 이중 설정을 해야 하는가?

외부입력을 왜 사용자가 선택해야 하는가?

TV에서 앱은 또다른 채널인가?

앱은 왜 채널처럼 쉽게 접근이 안 되는가?

앱스토어의 메뉴 위치는 적정한가?

아이들을 위해서 유용한 앱을 쉽게 검색또는 추천 받을 수 있는 방법은?

TV 채널처럼 아이를 위한 앱의 접근을쉽게 만들려면?

아이가 직접 쉽게 접근할 수 있는아이들 앱은?

TV에서 검색이란?

나의 검색 패턴은 왜 녹여지지 않는가?

내가 가지고 있는 자원을 쉽게 검색할 수있는 방법은 무엇인가?

TV에서 지도란?

TV에서 인터넷이란?

TV에서 라디오란?

유료이면, 처음부터 말을 해야지!

쇼셜TV의 가치는?

쇼셜TV에서 TV 데이터 저장은?

쇼셜TV에서 정보 공유와 몰입성은?



I. 설정II. 스마트III. 프로세스IV. 핵심 키워드

Table of Contents

76



I. 설정1. 선택(또는 확인) 행위의 PUI 지원2. 선택(또는 설정) 행위의 UI 지원3. 약관 동의

Table of Contents

77



UX/UI 가이드

• 선택(또는 확인) 행위의 지원을 위한 PUI 가이드라인은 아래와 같음

80

가이드 영역 UX/UI 가이드

Remotecontroller

1. 선택(또는 확인) 행위를 직관적으로 유도할 수 있는(affordance) form factor(PUI)를 제공해야 함




Table of Contents

81



UX/UI 가이드

• 선택(또는 설정) 행위의 지원 관련 UX/UI 가이드라인은 아래와 같음

85


Remotecontroller


지역 설정,통합 리모컨 설정

2. (지역 또는 통합 리모컨) 설정을 수행할 수 있는 단서(affordance)를 제공해야 함3. 옵션이 한 개인 경우, 자동 선택되어 불필요한 행위를 유도하지 않아야 함



UX/UI 가이드


94


Remotecontroller




외부입력 목록,간편설정

4. 선택할 수 없는 옵션은 접근을 차단해야 함5. 선택할 수 없는 옵션을 불가피하게 접근 차단을 못할 경우, 반드시 대안을 제공해야 함 (예:

간편설정의 TV 메뉴 선택)



UX/UI 가이드


97


Remotecontroller







심플링크 설정,타임머신

6. 서비스 명칭은 쉽게 추정이 가능한 레이블링(labeling)을 추구해야 함 (예: 심플링크)7. 문장 구성 시 전문적인 용어를 최대한 자제해야 하며, 불가피하게 사용할 경우 쉬운 용어를 병행

활용해야 함 (예: HDMI) 8. 문장 구성 시 사용자의 독해 수준(예: 고등학교 졸업)과 사용 맥락(예: IPTV와 USB 연결)에 맞게

작성해야 함9. 2개 이상의 옵션을 연계하여 제공할 경우, 최대한 맥락에 맞고, 쉽게 이해할 수 있도록 구성해야 함

(예: 자동 전원)




Table of Contents

98



UX/UI 가이드

• 약관 동의 관련 UX/UI 가이드라인은 아래와 같음

109


Remotecontroller







심플링크 설정,타임머신

6. 서비스 명칭은 쉽게 추정이 가능한 레이블링(labeling)을 추구해야 함 (예: 심플링크)7. 문장 구성 시 전문적인 용어를 최대한 자제해야 하며, 불가피하게 사용할 경우 쉬운 용어를 병행

활용해야 함 (예: HDMI) 8. 문장 구성 시 사용자의 독해 수준(예: 고등학교 졸업)과 사용 맥락(예: IPTV와 USB 연결)에 맞게

작성해야 함9. 2개 이상의 옵션을 연계하여 제공할 경우, 최대한 맥락에 맞고, 쉽게 이해할 수 있도록 구성해야 함

(예: 자동 전원)

약관 동의10. 서비스를 경험하기 전에 약관 동의부터 강요하지 말고, 최소한의 서비스 가치를 경험하게 한

이후에 약관 동의를 유도하여도 늦지 않음11. 약관 동의 이후 서비스 접근 프로세스가 용이하도록 구성해야 함 (예) 타임머신



II. 스마트1. 스마트의 정의 및 역할

Table of Contents

110



UX/UI 가이드

• ‘스마트’의 정의 및 역할 관련 UX/UI 가이드라인은 아래와 같음

114


스마트 정의

1. TV에서 ‘스마트’의 정의는 피로사회(또는 과로사회)에서 심하게 지친 사용자의 심신을 위로할 수있도록 ‘취향에 최적화된 다양한 영상의 접근권 강화’일 필요가 있음. 이것은 Home이라는 강력한프레임과 소파라는 lean back의 유도체를 극복하려는 방향이 아니라 적극적으로 수용하는 방향을추구해야 한다는 의미임

스마트 역할2. 스마트 정의에 적정하게 부흥하기 위해서는 LGE의 스마트 UI보다 삼성전자의 스마트허브 UI의

방향이 바람직함. 간략하게 비유하면, LGE의 스마트 UI는 다양한 품목을 판매하는 백화점과유사하고, 삼성전자의 스마트 허브 UI는 흥미로운 영화와 비디오를 판매하는 복합영화관과 흡사함

Remotecontroller

3. 스마트 콘셉트를 제대로 반영하기 위해서는 PUI의 ‘스마트’ 명칭을 변경할 필요가 있음



UX/UI 가이드

• ‘스마트’의 정의 및 역할 관련 UX/UI 가이드라인은 아래와 같음

118


스마트 정의

1. TV에서 ‘스마트’의 정의는 피로사회(또는 과로사회)에서 심하게 지친 사용자의 심신을 위로할 수있도록 ‘취향에 최적화된 다양한 영상의 접근권 강화’일 필요가 있음. 이것은 Home이라는 강력한프레임과 소파라는 lean back의 유도체를 극복하려는 방향이 아니라 적극적으로 수용하는 방향을추구해야 한다는 의미임

스마트 역할2. 스마트 정의에 적정하게 부흥하기 위해서는 LGE의 스마트 UI보다 삼성전자의 스마트허브 UI의

방향이 바람직함. 간략하게 비유하면, LGE의 스마트 UI는 다양한 품목을 판매하는 백화점과유사하고, 삼성전자의 스마트 허브 UI는 흥미로운 영화와 비디오를 판매하는 복합영화관과 흡사함

Remotecontroller

3. 스마트 콘셉트를 제대로 반영하기 위해서는 PUI의 ‘스마트’ 명칭을 변경할 필요가 있음

스마트 기능,스마트 앱

4. 스마트 기능을 선택하거나 앱 관련 행위를 할 때에도 거의 예외 없이 현재 보고 있는 영상은 볼 수있도록 제공할 필요가 있음 (예: 웹브라우저 로딩 시 영상 열람, 나우온 동작 시 영상 열람)



III. 프로세스1. 타임머신2. 앱

Table of Contents

119



UX/UI 가이드

• 프로세스 관련 UX/UI 가이드라인은 아래와 같음

130


타임머신

1. 옵션 설정 등 특정한 태스크를 수행한 후에 언제든지 원래 메뉴 상태에서 다시 시작할 수 있도록지원을 해야 함. 현재는 약 6초 미만 동안만 원래 메뉴 상태를 유지하고 사라짐. 이러한 시간 제약정책은 사용자에게 특별한 가치를 제공하지 못하고 있음

2. 연계된 서비스가 있을 경우, 관련하여 설명 또는 안내가 필요함 (예: 녹화목록과 스마트 쉐어)



III. 프로세스1. 타임머신2. 앱

Table of Contents

131



UX/UI 가이드

• 프로세스 관련 UX/UI 가이드라인은 아래와 같음

137


타임머신

1. 옵션 설정 등 특정한 태스크를 수행한 후에 언제든지 원래 메뉴 상태에서 다시 시작할 수 있도록지원을 해야 함. 현재는 약 6초 미만 동안만 원래 메뉴 상태를 유지하고 사라짐. 이러한 시간 제약정책은 사용자에게 특별한 가치를 제공하지 못하고 있음

2. 연계된 서비스가 있을 경우, 관련하여 설명 또는 안내가 필요함 (예: 녹화목록과 스마트 쉐어)

앱

3. 설치(또는 실행) 버튼은 다른 요소와 분리시키고, 부각시켜서 쉽게 접근할 수 있도록 해야 함4. 다운로드 과정은 명료하게 인식할 수 있도록 제공해야 함. 또한 완료 이후 바로 실행할 수 있도록

유도도 필요함5. 버튼 실행 시 잘못된(또는 이해하기 힘든) 메시지를 제공하지 않아야 함 (예: 평가하기)



1. LGE Smart TV의 UX전략 방향성2. Seamless Process UX 전략3. Consumptive UI 전략4. Rebirth Personalization UX 전략5. Social TV 2.0 UX 전략6. Others

Table of Contents

139



1. LGE Smart TV의 UX전략 방향성

• LGE Smart TV의 UX전략 방향성은 new framing과 social products로 고찰해 볼 수있음

140

Our Dream Our UX Strategy

Social Products: 가족의 문제를 해결하는사회적 공기로의 역할 자리매김 (예) 3포세대(취업, 결혼, 출산) 등

New Framing: ‘집’이라는 프레임을인정하고, 새로운 프레임 제시 필요



1. LGE Smart TV의 UX전략 방향성(계속)

• LGE Smart TV의 UX전략 방향성은 new framing과 social products로 고찰해 볼 수있음

141

Seamless

Process UX 전략

Consumptive

UI 전략

Others

Rebirth

Personalization

UX 전략

Social TV 2.0 UX

전략



2. Seamless Process

• Seamless Process UX전략은 논리적인 데이터 흐름이 아닌 사용자가 기대하는 단절없고 자연스러운 사용 흐름으로 개선하는 것임. 대상은 TV 스크린과 N 스크린임

142

TV 스크린 내 프로세스 예: 회원가입



2. Seamless Process


143

TV 스크린 내 프로세스 예: 채널 설정



2. Seamless Process


144

TV 스크린 내 프로세스 예: 셋업박스 세팅



2. Seamless Process


145

TV 스크린 내 프로세스 예: 채널목록 보기



2. Seamless Process


146

TV 스크린 내 프로세스 예: 심플링크 켜기



2. Seamless Process(계속)


147

TV 스크린 내 프로세스 예: 옵션 선택



2. Seamless Process(계속)


148

N 스크린 프로세스 예



3. Consumptive UI

• 소비성 UI 전략은 공부해야 하고 정교하게 작업해야 하는 생산성 UI가 아니라 소비성UI를 추구하는 것임

149

NO S/W, YES Content

NO Download, YES Watching

NO Dual Interfaces, YES ONE

NO Arbitrary, YES Consistency



3. Consumptive UI(계속)


150

NO S/W, YES Content

영상물을 편하게 '소비'하는 행동패턴에서 S/W를 '사용'해야 하는 행동패턴으로의 전환 어려움.

이유는 새로운 패턴을 창조해야 할'동기' 부족과 TV스럽지 않는앱스토어와 앱 UI 때문

(예) 킬러앱 발굴과 앱스토어 및 앱UI를 영상물 콘셉트로 전환 검토 필요





151

NO Download, YES Watching

채널을 전환하면 '바로 소비'할 수 있는경험에서 S/W를 '다운로드‘ 요청하고'기다려야‘하는 경험은 특별한 가치를제공하지 않으므로 '다운로드 경험' 제거 검토 필요





152

NO Dual Interfaces, YES ONE

제조사의 UI와 콘텐츠 제공사의 UI가상이하고, UI 간 주도권 경쟁으로비협력적인 상황을 유발하여 사용품질저하

(예) 포인터 UI의 일관성 문제





153

NO Arbitrary, YES Consistency

동일 또는 유사목적의인터페이스는개별적인 스타일이아닌 일관성 유지필요

(예) 스크린 입력기일관성



4. Rebirth Personalization

• Rebirth Personalization UX 전략은 TV 행동 패턴에 어울리지 않는 로그인이나편성표의 도식적인 이식이 아닌 TV가 사용자를 먼저 인식하고 원하는 콘텐츠 제공를추구하는 것임

154

NO Login, YES Naturally

NO TV Guide, YES Preference

NO Search, YES Curation

NO ab initio, YES Remember



4. Rebirth Personalization(계속)


155

NO Login, YES Naturally

RCU로로그인(인증)하는것은 TV의 멘탈에부합하지 않으므로, 자동 로그인 추구검토 필요

(예) 휴대폰 자동인식으로인증(로그인) 처리 Keycard: A neat little Mac app that secures your computer by

detecting the proximity of your mobile device





156

NO TV Guide, YES Preference

편성표의 온라인버전은 편성표가제공하는 가치보다어떤 면에서는 적을수 있으므로, 편성표의 가치와실시간적으로 시청취향에 적합한콘텐츠 추천 필요





157

NO Search, YES Curation

수동적으로 TV와연결된 자원을힘들게 검색하는것이 아니라시청/검색 행동패턴에 적정하게자원을 자동으로수집하여 제시 필요

http://paper.li/ILOVEHCI/1358006838





158

NO ab initio, YES Remember

앱이나 콘텐츠 접근시 늘 처음부터시작하는 것이아니라 기존의 경험지점부터 시작 필요



5. Social TV 2.0

• Social TV 2.0 UX 전략은 소셜 앱을 TV와 단순히 연결하는 Social TV 1.0에서WSCCC(시청, 공유,소통, 변화, 창조)하는 Social TV 2.0를 추구하는 것임

159

NO Social App, YES TV Socialization

NO BOX, YES Big Box

NO Self, YES 36 Seconds

NO Alliances, YES Systems



5. Social TV 2.0(계속)


160

NO Social App, YES TV Socialization

특정한 소셜 앱으로접근하는 것이아니라 항시TV에서 시청하는모든 콘텐츠에즉각적으로 접근검토 필요





161

NO BOX, YES Big Box

소셜 정보를시청하는 TV 안이아니라 TV가배치된 공간에서접근 검토 필요

IllumiRoom is a proof-of-concept Microsoft Research project designed to push the boundary of living room immersive entertainment by blending our virtual and physical worlds with projected visualizations.





162

NO Self, YES 36 Seconds

시청하는 콘텐츠일부를 수동으로캡처해서 SNS에공유하는 것이아니라 원하는콘텐츠 장면이전부터 이후까지총 36초 동안을자동으로 저장되어SNS에 공유 처리검토 필요

http://www.keek.com/ilovehci





163

NO Alliances, YES Systems

SNS와의 전략적제휴 기반 위에직접 동영상 SNS 운용 및 새로운비디오 디바이스개발로 새로운마켓플레이스 창조검토 필요

(예) Keek.com, Smart glasses, 29초 영화제,15초CF



5. Others

• 기타 검토해야 할 UX 전략임

164

App Store & Shopping Mall RCU



5. Others(계속)


165

Gesture Design Talking TV



5. Others(계속)


166

Face tracking & Feeling TV Service Ecosystem & SNS

Facedeals -Check-In with Your Face

Ibis Sleep Art

First Warning Systems BSE Bra

Mind Lamp



5. Others(계속)


167

Detailed Strategies for Our Dream Smart TV & 사회 기여

저는 꿈을 꿉니다 스마트TV로 가족의 행복을견인할 수 있다는 꿈. 스마트TV는 반드시 사회적 제품이어야 한다는 꿈을. "내 인생을 돌려줘"라고 외치는 사람에게 스마트TV는 길을열어주는 친구이길 꿈꿉니다

스마트TV로 삶을 변화시키는 첫 걸음은 자기인식, 자기평가, 자기긍정이다.

삶의 정체성, 자존감, 이웃과 더불어 살기 위한 소통이 녹아든 스마트TV를 미친 놈처럼 꿈꿉니다

UX전략은 고유의 색깔을 정의하는 것입니다.

Tree Planet의 BM

(예) 제스처와기부

(출처: http://slidesha.re/1sp6mrT)

(이미지 출처: UX South Africa 2014 - Keynote/ http://slidesha.re/1tr7rSk )

가슴 뛰는 가치를 정의하는 것이 vision이죠.

그 비전을 남들이 아무리 노력해도 베낄 수 없도록대체와 모방이 불가능한 독보적인 방법을 규정하는 것이 strategy이죠.

고객이 기대하는 그러나 그 이상의 놀라움을 포장하여 제공할 수 있는 선물을 고르는 것이proposition이죠.

그 선물을 누구라도 이해할 수 있는 스토리텔링이라는 옷을 입히고 끄덕끄덕 거리는 것이 concept이죠.

고객에게 가장 실체화될 수 있는 concept을 직접적으로 보여주는 것이 information이죠.

그 information을 고객의 멘탈모델과 태스크모델에부합되도록 조직화하고 구조화하는 것이 structure이죠.

고객의 목적을 달성할 수 있도록 눈에 보이지 않는usage process을 설계하는 것이 interaction이죠.

보자마자 숨이 멈출 것 같은 총체적인 감성을 제공하는 것이 appearance이죠.

이 모든 것이 동작되도록 기술력을 투영하는 것이front-end이죠.

지금까지 순차적으로 언급했던 핵심 단어는 상위가치로부터 상세 가치까지 이어지는 일련의 흐름을 가지고 있다는 것을 잊지 않으면 위대한 작품을만드는데 기여할 것이죠.^^

(출처: http://www.uie.com/articles/ux_strategy_blueprint/ )

(이미지 출처: http://slidesha.re/1qosi1H )

Martin Granstrom의 UX전략 프레임워크

(이미지 출처: The ux of user experience/ http://slidesha.re/1qolLUN )



Zero Effort UI/UX Strategic Framework

Zero Effort UI/UX Strategy

Law of conservation of

complexity

I.C=0%, S.C=100%

사용자 인터페이스의복잡성(Interface Complexity), 시스템의복잡성(System Complexity)

복잡성 보존의 법칙

CLI

GUI

NUI

NEST-like UI(Deep UI)

Interface Complexity

System Complexity

0% 0%100%

http://youtu.be/L8TkhHgkBsg

182

“인지/시각/운동부하와 인터페이스복잡성을 혁신적으로줄이고, F패턴에부흥하며, 높은사용품질을내재화하는 것”

by Billy Choi(@ILOVEHCI)



Zero Effort UI/UX Strategic Framework(continue)

Zero Effort UI/UX Strategy Quality in Use

I=100%, L=0%,Ef=

M=0%, Er=0%S=100%

Intuitive design, ease of Learning, Efficiency of use, Memorability, Error frequency and severity, subjective Satisfaction

사용품질

• Intuitive design: a nearly effortless understanding of the architecture and navigation of the site

• Ease of learning: how fast a user who has never seen the user interface before can accomplish basic tasks

• Efficiency of use: How fast an experienced user can accomplish tasks

• Memorability: after visiting the site, if a user can remember enough to use it effectively in future visits

• Error frequency and severity: how often users make errors while using the system, how serious the errors are, and how users recover from the errors

• Subjective satisfaction: If the user likes using the systemhttp://www.designresourcebox.com/why-usability-is-the-most-important-aspect-of-designing-a-site/

183

“인지/시각/운동부하와 인터페이스복잡성을 혁신적으로줄이고, F패턴에부흥하며, 높은사용품질을내재화하는 것”




ZEC UI Strategic Framework

ZEC* UI/UX Strategy(*ZEC=Zero Effort & Connected(IoT/IoE))

UIConnected Shortcuts &

Defaults

Thing to Service

Internet

Internet

Things

Things

Services

Services

Shortcuts Defaults

Connecting

Physical Shortcuts

Invisible Shortcuts

• Amazon Dash

• iBeacon

http://youtu.be/JLOzF0Y4Mqw

Internet

ThingsServices

Logical Shortcuts

• Nymi

Thingshttp://youtu.be/c3h0eKGfUfI

http://youtu.be/jUO7Qnmc8vE

• Smart Glasses상품 내비게이터, 상품 정보 열람, 카트 정보, 쇼핑목록 관리, 즉시결제

184

http://youtu.be/xnIoGzur0h4

“기본적인 사용성과커넥티드 기반의사용성을 충족하면서현실에서 제공하지못하는 차별화된가치와 생태계를디자인하여 구매자의숨은 니즈에부합하는 것”




ZEC UI Strategic Framework(continue)


UI Connected FFA

• Feedback• Feedforward• perceived

Affordances

HCI Quick Guide (Emanuel Fernandes, May 2010)

185





ZEC UI Strategic Framework(continue)


UI Connected FFA DAG

• Feedback• Feedforward• perceived

Affordances

• 도파민 시스템(the Dopamine seeking system)

• 무의식 선택적주의(unconscious selective Attention)

• 목표 가속화효과 (Goal-gradient effect)

자신의 이름, 움직이는 모든 것, 우리를 쳐다보고 있는 사람 얼굴 그림, 음식/섹스/위험 그림, 이야기, 큰 소음

100 Things Every Designer Needs to Know About People, (Susan M. Weinschenk, 2011)

186





BJ Fogg's Behavior Model(FBM)

187



The Overview of ZEC(Zero Effort & Connected) UI/UX Strategy 1.0a

188

Man MachineInterface

Human Computer

Interface based context

H CInteraction

based context

Info. Architecture based context

H CInteraction

based context


HInteraction

based context


HGroup

Society

CContent

Service

Interaction based context


HGS



H based embodied cognition

GS

CCSConnected Thing

Culture-(eco)System

Company



H based embodied cognition

GS



HCI

1.0

HCI

2.0!

HCI

3.0?

UI

UX 0

.0U

X 1

.0!

UX 2

.0?

Zer

o E

ffort

U

I/U

X S

trat

egy

ZEC

UI/

UX S

trat

egy

경청해주셔서고맙습니다!

Smart TV UX/UI Insight

Design

Transcript of Smart TV UX/UI Insight