SlideShare uma empresa Scribd logo
1 de 97
Baixar para ler offline
표준 가이드라인 만들기
성공적인 스마트티비
김동후 선임연구원 / 정유리 주임연구원
Speakers
정유리 주임연구원
pxd Innovation Group 1
jungyouli@pxd.co.kr
김동후 선임연구원
pxd Innovation Group 1 / 파트장
realhoo@pxd.co.kr
가이드라인의
정의 및 유형
가이드라인의
제작 현황과 문제
스마트 TV에서의
가이드라인
성공적인 가이드라인
작성 노하우
Phase 1. Phase 2.
성공적인 스마트 TV 가이드라인을 작성하려면 어떻게 해야 할까?
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
실제로 그려본다면,
쉽게 따라할 수 있을까요?
Guideline?
서비스 개발의 표준을 정의하여
개발자들에게 일련의 권장사항 규칙을 제공하는
소프트웨어 가이드(Guide) 문서
wikipedia
2015 HCI - Smart TV General Guidelines
Design Principle
Look&Feel
Interaction
Navigation
Component
…
왜 가이드라인을
잘 만들어야 하는 걸까?
“
”
응용 프로그램의 직관성, 학습성, 일관성을
구축하여 사용자의 경험을 향상 시킨다.
wikipedia
서비스 일관성을 위한
공통의 원칙 제시
브랜드 철학 공표 및 계승
작업자간 커뮤니케이션의
판단 기준 제시
개발 결과물 검증에
기준이 되는 도구로 활용 melty American cheese
double layer of sear-
sizzled 100% pure beef
crisp lettuce, tangy pickles
freshly made
sesame seed bun
Official Guide Reality
잘 작성된
표준 가이드라인
가이드라인을 바탕으로
제품 및 서비스 개발
사용자 경험에 영향
2015 HCI - Smart TV General Guidelines
Apple Human Interface Guidelines
비슷한 내용이 담기더라도, 다양한 유형이 존재
다양한 분야의
가이드 패턴을 유형화
A
지침을 반드시 따르도록 하는
바이블과 같은 가이드
명확한 규정으로 실수를 줄이고,
일관성있는 결과 산출에 도움이 된다.
B
브랜드 특성이 살아있는
교육 지침서 같은 가이드
브랜드 철학과 정서적인 교감을 나누고,
교육 자료로서 활용하도록 충실한 내용을 제공한다.
C
생생한 사례와
노하우를 전수하는 가이드
원칙을 최소화 하고
팁을 바탕으로 개성을 살릴 수 있도록 한다.
다양한 실험의 토대가 될 수 있다.
D
필요할 때 꺼내보는
정보 습득 목적의 가이드
문제에 따른 해결 방식을
효율적으로 탐색할 수 있도록 한다.
현재 가이드라인 제작 방식의 문제점
System Environment
가이드라인 제작 시스템의 문제 : 표준 가이드와 관련 문서의 관계
System
이상적인 관계
표준 가이드라인에서
원칙 규정
관련 문서에 배포
현실적인 관계
표준 가이드라인에
업데이트
관련 문서에서
원칙 규정
문서간 규정의 충돌
가이드라인의
권위 하락
최신 버전 문서
관리에 어려움
가이드라인 제작 환경의 문제
Environment
표준 가이드라인의 역할과
의미에 대한 고민이 부족
가이드라인의
중요성 간과
2015 HCI - Smart TV General Guidelines
사용성 고려 부족
가이드라인 사용자가
실제로 쓸 만 한가?
실무 경험 과소평가
직접, 함께, 토론하며
실무경험자가 만들지 않는 문서
2015 HCI - Smart TV General Guidelines
Reference Analysis
Mobile
Computer
Software
Smart TV
Solution
Reference Analysis
2015 HCI - Smart TV General Guidelines
Interactive TV의 시작
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
201413
SAMSUNG SMART TV
SAMSUNG SMART TV
SAMSUNG SMART TV
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
User
Behavior
Brand
Philosophy
Easy
Exploration
201413 15
성공적인 TV 표준 가이드라인을
만들려면 어떻게 해야 할까?
“
”
CONTEXT
READER
END USER
표준 가이드라인이 작성되는 맥락에 대한 이해
CONTEXT
BACKGROUND
프로젝트 배경에 대한 이해
HISTORY
정책 결정 과정에 대한 이해
근거 없이 만들어진 룰은 없다
정책 결정 과정에서 어떠한 협의 과정을 거쳤는지 확인해보자
알림 토스트 팝업의 위치는?
사용자의 시선 방향을 생각하면 왼쪽 상단이 아닐까?
DEVICE
ENVIRONMENT
시청 거리를 고려한 설계
DEVICE
ENVIRONMENT
시청 거리를 고려한 설계
간접 조작에 적합한
인터페이스
DEVICE
ENVIRONMENT
시청 거리를 고려한 설계
간접 조작에 적합한
인터페이스
불특정 다수의
만족을 위한 설계
가이드라인 사용자에 대한 배려
READER
WHO IS READER?
EXPRESSION
LEVELS
2015 HCI - Smart TV General Guidelines
사용하기 쉬운
인터페이스
예쁜
혁신적인
절대 변할 수 없고
절대 틀릴 수 없는 철학들은
결국, 절대 사용될 수 없는 철학이다.
- pxd 이재용 대표 -
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
뜬구름 잡는 내용 지나친 간섭
HOW TO WRITE
수동태보다는 능동태
정확한 의미를 전달할 수 있는 단어와 문장
정보의 위계 구조
가독성을 고려한 텍스트 타입과 간결한 문장
등
최종 사용자인 서비스 사용자에 대한 이해
END USER
USER
CENTERED
POLICY
TV를 이용하는 목적
TV에 기대하는 것
TV 이용 여정
기획 디자인 개발
TV 개발
기획 디자인 개발
사용자
COGNITIVE
PSYCHOLOGY
2015 HCI - Smart TV General Guidelines
디자인 개발
사용자
나만 바라봐~
정리
Brand
Philosophy
• 브랜드의 철학에 대한 이해
• 서비스 히스토리와 배경에 대한 이해
• 디바이스 이용 컨텍스트에 대한 이해
Reader
• 내부/외부 개발자들이 봐야 하는 지침서
• 서비스를 만드는 사람을 배려해야 함
• 가이드라인 사용자를 고려한 제작
End User
• 가이드라인 서비스 개발을 위한 도구임
• 결국 서비스 사용자를 고려한 정책이 필요함
• 최종 사용자에 대한 이해가 필수적임
Reader End User
Brand
Philosophy
표준을 지킬 것인가? 사용자의 행동을 따를 것인가?
User
이것 저것 생각하기 싫다면?
피엑스디에 맡기면 된다. :)
- pxd 이재용 대표 -
Thank you!
Donghoo Kim / Senior Researcher Youli Jung / Junior Researcher

Mais conteúdo relacionado

Mais procurados

모바일 UX디자인의 개요
모바일 UX디자인의 개요모바일 UX디자인의 개요
모바일 UX디자인의 개요Junsang Dong
 
성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론 성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론 Unbong Kang
 
UX 디자인사례와 커뮤니케이션
UX 디자인사례와 커뮤니케이션UX 디자인사례와 커뮤니케이션
UX 디자인사례와 커뮤니케이션Bryan Woo
 
'UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX''UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX'Jinyong Kim
 
오래가는 Ux 디자인 파이널 1414905 이서현
오래가는 Ux 디자인 파이널  1414905 이서현오래가는 Ux 디자인 파이널  1414905 이서현
오래가는 Ux 디자인 파이널 1414905 이서현서현 이
 
Mobile ux design_for_ck_univ
Mobile ux design_for_ck_univMobile ux design_for_ck_univ
Mobile ux design_for_ck_univJunsang Dong
 
모바일시대의프로토타이핑 (@웹월드컨퍼런스, 2014.11.19)
모바일시대의프로토타이핑 (@웹월드컨퍼런스, 2014.11.19)모바일시대의프로토타이핑 (@웹월드컨퍼런스, 2014.11.19)
모바일시대의프로토타이핑 (@웹월드컨퍼런스, 2014.11.19)keesung kim
 
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안(주)SNC Lab.
 
UX 디자인 기본 개념과 프로세스
UX 디자인 기본 개념과 프로세스UX 디자인 기본 개념과 프로세스
UX 디자인 기본 개념과 프로세스Hyun-june Kwon
 
스타트업에서의 UX Design / UX Design @Startup (@글로벌K스타트업, 2013)
스타트업에서의 UX Design / UX Design @Startup (@글로벌K스타트업, 2013)스타트업에서의 UX Design / UX Design @Startup (@글로벌K스타트업, 2013)
스타트업에서의 UX Design / UX Design @Startup (@글로벌K스타트업, 2013)keesung kim
 
130522 book study-사례로보는ux디자인
130522 book study-사례로보는ux디자인130522 book study-사례로보는ux디자인
130522 book study-사례로보는ux디자인정인 주
 
UX 디자인에 대하여
UX 디자인에 대하여UX 디자인에 대하여
UX 디자인에 대하여totodeung
 
UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015Limepaper, Inc.
 
Scenario-Based Interactive UI Design
Scenario-Based Interactive UI DesignScenario-Based Interactive UI Design
Scenario-Based Interactive UI DesignHyunjin Ahn
 
Mobile UX Design Essential
Mobile UX Design EssentialMobile UX Design Essential
Mobile UX Design EssentialJunsang Dong
 
Lean prototyping: Prototyping for Lean Process
Lean prototyping: Prototyping for Lean ProcessLean prototyping: Prototyping for Lean Process
Lean prototyping: Prototyping for Lean ProcessTony (Soo) Kim
 

Mais procurados (20)

모바일 UX디자인의 개요
모바일 UX디자인의 개요모바일 UX디자인의 개요
모바일 UX디자인의 개요
 
UX디자인
UX디자인UX디자인
UX디자인
 
Bsw ui ux정의
Bsw ui ux정의Bsw ui ux정의
Bsw ui ux정의
 
성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론 성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론
 
UX 디자인사례와 커뮤니케이션
UX 디자인사례와 커뮤니케이션UX 디자인사례와 커뮤니케이션
UX 디자인사례와 커뮤니케이션
 
'UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX''UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX'
 
오래가는 Ux 디자인 파이널 1414905 이서현
오래가는 Ux 디자인 파이널  1414905 이서현오래가는 Ux 디자인 파이널  1414905 이서현
오래가는 Ux 디자인 파이널 1414905 이서현
 
Mobile ux design_for_ck_univ
Mobile ux design_for_ck_univMobile ux design_for_ck_univ
Mobile ux design_for_ck_univ
 
모바일시대의프로토타이핑 (@웹월드컨퍼런스, 2014.11.19)
모바일시대의프로토타이핑 (@웹월드컨퍼런스, 2014.11.19)모바일시대의프로토타이핑 (@웹월드컨퍼런스, 2014.11.19)
모바일시대의프로토타이핑 (@웹월드컨퍼런스, 2014.11.19)
 
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
 
UX 디자인 기본 개념과 프로세스
UX 디자인 기본 개념과 프로세스UX 디자인 기본 개념과 프로세스
UX 디자인 기본 개념과 프로세스
 
스타트업에서의 UX Design / UX Design @Startup (@글로벌K스타트업, 2013)
스타트업에서의 UX Design / UX Design @Startup (@글로벌K스타트업, 2013)스타트업에서의 UX Design / UX Design @Startup (@글로벌K스타트업, 2013)
스타트업에서의 UX Design / UX Design @Startup (@글로벌K스타트업, 2013)
 
Ux design approach
Ux design approachUx design approach
Ux design approach
 
130522 book study-사례로보는ux디자인
130522 book study-사례로보는ux디자인130522 book study-사례로보는ux디자인
130522 book study-사례로보는ux디자인
 
UX 디자인에 대하여
UX 디자인에 대하여UX 디자인에 대하여
UX 디자인에 대하여
 
UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015UX_trigger v2.(Limepaper) 2015
UX_trigger v2.(Limepaper) 2015
 
Scenario-Based Interactive UI Design
Scenario-Based Interactive UI DesignScenario-Based Interactive UI Design
Scenario-Based Interactive UI Design
 
Mobile UX Design Essential
Mobile UX Design EssentialMobile UX Design Essential
Mobile UX Design Essential
 
Lean prototyping: Prototyping for Lean Process
Lean prototyping: Prototyping for Lean ProcessLean prototyping: Prototyping for Lean Process
Lean prototyping: Prototyping for Lean Process
 
Ux design process
Ux design processUx design process
Ux design process
 

Semelhante a 2015 HCI - Smart TV General Guidelines

What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...
What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...
What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...skkang0617
 
더 나은 사용자 경험과 비즈니스를 만들기 위한 프로덕트 매니저로 일하기
더 나은 사용자 경험과 비즈니스를 만들기 위한 프로덕트 매니저로 일하기더 나은 사용자 경험과 비즈니스를 만들기 위한 프로덕트 매니저로 일하기
더 나은 사용자 경험과 비즈니스를 만들기 위한 프로덕트 매니저로 일하기Hyunjung Kim
 
UX Trend Research
UX Trend ResearchUX Trend Research
UX Trend ResearchBilly Choi
 
UI/UX의 변화와 방향성 사색 (차세대 인터페이스 및 터치리스 UI를 위한 인터랙션 개발기술 세미나)
UI/UX의 변화와 방향성 사색 (차세대 인터페이스 및 터치리스 UI를 위한 인터랙션 개발기술 세미나)UI/UX의 변화와 방향성 사색 (차세대 인터페이스 및 터치리스 UI를 위한 인터랙션 개발기술 세미나)
UI/UX의 변화와 방향성 사색 (차세대 인터페이스 및 터치리스 UI를 위한 인터랙션 개발기술 세미나)Billy Choi
 
Teaminterface Company Profile
Teaminterface Company ProfileTeaminterface Company Profile
Teaminterface Company ProfileSujin Jo
 
Teaminterface company profile
Teaminterface company profileTeaminterface company profile
Teaminterface company profileSujin Jo
 
Circulus Introduction
Circulus IntroductionCirculus Introduction
Circulus IntroductionPark Jonggun
 
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)ideaguide
 
2017 E8IGHT Company Profile [2017 이에이트 회사소개서]
2017 E8IGHT Company Profile [2017 이에이트 회사소개서]2017 E8IGHT Company Profile [2017 이에이트 회사소개서]
2017 E8IGHT Company Profile [2017 이에이트 회사소개서]E8IGHT Administrator
 
2017 e8ight company profile[kor] (a4)/이에이트(주)
2017 e8ight company profile[kor] (a4)/이에이트(주)2017 e8ight company profile[kor] (a4)/이에이트(주)
2017 e8ight company profile[kor] (a4)/이에이트(주)youkyung Lee
 
2017 이에이트 회사소개서 (E8IGHT)
2017 이에이트 회사소개서 (E8IGHT)2017 이에이트 회사소개서 (E8IGHT)
2017 이에이트 회사소개서 (E8IGHT)국 이
 
건국대학교 2019 SW 경진대회 KUKUZONES
건국대학교 2019 SW 경진대회 KUKUZONES건국대학교 2019 SW 경진대회 KUKUZONES
건국대학교 2019 SW 경진대회 KUKUZONESleejunsong
 
[111]open, share, enjoy 네이버의 오픈소스 활동
[111]open, share, enjoy 네이버의 오픈소스 활동[111]open, share, enjoy 네이버의 오픈소스 활동
[111]open, share, enjoy 네이버의 오픈소스 활동NAVER D2
 
[Msd02]mobile servicedesign
[Msd02]mobile servicedesign[Msd02]mobile servicedesign
[Msd02]mobile servicedesignJY LEE
 
실시간 시선추적 모니터링 솔루션
실시간 시선추적 모니터링 솔루션실시간 시선추적 모니터링 솔루션
실시간 시선추적 모니터링 솔루션Jong-peel Joo
 
애자일 개발 프로세스를 이용한 고품질 소프트웨어 개발
애자일 개발 프로세스를 이용한 고품질 소프트웨어 개발애자일 개발 프로세스를 이용한 고품질 소프트웨어 개발
애자일 개발 프로세스를 이용한 고품질 소프트웨어 개발Jaehoon Oh
 
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1Limepaper, Inc.
 

Semelhante a 2015 HCI - Smart TV General Guidelines (20)

What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...
What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...
What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...
 
더 나은 사용자 경험과 비즈니스를 만들기 위한 프로덕트 매니저로 일하기
더 나은 사용자 경험과 비즈니스를 만들기 위한 프로덕트 매니저로 일하기더 나은 사용자 경험과 비즈니스를 만들기 위한 프로덕트 매니저로 일하기
더 나은 사용자 경험과 비즈니스를 만들기 위한 프로덕트 매니저로 일하기
 
UX Trend Research
UX Trend ResearchUX Trend Research
UX Trend Research
 
U&I Insgiht
U&I InsgihtU&I Insgiht
U&I Insgiht
 
UI/UX의 변화와 방향성 사색 (차세대 인터페이스 및 터치리스 UI를 위한 인터랙션 개발기술 세미나)
UI/UX의 변화와 방향성 사색 (차세대 인터페이스 및 터치리스 UI를 위한 인터랙션 개발기술 세미나)UI/UX의 변화와 방향성 사색 (차세대 인터페이스 및 터치리스 UI를 위한 인터랙션 개발기술 세미나)
UI/UX의 변화와 방향성 사색 (차세대 인터페이스 및 터치리스 UI를 위한 인터랙션 개발기술 세미나)
 
Teaminterface Company Profile
Teaminterface Company ProfileTeaminterface Company Profile
Teaminterface Company Profile
 
Teaminterface company profile
Teaminterface company profileTeaminterface company profile
Teaminterface company profile
 
Circulus Introduction
Circulus IntroductionCirculus Introduction
Circulus Introduction
 
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)
어플리케이션 기획 및 마케팅 전략_코드캠프_4_1(110611)
 
2017 E8IGHT Company Profile [2017 이에이트 회사소개서]
2017 E8IGHT Company Profile [2017 이에이트 회사소개서]2017 E8IGHT Company Profile [2017 이에이트 회사소개서]
2017 E8IGHT Company Profile [2017 이에이트 회사소개서]
 
2017 e8ight company profile[kor] (a4)/이에이트(주)
2017 e8ight company profile[kor] (a4)/이에이트(주)2017 e8ight company profile[kor] (a4)/이에이트(주)
2017 e8ight company profile[kor] (a4)/이에이트(주)
 
2017 이에이트 회사소개서 (E8IGHT)
2017 이에이트 회사소개서 (E8IGHT)2017 이에이트 회사소개서 (E8IGHT)
2017 이에이트 회사소개서 (E8IGHT)
 
건국대학교 2019 SW 경진대회 KUKUZONES
건국대학교 2019 SW 경진대회 KUKUZONES건국대학교 2019 SW 경진대회 KUKUZONES
건국대학교 2019 SW 경진대회 KUKUZONES
 
[111]open, share, enjoy 네이버의 오픈소스 활동
[111]open, share, enjoy 네이버의 오픈소스 활동[111]open, share, enjoy 네이버의 오픈소스 활동
[111]open, share, enjoy 네이버의 오픈소스 활동
 
[Msd02]mobile servicedesign
[Msd02]mobile servicedesign[Msd02]mobile servicedesign
[Msd02]mobile servicedesign
 
실시간 시선추적 모니터링 솔루션
실시간 시선추적 모니터링 솔루션실시간 시선추적 모니터링 솔루션
실시간 시선추적 모니터링 솔루션
 
Good company
Good companyGood company
Good company
 
애자일 개발 프로세스를 이용한 고품질 소프트웨어 개발
애자일 개발 프로세스를 이용한 고품질 소프트웨어 개발애자일 개발 프로세스를 이용한 고품질 소프트웨어 개발
애자일 개발 프로세스를 이용한 고품질 소프트웨어 개발
 
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1
사물인터넷(IoT)/웨어러블 UX 디자인툴킷_UX-trigger for Iot/Wearable_v1
 
AKC2020 인썸니아 이성훈
AKC2020 인썸니아 이성훈AKC2020 인썸니아 이성훈
AKC2020 인썸니아 이성훈
 

2015 HCI - Smart TV General Guidelines