서비스디자인 for 한국hci연구회 (short version)

Service DesignLecture + Workshop

Creative Seminar for 한국HCI연구회

from Dongwhan Kim

from Dongwhan Kim

안녕하세요

• 김동환

• 스토리텔링으로 풀어보는 UX 디자인, 빅데이터와 SNS시대의 소셜 경험 전략 저자

• Carnegie Mellon University, 석사 (Human Computer Interaction)

• 서울대학교 커뮤니케이션학, 박사과정 (InfoVis, Sensemaking)

• 전, Wireless Generation (New York)의

Information Architect

• 전, LG전자 스마트폰 UX 디자이너

• 데브멘토, 벤처스퀘어 등 강연

2

from Dongwhan Kim

오늘의 미션

3

from Dongwhan Kim

오늘의 미션

• 오늘 렉처를 빙자한 워크숍(혹은 그 반대)은 3가지 세션으로 구성해보았습니다

• 서비스 디자인이 활용되는 사례소개

• 서비스 사용의 ‘요소’를 정의 - 스테이크홀더맵 & 퍼소나

• 서비스 사용의 ‘과정’을 정리 - 저니맵

4

from Dongwhan Kim

오늘의 미션

• 당신은 (TEDxSeoul, 세바시와 같은) 강연기획자 입니다.

• 여러 멤버들이 함께 뭔가 재밌고 의미있는 일을 해보고자 모였습니다.큐레이션, 회계, 개발, 디자인, 섭외, 등록 등 많은 스태프가 필요합니다.

• 여러분들은,

가치있는 아이디어를 세상에 퍼뜨려볼수도,

세상을 따듯하게 만드는데 동참할수도,

의미있는 답을 찾는 여정을 떠나볼수도,

숨겨진 능력과 장인들을 수면위로 띄워볼수도 있습니다.(그건 팀별로 정해보세요)

5

그전에, 서비스 디자인이란?

from Dongwhan Kim

서비스 디자인이란?

• 서비스 디자인이란 무엇인가?

고객이 서비스를 통해 경험하게 되는

모든 유/무형의 요소 (사람, 사물, 행동, 감성, 공간 등) 및

모든 경로 (프로세스, 시스템, 인터랙션 등)에 대해

고객 중심의 맥락적인 리서치를 통해

이해관계자의 잠재된 요구를 만족시키는

효율적인 서비스 경험을 만드는 과정

7

from Dongwhan Kim


8

* 자료제공: 김남형 계원예술대학교 교수* 참조: 서비스 디자인의 동향 (한국디자인진흥원 윤성원)

from Dongwhan Kim


• 제조 < 콘텐츠

• 콘텐츠 = 서비스

• 부가가치가 높은 디자인 산업 중 새로운 비지니스 모델을 발굴하는

‘서비스 디자인’의 가치가 점점 높아지고 있음

• 의료, 금융 등을 포함한 정부의 공공/공익 서비스에도 적극적으로 활용

• 서울시만 해도 서울시민디자인정책연구소, 범죄예방연구소의 설립을 비롯해

도심창조 산업디자인 프로젝트, 지하철 역사 액티브디자인, 골목디자인 등 다양

9

* 참조: 서비스 디자인의 동향 (한국디자인진흥원 윤성원)

from Dongwhan Kim

서비스 디자인을 접하는 방법

10

from Dongwhan Kim 11

http://tedxseoul.com/wp/talks_content/612



from Dongwhan Kim

서비스 디자인 사례

• 약 패키지 디자인 (Help, I need help)

• 약 패키지와 폰트의 색체를 다양화 하여 가독성을 높임으로서 약물 오남용 등의

부작용 발생 문제를 해결함

12

Healthcare Design First Aid Kit (한국디자인진흥원)

from Dongwhan Kim


• 응급처치를 알려주는 티셔츠 (Teach Shirts)

• 응급시설이 낙후된 곳에서 응급상황에 쓸 수 있는 처치방법을 알려줌. 처치 방법

과 손동작을 그림으로 표현하여 쉽게 따라할 수 있게 함

13

Healthcare Design First Aid Kit (한국디자인진흥원)

from Dongwhan Kim


14

• Adaptive Path와 Target의 collaboration

• 약병을 어느 각도에 두어도 정보가 쉽게 보이도록 설계되어 오복용을 최소화

from Dongwhan Kim


15

• 초콜릿이 내 손에 오기까지의 과정을 보여주어 서비스의 총체적인 과정을 시각화

스토리텔링으로 풀어보는 UX 디자인 (김동환 외)

from Dongwhan Kim

서비스 디자인 프로세스의 핵심

16

• Double Diamond

http://www.designcouncil.org.uk/designprocess




designDIVE Process Model


Design process from IDEO


http://www.slideshare.net/jaminhegeman/service-design-an-interaction-design-perspective



from Dongwhan Kim

Service Design Overview

20

http://vimeo.com/36132314#



from Dongwhan Kim

서비스 디자인 개요

21

from Dongwhan Kim

서비스 디자인 개요

1. Overview & Define - 서비스 디자인 소개 및 정의

2. Stakeholder Map - 이해관계자를 지도로 표현

3. Persona - 타겟 사용자를 정의하는 퍼소나

4. Journey Map - 사용자의 서비스 경험 동선을 파악하는 지도

5. Storytelling - 서비스의 가치를 담아내는 스토리보드

6. Prototyping - 서비스의 성공적인 경험을 확인하는 프로토타입

7. Blueprint - 서비스 디자인 여정의 종착지

22

from Dongwhan Kim

서비스 디자인의 정의

• You are NOT the user!!!

• 우리 서비스의 사용자는 누구인가?

• 우리 회사의 고객은 누구인가?

• 누가 어떻게, 어떤 상황에서 우리 서비스를 사용하는가?

• 남/녀간에 어떤 차이를 보일 것인가? 사용자의 상황에 따라 달라지는가?

• 특수한 사용자를 타겟으로 디자인하면 ‘핵심가치’에 집중할 수 있다

• 포커스 그룹, 스테이크 홀더 맵, 퍼소나 등의 디자인 방법론 사용

23

from Dongwhan Kim


• 하지 말아야 할 행동!

• 디자이너가 시스템을 디자인할 때, 너무 흥미를 느끼고 자신이 사용자인 것

처럼 착각하며 만든다

= 결국 디자이너가 원하는 제품을 만들게 된다

• 나한테 당연한 기능도 남에게는 그렇지 않다

= 스토리보드, 프로토타입을 만들어 사용자에게 보여주면 알게된다

• 사용자의 ‘말’에 너무 의존하지 않는다

= 사용자는 서비스를 사용하기 전까지 자신이 무엇을 원하는지 모른다

24

from Dongwhan Kim


• 사용자와의 조우

• 포커스 그룹

• 컨텍슈얼 인터뷰

리서처들이 사용자들의 업무/생활 환경속에 직접 들어가서 인터뷰, 관찰 등

을 통해 인사이트를 얻는 과정

• 섀도잉

현장에서 고객의 눈에 띄지 않게 전후방 직원의 생활에 참여해 그들의 행동

과 경험을 관찰하는 것

25

from Dongwhan Kim

Stakeholder Map

26

from Dongwhan Kim

Stakeholder Map

• 서비스와 관련된 다양한 이해관계자와 역할을 도식화 한다

• 이해관계자 간의 다양한 관계와 중요도, 영향력이 성립된다

• 인터뷰, 설문지, 필드 조사 등을 통해 이해관계자 들을 찾는다

• 겉으로 드러나지 않는 이해관계자까지 찾아내서 표현한다

• 각 이해관계자의 관심과 동기를 기술해 지도에 포함한다

• 각 이해관계자 그룹이 어떻게 관련되고 어떻게 상호작용하는지 살펴본다

• 목표: 불만요인 파악 → 잠재적 기회영역 확인

• 전체 시스템에서 외부/내부의 이해관계자 역할에 대한 이해

27

from Dongwhan Kim

Stakeholder Map

• 전체 이해관계자들의 목록 작성

* 서비스 제공자가 언급하지 않은 (혹은 인식하지 못하는) 이해관계자 찾기

28

from Dongwhan Kim

Stakeholder Map

29

* 출처: Bank project, UMA 2008


* 출처: 서비스 디자인 교과서

외부

내부

공급자

[마케팅 담당자 - 회계사]

마케팅 담당자는 회계사들이 자신의

의견을 무시한다고 느낀다

[관리자 - 컨설턴트]

관리자들은 컨설턴트가 회사의

문화를 이해하지 못한다고 생각한다

[후방 직원 - 공급자]

후방 직원들은 공급자와 좋은

관계를 유지하고 있다

from Dongwhan Kim

Stakeholder Map for TEDxSeoul

31

core direct indirect관객

연사큐레이터

사회자

등록관리자

회계개발자/디자이너등록웹사이트

공연장/무대

무대관리자

행사스폰서

TEDx ...(경쟁자)

이번회에 등록을 못한 (미래)관객

안내데스크

섭외담당자

(점심)

from Dongwhan Kim

Stakeholder Map, 해볼까요?

• 오늘 만들어볼 서비스를 팀원들과 상의한다

• 포스트잇에 나의 서비스 경험, 아이디어를 작성해 팀원들과 공유한다

• 관련한 stakeholder가 누가 있을지 적어보고 지도에 그려본다

32

from Dongwhan Kim

Persona

33

from Dongwhan Kim

Persona

• 내 서비스의 사용자는 누구인가?

• 모든 사람? (X)

• 우리의 서비스는 모든 마켓에 통용된다? (X)

➡ 모든 사람을 타겟으로 하는 제품은 어느 누구도 만족시키지 못한다

34

=

from Dongwhan Kim

Persona

35

from Dongwhan Kim

Persona

• 정의

Personas help us to understand users, not as part of a group or a

demographic, but as individuals with a history, goal, interest, and

relationship to the product.

• Alan Cooper에 의해 처음 제시됨 (1999)

• 실제 사용자를 관찰한 데이터를 모델링하는 기법

• 일반적인 사용자가 아닌, 전형적(typical)인 사용자를 정의

• 사용자에 대한 모든 팀원의 공통적인 이해가 가능해짐 (shared understanding)

36

from Dongwhan Kim

Persona

37

https://vimeo.com/43977316



from Dongwhan Kim

Persona

38

* 출처: Persona 최근 쟁점과 사례 발표자료 (이재용 pxd 대표, 2010)

from Dongwhan Kim

Persona

39

from Dongwhan Kim

Persona

• Sarah is a 30 year old teacher who lives in Seattle. She's unmarried by in a long-term relationship of two years. She meets about once per month to cook with her friends to share stories, play games, and explore new foods. Before they get together, Sarah and her friends usually pick a theme for the food at the next party.

• End Goals

• Sarah's end goals for cooking in a social context are to:- Experiment with new foods- Make cooking fun- Share recipe ideas with others- Impress others with her cooking and creativity

• Life Goals

• Sarah's long-term life goals are to grow her friendships, share stories and help other learn. This last goal applies to her career as a teacher but also indicates her approach to cooking and her friendships.

40

from Dongwhan Kim

Persona

41

from Dongwhan Kim

Persona

• 개인정보이름(별명), 사진, 나이, 직업, 학력 등

• 목표와 동기인물의 개인적, 경험적, 최종적 목표

• 속성과 필요

• 인물과 상황에 대한 백그라운드 설명

• 인용구/슬로건

• 시나리오퍼소나가 서비스를 사용하는 스토리

42

from Dongwhan Kim

Persona, 해볼까요?

43

from Dongwhan Kim

Customer Journey Map

44

from Dongwhan Kim


• 서비스 사용자의 경험을 체계적으로 시각화하는 방법

• 사용자가 특정 장소에서 움직이는 동선과, 사용하는 서비스의 종류, 사용자와의

터치포인트를 중심으로 구성된다

• 여정: 경험을 바탕으로 하는 경로

• 터치포인트: 서비스와 상호작용(인터랙션)하는 포인트

• 사용자가 서비스와 상호작용하면서 느끼는 감정을 이해하기 쉬운 방식으로 표현

• 사용자가 불편을 느끼는 지점과 터치포인트 위주로 개선에 대한 아이디어를 모으

면 서비스의 개발의 방향을 정하고 발전의 우선순위를 정할 수 있다.

45

from Dongwhan Kim


• 터치포인트의 발견

• 서비스를 사용하면서 만나는 사람들, 서비스와의 인터랙션, 서비스를 담고

있는 디바이스와의 물리적 체험에 이르는 다양한 형태

• 다양한 사용자의 행동 패턴을 통해 인사이트를 발굴할 수 있으며, 퍼소나를

통해 그 중에 가장 전형적인 패턴을 뽑아 서비스의 핵심 개선사항으로 선별

• 사용자가 기쁘게 느끼는 순간을 뽑아 다른 서비스와의 차별화 포인트를 만드

는데 쓰일 수 있다

46

from Dongwhan Kim


• 저니맵을 그리는 방법:

• 서비스가 발생하는 순간만을 담는 것이 아닌,

특정 니즈(욕구)가 시작될 때 부터, 충족되는 시점까지 모두 그린다.

서비스 사용 전 - 사용 중 - 사용 후

• 터치포인트가 발생하는 시점과 경험의 변화가 오는 시점을 기준으로 작성

(너무 많은 단계로 나누거나, 눈에 보이는 단위로만 생각하지 않는다)

• 각 상황별로 감정의 변화를 표현한다.

48

from Dongwhan Kim


• 케이스 사례

• 리어트 호텔의 서비스 개발시, 매리어트 호텔 측은 추정에 기반해서 고객여

정에서 가장 중요한 순간은 투숙 절차일 것으로 보았으나 실제 시험해 본 결

과는 전혀 달랐다.

• IDEO 디자인 팀이 여행객을 추적하여 전체 과정을 지켜본 결과, 진정으로

중요한 순간은 외투를 벗어두고 침대에 앉아 TV를 켜고 ‘후~’하고 한숨을 쉬

는, 바로 그 순간이었던 것 이다. 매리어트 측도 이러한 방향에 초점을 두어

투자하는 것이 옳다는 점을 깨달았다.

49

출처 : 디자인에 집중하라. 팀브라운, 2009 188-189 페이지


http://www.slideshare.net/fred.zimny/th-5443662


출처 : http://highered.mcgraw-hill.com/sites/dl/free/0077116275/507270/Sample_chapter_3.pdf

레스토랑에서 식사시 감정 여정 맵. 단계별 감성/만족도의 고저에 따라 매핑한 전형적 고객여정맵 사례

http://highered.mcgraw-hill.com/sites/dl/free/0077116275/507270/Sample_chapter_3.pdf

http://highered.mcgraw-hill.com/sites/dl/free/0077116275/507270/Sample_chapter_3.pdf

from Dongwhan Kim


54




from Dongwhan Kim

Customer Journey Map, 해볼까요?

55

from Dongwhan Kim

Storytelling

56

from Dongwhan Kim

Storytelling

57

from Dongwhan Kim

Storytelling

58

copyright to Dongwhan (Robin) Kim



from Dongwhan Kim

Storytelling

• 브레인스토밍의 법칙

• 판단하지 마라 - ‘나쁜’ 아이디어란 없다

• 비현실적인 아이디어로 마구 장려하라

• 다른 사람의 아이디어를 토대로 생각하라 (‘그러나’ 보다는 ‘그리고’가 좋다)

• 토픽에서 벗어나지 않도록 집중하라

• 한번에 한가지만 얘기하라

• 비주얼하게 표현하라

• 최대한 많은 아이디어를 생산하라

59

from Dongwhan Kim

Storytelling

60




from Dongwhan Kim

Storytelling

61




from Dongwhan Kim

Storytelling

• Lead question

• Do you currently leave notes for your spouse around the house?

• Follow-up questions

• Would you appreciate it and think of your spouse if sweet notes appear at random times while doing chores? (X)

• Would you be willing to spend the time writing the notes to your spouse? (O)

62

from Dongwhan Kim

Storytelling

• 시나리오 작성

• Customer journey map과 Concept ideation을 통해 도출된 컨셉을 상

황에 맞추어 스토리로 표현

• 글이나 만화, 사진, 영상 등으로 표현

• 시나리오의 ‘액터’를 퍼소나로 사용하면 스토리가 더 자연스러워짐

• 다양한 이해관계자를 참여하게 하여 공통된 이해를 갖게하여 모두의 공감을

이끌어냄

63

from Dongwhan Kim

Prototyping

64

from Dongwhan Kim

Prototyping

• 테스트해 볼 수 있는 영역

• Concept - 사용자들이 ‘핵심’ 컨셉을 이해할까?

• 용어 - 사용자들이 UI속의 용어들을 잘 이해할까?

• 네비게이션 - 서비스의 흐름이 사용자들이 기대했던 흐름과 맞을까?

• 콘텐츠 - 적당한 레벨의 정보를 담고 있는가?

• 페이지 레이아웃 - 콘텐츠가 사용자가 기대한대로 배열되어 있는가?

• 기능 - 사용자가 예상할 수 있는 기능들로 구성되어 있는가?

65

from Dongwhan Kim

Prototyping

66




from Dongwhan Kim

Prototyping

67




from Dongwhan Kim

Blueprint

• 서비스 사이클에서 고객의 경험을 여러 서비스 제공자가 제공한 개별적 조치들과

연관시켜 작성한 흐름도

• 고객과 관련된 부서들이 취하는 여러가지 활동들을 시간의 흐름에 따라 보여주며,

그들 사이의 상호작용을 보여줌

• 가시선(line of visibility)의 개념을 도입하여 눈에 보이는 전방 업무와 보이지 않

는 후방 업무로 나눔

• 서비스 블루프린트는 서비스 디자인의 모든 것을 조직 내외의 이해관계자가 효과

적으로 커뮤니케이션 할 수 있도록 객관적이고 시각적인 언어로 작성한 서비스의

마스터플랜

68

from Dongwhan Kim

Blueprint

69

from Dongwhan Kim

Blueprint

70

레퍼런스

감사합니다

김동환@commuz

[email protected]

mailto:[email protected]

mailto:[email protected]

서비스디자인 for 한국hci연구회 (short version)

Design

dongwhan kimstakeholder map

dongwhan kimpersona

share stories

dongwhan kim

aid kit

dongwhan

cooking

design