표준 가이드라인 만들기성공적인 스마트티비

김동후 선임연구원 / 정유리 주임연구원

Speakers

정유리 주임연구원

pxd Innovation Group 1 jungyouli@pxd.co.kr

김동후 선임연구원

pxd Innovation Group 1 / 파트장realhoo@pxd.co.kr

가이드라인의 정의 및 유형

가이드라인의 제작 현황과 문제

스마트 TV에서의 가이드라인

성공적인 가이드라인 작성 노하우

Phase 1. Phase 2.

성공적인 스마트 TV 가이드라인을 작성하려면 어떻게 해야 할까?

실제로 그려본다면,

쉽게 따라할 수 있을까요?

Guideline?

서비스 개발의 표준을 정의하여

개발자들에게 일련의 권장사항 규칙을 제공하는

소프트웨어 가이드(Guide) 문서

wikipedia

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

잘 작성된 표준 가이드라인

가이드라인을 바탕으로 제품 및 서비스 개발

사용자 경험에 영향

Apple Human Interface Guidelines

비슷한 내용이 담기더라도, 다양한 유형이 존재

다양한 분야의 가이드 패턴을 유형화

A

지침을 반드시 따르도록 하는 바이블과 같은 가이드

명확한 규정으로 실수를 줄이고,

일관성있는 결과 산출에 도움이 된다.

B

브랜드 특성이 살아있는 교육 지침서 같은 가이드

브랜드 철학과 정서적인 교감을 나누고,

교육 자료로서 활용하도록 충실한 내용을 제공한다.

C

생생한 사례와 노하우를 전수하는 가이드

원칙을 최소화 하고

팁을 바탕으로 개성을 살릴 수 있도록 한다.

다양한 실험의 토대가 될 수 있다.

D

필요할 때 꺼내보는 정보 습득 목적의 가이드

문제에 따른 해결 방식을

효율적으로 탐색할 수 있도록 한다.

현재 가이드라인 제작 방식의 문제점

System Environment

가이드라인 제작 시스템의 문제 : 표준 가이드와 관련 문서의 관계

System

이상적인 관계

표준 가이드라인에서 원칙 규정

관련 문서에 배포

현실적인 관계

표준 가이드라인에 업데이트

관련 문서에서 원칙 규정

문서간 규정의 충돌가이드라인의 권위 하락

최신 버전 문서 관리에 어려움

가이드라인 제작 환경의 문제

Environment

표준 가이드라인의 역할과

의미에 대한 고민이 부족가이드라인의 중요성 간과

사용성 고려 부족 가이드라인 사용자가

실제로 쓸 만 한가?

실무 경험 과소평가직접, 함께, 토론하며

실무경험자가 만들지 않는 문서

Reference Analysis

MobileComputer Software

Smart TV Solution

Reference Analysis

Interactive TV의 시작

201413

SAMSUNG SMART TV

SAMSUNG SMART TV

SAMSUNG SMART TV

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

사용하기 쉬운 인터페이스

예쁜

혁신적인

절대 변할 수 없고 절대 틀릴 수 없는 철학들은

결국, 절대 사용될 수 없는 철학이다.

- pxd 이재용 대표 -

뜬구름 잡는 내용 지나친 간섭

HOW TO WRITE

수동태보다는 능동태

정확한 의미를 전달할 수 있는 단어와 문장

정보의 위계 구조

가독성을 고려한 텍스트 타입과 간결한 문장

등

최종 사용자인 서비스 사용자에 대한 이해

END USER

USER CENTERED

POLICY

TV를 이용하는 목적

TV에 기대하는 것

TV 이용 여정

기획 디자인 개발

TV 개발

기획 디자인 개발

사용자

COGNITIVE PSYCHOLOGY

디자인 개발

사용자

나만 바라봐~

정리

Brand Philosophy

• 브랜드의 철학에 대한 이해

• 서비스 히스토리와 배경에 대한 이해

• 디바이스 이용 컨텍스트에 대한 이해

Reader• 내부/외부 개발자들이 봐야 하는 지침서

• 서비스를 만드는 사람을 배려해야 함

• 가이드라인 사용자를 고려한 제작

End User• 가이드라인 서비스 개발을 위한 도구임

• 결국 서비스 사용자를 고려한 정책이 필요함

• 최종 사용자에 대한 이해가 필수적임

Reader End User

Brand Philosophy

표준을 지킬 것인가? 사용자의 행동을 따를 것인가?

User

이것 저것 생각하기 싫다면? 피엑스디에 맡기면 된다. :)

- pxd 이재용 대표 -

Thank you!

Donghoo Kim / Senior Researcher Youli Jung / Junior Researcher