Smart TV UX/UI Insight

2014.11
성균관대학교 일반대학원 휴먼ICT융합학과 교수 (산학협력중점)/
HEDcentric UX미래융합전략연구소 연구소장
최병호/ BillyChoi@Gmail.com
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.
Table of Contents
• 세상이 원하는 UX/UI에 도전해보자!
• 스마트TV의 UX/UI, 무엇을 통찰해야 하는가?
• UX/UI, 우리에게 시사하는 것이 무엇인가?
UX/UI & Smart TV Insight
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

IllumiRoom Projects Images Beyond Your TV for an Immersive Gaming Experience
http://youtu.be/re1EatGRV0w

My 90 year old grandmother tries the Oculus Rift.
http://youtu.be/pAC5SeNH8jw

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에서 정보 공유와 몰입성은?

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

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

• 선택(또는 확인) 행위의 지원을 위한 PUI 가이드라인은 아래와 같음
Remote
controller 1. 선택(또는 확인) 행위를 직관적으로 유도할 수 있는(affordance) form factor(PUI)를 제공해야 함
가이드 영역 UX/UI 가이드
UX/UI 가이드
80

Table of Contents
I. 설정
3. 약관 동의
81

• 선택(또는 설정) 행위의 지원 관련 UX/UI 가이드라인은 아래와 같음
Remote
지역 설정,
통합 리모컨 설정
2. (지역 또는 통합 리모컨) 설정을 수행할 수 있는 단서(affordance)를 제공해야 함
3. 옵션이 한 개인 경우, 자동 선택되어 불필요한 행위를 유도하지 않아야 함
UX/UI 가이드
85

Remote
지역 설정,
UX/UI 가이드
94
외부입력 목록,
간편설정
4. 선택할 수 없는 옵션은 접근을 차단해야 함
5. 선택할 수 없는 옵션을 불가피하게 접근 차단을 못할 경우, 반드시 대안을 제공해야 함 (예:
간편설정의 TV 메뉴 선택)

Remote
지역 설정,
UX/UI 가이드
97
간편설정
심플링크 설정,
타임머신
6. 서비스 명칭은 쉽게 추정이 가능한 레이블링(labeling)을 추구해야 함 (예: 심플링크)
7. 문장 구성 시 전문적인 용어를 최대한 자제해야 하며, 불가피하게 사용할 경우 쉬운 용어를 병행
활용해야 함 (예: HDMI)
8. 문장 구성 시 사용자의 독해 수준(예: 고등학교 졸업)과 사용 맥락(예: IPTV와 USB 연결)에 맞게
작성해야 함
9. 2개 이상의 옵션을 연계하여 제공할 경우, 최대한 맥락에 맞고, 쉽게 이해할 수 있도록 구성해야 함
(예: 자동 전원)

Table of Contents
I. 설정
3. 약관 동의
98

Remote
지역 설정,
UX/UI 가이드
• 약관 동의 관련 UX/UI 가이드라인은 아래와 같음
109
간편설정
심플링크 설정,
타임머신
6. 서비스 명칭은 쉽게 추정이 가능한 레이블링(labeling)을 추구해야 함 (예: 심플링크)
7. 문장 구성 시 전문적인 용어를 최대한 자제해야 하며, 불가피하게 사용할 경우 쉬운 용어를 병행
활용해야 함 (예: HDMI)
8. 문장 구성 시 사용자의 독해 수준(예: 고등학교 졸업)과 사용 맥락(예: IPTV와 USB 연결)에 맞게
작성해야 함
9. 2개 이상의 옵션을 연계하여 제공할 경우, 최대한 맥락에 맞고, 쉽게 이해할 수 있도록 구성해야 함
(예: 자동 전원)
약관 동의
10. 서비스를 경험하기 전에 약관 동의부터 강요하지 말고, 최소한의 서비스 가치를 경험하게 한
이후에 약관 동의를 유도하여도 늦지 않음
11. 약관 동의 이후 서비스 접근 프로세스가 용이하도록 구성해야 함 (예) 타임머신

Table of Contents
II. 스마트
1. 스마트의 정의 및 역할
110

• ‘스마트’의 정의 및 역할 관련 UX/UI 가이드라인은 아래와 같음
UX/UI 가이드
114
스마트 정의
1. TV에서 ‘스마트’의 정의는 피로사회(또는 과로사회)에서 심하게 지친 사용자의 심신을 위로할 수
있도록 ‘취향에 최적화된 다양한 영상의 접근권 강화’일 필요가 있음. 이것은 Home이라는 강력한
프레임과 소파라는 lean back의 유도체를 극복하려는 방향이 아니라 적극적으로 수용하는 방향을
추구해야 한다는 의미임
스마트 역할
2. 스마트 정의에 적정하게 부흥하기 위해서는 LGE의 스마트 UI보다 삼성전자의 스마트허브 UI의
방향이 바람직함. 간략하게 비유하면, LGE의 스마트 UI는 다양한 품목을 판매하는 백화점과
유사하고, 삼성전자의 스마트 허브 UI는 흥미로운 영화와 비디오를 판매하는 복합영화관과 흡사함
Remote
controller 3. 스마트 콘셉트를 제대로 반영하기 위해서는 PUI의 ‘스마트’ 명칭을 변경할 필요가 있음

• ‘스마트’의 정의 및 역할 관련 UX/UI 가이드라인은 아래와 같음
UX/UI 가이드
118
스마트 정의
1. TV에서 ‘스마트’의 정의는 피로사회(또는 과로사회)에서 심하게 지친 사용자의 심신을 위로할 수
있도록 ‘취향에 최적화된 다양한 영상의 접근권 강화’일 필요가 있음. 이것은 Home이라는 강력한
프레임과 소파라는 lean back의 유도체를 극복하려는 방향이 아니라 적극적으로 수용하는 방향을
추구해야 한다는 의미임
스마트 역할
2. 스마트 정의에 적정하게 부흥하기 위해서는 LGE의 스마트 UI보다 삼성전자의 스마트허브 UI의
방향이 바람직함. 간략하게 비유하면, LGE의 스마트 UI는 다양한 품목을 판매하는 백화점과
유사하고, 삼성전자의 스마트 허브 UI는 흥미로운 영화와 비디오를 판매하는 복합영화관과 흡사함
Remote
controller 3. 스마트 콘셉트를 제대로 반영하기 위해서는 PUI의 ‘스마트’ 명칭을 변경할 필요가 있음
스마트 기능,
스마트 앱
4. 스마트 기능을 선택하거나 앱 관련 행위를 할 때에도 거의 예외 없이 현재 보고 있는 영상은 볼 수
있도록 제공할 필요가 있음 (예: 웹브라우저 로딩 시 영상 열람, 나우온 동작 시 영상 열람)

Table of Contents
III. 프로세스
1. 타임머신
2. 앱
119

UX/UI 가이드
• 프로세스 관련 UX/UI 가이드라인은 아래와 같음
130
타임머신
1. 옵션 설정 등 특정한 태스크를 수행한 후에 언제든지 원래 메뉴 상태에서 다시 시작할 수 있도록
지원을 해야 함. 현재는 약 6초 미만 동안만 원래 메뉴 상태를 유지하고 사라짐. 이러한 시간 제약
정책은 사용자에게 특별한 가치를 제공하지 못하고 있음
2. 연계된 서비스가 있을 경우, 관련하여 설명 또는 안내가 필요함 (예: 녹화목록과 스마트 쉐어)

Table of Contents
III. 프로세스
1. 타임머신
2. 앱
131

UX/UI 가이드
• 프로세스 관련 UX/UI 가이드라인은 아래와 같음
137
타임머신
1. 옵션 설정 등 특정한 태스크를 수행한 후에 언제든지 원래 메뉴 상태에서 다시 시작할 수 있도록
지원을 해야 함. 현재는 약 6초 미만 동안만 원래 메뉴 상태를 유지하고 사라짐. 이러한 시간 제약
정책은 사용자에게 특별한 가치를 제공하지 못하고 있음
2. 연계된 서비스가 있을 경우, 관련하여 설명 또는 안내가 필요함 (예: 녹화목록과 스마트 쉐어)
앱
3. 설치(또는 실행) 버튼은 다른 요소와 분리시키고, 부각시켜서 쉽게 접근할 수 있도록 해야 함
4. 다운로드 과정은 명료하게 인식할 수 있도록 제공해야 함. 또한 완료 이후 바로 실행할 수 있도록
유도도 필요함
5. 버튼 실행 시 잘못된(또는 이해하기 힘든) 메시지를 제공하지 않아야 함 (예: 평가하기)

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

1. LGE Smart TV의 UX전략 방향성
• LGE Smart TV의 UX전략 방향성은 new framing과 social products로 고찰해 볼 수
있음
Our Dream Our UX Strategy
140
Social Products: 가족의 문제를 해결하는
사회적 공기로의 역할 자리매김 (예) 3포
세대(취업, 결혼, 출산) 등
New Framing: ‘집’이라는 프레임을
인정하고, 새로운 프레임 제시 필요

• LGE Smart TV의 UX전략 방향성은 new framing과 social products로 고찰해 볼 수
있음
1. LGE Smart TV의 UX전략 방향성(계속)
141
Seamless
Process UX 전략
Consumptive
UI 전략
Social TV 2.0 UX
Others
Rebirth
Personalization
UX 전략
전략

• Seamless Process UX전략은 논리적인 데이터 흐름이 아닌 사용자가 기대하는 단절
없고 자연스러운 사용 흐름으로 개선하는 것임. 대상은 TV 스크린과 N 스크린임
TV 스크린 내 프로세스 예: 회원가입
2. Seamless Process
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

2. Seamless Process(계속)
N 스크린 프로세스 예
148

• 소비성 UI 전략은 공부해야 하고 정교하게 작업해야 하는 생산성 UI가 아니라 소비성
UI를 추구하는 것임
3. Consumptive UI
149
NO S/W, YES Content
NO Download, YES Watching
NO Dual Interfaces, YES ONE
NO Arbitrary, YES Consistency

NO S/W, YES Content
3. Consumptive UI(계속)
150
영상물을 편하게 '소비'하는 행동
패턴에서 S/W를 '사용'해야 하는 행동
패턴으로의 전환 어려움.
이유는 새로운 패턴을 창조해야 할
'동기' 부족과 TV스럽지 않는
앱스토어와 앱 UI 때문
(예) 킬러앱 발굴과 앱스토어 및 앱
UI를 영상물 콘셉트로 전환 검토 필요

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

NO Dual Interfaces, YES ONE
152
제조사의 UI와 콘텐츠 제공사의 UI가
상이하고, UI 간 주도권 경쟁으로
비협력적인 상황을 유발하여 사용품질
저하
(예) 포인터 UI의 일관성 문제

NO Arbitrary, YES Consistency
153
동일 또는 유사
목적의
인터페이스는
개별적인 스타일이
아닌 일관성 유지
필요
(예) 스크린 입력기
일관성

• Rebirth Personalization UX 전략은 TV 행동 패턴에 어울리지 않는 로그인이나
편성표의 도식적인 이식이 아닌 TV가 사용자를 먼저 인식하고 원하는 콘텐츠 제공를
추구하는 것임
4. Rebirth Personalization
154
NO Login, YES Naturally
NO TV Guide, YES Preference
NO Search, YES Curation
NO ab initio, YES Remember

추구하는 것임
NO Login, YES Naturally
4. Rebirth Personalization(계속)
155
RCU로
로그인(인증)하는
것은 TV의 멘탈에
부합하지 않으므로,
자동 로그인 추구
검토 필요
(예) 휴대폰 자동
인식으로
인증(로그인) 처리 Keycard: A neat little Mac app that secures your computer by
detecting the proximity of your mobile device

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

추구하는 것임
NO Search, YES Curation
157
수동적으로 TV와
연결된 자원을
힘들게 검색하는
것이 아니라
시청/검색 행동
패턴에 적정하게
자원을 자동으로
수집하여 제시 필요
http://paper.li/ILOVEHCI/1358006838

추구하는 것임
NO ab initio, YES Remember
158
앱이나 콘텐츠 접근
시 늘 처음부터
시작하는 것이
아니라 기존의 경험
지점부터 시작 필요

• Social TV 2.0 UX 전략은 소셜 앱을 TV와 단순히 연결하는 Social TV 1.0에서
WSCCC(시청, 공유,소통, 변화, 창조)하는 Social TV 2.0를 추구하는 것임
NO Social App, YES TV Socialization
5. Social TV 2.0
159
NO BOX, YES Big Box
NO Self, YES 36 Seconds
NO Alliances, YES Systems

NO Social App, YES TV Socialization
5. Social TV 2.0(계속)
160
특정한 소셜 앱으로
접근하는 것이
아니라 항시
TV에서 시청하는
모든 콘텐츠에
즉각적으로 접근
검토 필요

NO BOX, YES Big Box
161
소셜 정보를
시청하는 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.

NO Self, YES 36 Seconds
162
시청하는 콘텐츠
일부를 수동으로
캡처해서 SNS에
공유하는 것이
아니라 원하는
콘텐츠 장면
이전부터 이후까지
총 36초 동안을
자동으로 저장되어
SNS에 공유 처리
검토 필요
http://www.keek.com/ilovehci

NO Alliances, YES Systems
163
SNS와의 전략적
제휴 기반 위에
직접 동영상 SNS
운용 및 새로운
비디오 디바이스
개발로 새로운
마켓플레이스 창조
검토 필요
(예) Keek.com,
Smart glasses,
29초 영화제,15초
CF

App Store & Shopping Mall RCU
5. Others
• 기타 검토해야 할 UX 전략임
164

Gesture Design Talking TV
5. Others(계속)
165

Face tracking & Feeling TV Service Ecosystem & SNS
5. Others(계속)
166
Facedeals -
Check-In with
Your Face
Ibis Sleep Art
First Warning Systems
BSE Bra
Mind Lamp

Detailed Strategies for Our Dream Smart TV & 사회 기여
5. Others(계속)
167
저는 꿈을 꿉니다 스마트TV로 가족의 행복을
견인할 수 있다는 꿈. 스마트TV는 반드시 사
회적 제품이어야 한다는 꿈을. "내 인생을 돌
려줘"라고 외치는 사람에게 스마트TV는 길을
열어주는 친구이길 꿈꿉니다
스마트TV로 삶을 변화시키는 첫 걸음은 자기
인식, 자기평가, 자기긍정이다.
삶의 정체성, 자존감, 이웃과 더불어 살기 위
한 소통이 녹아든 스마트TV를 미친 놈처럼 꿈
꿉니다
UX전략은 고유의 색깔을 정의하는 것입니다.
Tree
Planet의 BM
(예)
제스처와
기부

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

가슴 뛰는 가치를 정의하는 것이 vision이죠.
그 비전을 남들이 아무리 노력해도 베낄 수 없도록
대체와 모방이 불가능한 독보적인 방법을 규정하
는 것이 strategy이죠.
고객이 기대하는 그러나 그 이상의 놀라움을 포장
하여 제공할 수 있는 선물을 고르는 것이
proposition이죠.
그 선물을 누구라도 이해할 수 있는 스토리텔링이
라는 옷을 입히고 끄덕끄덕 거리는 것이 concept
이죠.
고객에게 가장 실체화될 수 있는 concept을 직접
적으로 보여주는 것이 information이죠.
그 information을 고객의 멘탈모델과 태스크모델에
부합되도록 조직화하고 구조화하는 것이 structure
이죠.
고객의 목적을 달성할 수 있도록 눈에 보이지 않는
usage process을 설계하는 것이 interaction이죠.
보자마자 숨이 멈출 것 같은 총체적인 감성을 제공
하는 것이 appearance이죠.
이 모든 것이 동작되도록 기술력을 투영하는 것이
front-end이죠.
지금까지 순차적으로 언급했던 핵심 단어는 상위
가치로부터 상세 가치까지 이어지는 일련의 흐름
을 가지고 있다는 것을 잊지 않으면 위대한 작품을
만드는데 기여할 것이죠.^^
(이미지 출처: UX South Africa 2014 - Keynote/ http://slidesha.re/1tr7rSk )

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

(이미지 출처: http://slidesha.re/1qosi1H )
Martin Granstrom의 UX전략 프레임워크

Martin Granstrom의 UX전략 프레임워크
(이미지 출처: http://slidesha.re/1qosi1H )

(이미지 출처: 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% 100% 0%
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
system
http://www.designresourcebox.com/why-usability-is-the-most-important-aspect-of-designing-a-site/
183
“인지/시각/운동
부하와 인터페이스
복잡성을 혁신적으로
줄이고, F패턴에
부흥하며, 높은
사용품질을
내재화하는 것”
by Billy Choi
(@ILOVEHCI)

http://youtu.be/JLOzF0Y4Mqw
Things
ZEC UI Strategic Framework
ZEC* UI/UX
Strategy
(*ZEC=Zero Effort &
Connected(IoT/IoE))
UI
Connected
Shortcuts &
Defaults
Thing to Service
Shortcuts Defaults
Internet
Internet
Things
Things
Services
Services
Connecting
Physical Shortcuts
Invisible Shortcuts
• Amazon Dash
• iBeacon
Internet
Things
Services
Logical Shortcuts
• Nymi
http://youtu.be/c3h0eKGfUfI
http://youtu.be/jUO7Qnmc8vE
• Smart Glasses
상품 내비게이터,
상품 정보 열람,
카트 정보, 쇼핑
목록 관리, 즉시
결제
184
http://youtu.be/xnIoGzur0h4
“기본적인 사용성과
커넥티드 기반의
사용성을 충족하면서
현실에서 제공하지
못하는 차별화된
가치와 생태계를
디자인하여 구매자의
숨은 니즈에
부합하는 것”
by Billy Choi
(@ILOVEHCI)

ZEC UI Strategic Framework(continue)
ZEC* UI/UX
Strategy
(*ZEC=Zero Effort &
Connected(IoT/IoE))
UI Connected
FFA
• Feedback
• Feedforward
• perceived
Affordances
HCI Quick Guide (Emanuel Fernandes, May 2010)
185
숨은 니즈에
부합하는 것”
by Billy Choi
(@ILOVEHCI)

ZEC UI Strategic Framework(continue)
ZEC* UI/UX
Strategy
(*ZEC=Zero Effort &
Connected(IoT/IoE))
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
숨은 니즈에
부합하는 것”
by Billy Choi
(@ILOVEHCI)

BJ Fogg's Behavior Model(FBM)
187

The Overview of ZEC(Zero Effort & Connected) UI/UX Strategy 1.0a
Interface
Man Machine
Interface
based context
Human Computer
Interaction
based context
Info. Architecture
based context
H C
Interaction
based context
Info. Architecture
based context
H C
188
H
Interaction
based context
Info. Architecture
based context
H
Group
Society
C
Content
Service
Interaction
based context
Info. Architecture
based context
H
G
S
Interaction
based context
Info. Architecture
based context
H based
embodied
cognition
G
S
C
C
S
Connected Thing
Culture-(eco)System
Company
Interaction
based context
Info. Architecture
based context
H based
embodied
cognition
G
S
Interaction
based context
Info. Architecture
based context
HCI 3.0? HCI 2.0! HCI 1.0
UI
UX 2.0? UX 1.0! UX 0.0
Zero Effort
UI/UX Strategy
ZEC
UI/UX Strategy

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

Smart TV UX/UI Insight

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à Smart TV UX/UI Insight

Similaire à Smart TV UX/UI Insight (20)

Plus de Billy Choi

Plus de Billy Choi (20)

Smart TV UX/UI Insight