이리딩(eReading) 경험을 위한 디자인씽킹

100
Designing for eReading UX based on Design Thinking for editors Creative Seminar for Minumsa from Dongwhan Kim

description

좋은 이리딩 경험을 위한 디자인씽킹과 UX 디자인 프로세스 - 민음사 강연용 슬라이드 입니다. (Designing for eReading UX based on Design Thinking for book editors. Slides for the seminar session for Minumsa.) UX 프로세스와 디자인씽킹, 아날로그/디지털 환경에 대한 (입문적인) 생각을 같이 해볼 수 있는 슬라이드라고 생각하시면 좋을 것 같습니다. 질문은 [email protected] 이나 @commuz로 주시면 성실히 답변하겠습니다 :)

Transcript of 이리딩(eReading) 경험을 위한 디자인씽킹

Page 1: 이리딩(eReading) 경험을 위한 디자인씽킹

Designing for eReading UXbased on Design Thinking for editors

Creative Seminar for Minumsa

from Dongwhan Kim

Page 2: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Welcome Everyone

• 김동환

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

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

• 서울대학교 커뮤니케이션학, 박사과정 (Computational Social Science)

• 전, Wireless Generation (New York)의

Information Architect

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

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

2

Page 3: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

오늘의 미션

• 오늘의 미션은 앞에 앉아계신 여러분들이

• 디자인 씽킹이

무엇인지 알게되고,

왜 강조되는지 이해하며,

• UX가 어떤 과정을 거쳐 만들어지는지 이해하고,

궁극적으로 독자들에게 보다 좋은 책읽는 경험을 만들어주기 위해

우리가 다 같이 어떤 노력을 기울일 수 있을지 즐겁게 상상해 보는 것.

3

Page 4: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

같이 생각해볼까요?

• 여러분들이 생각하시는 민음사의 고객인 독자들이 누군지 궁금합니다.

잘 모르는 저를 위해 우리 같이 한번 만들어볼까요?

4

Page 5: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

같이 생각해볼까요?

5

4. 젊은 학생같은 이승기2. 부드럽고 온화한 안성기 3. 옆집 아저씨같은 김제동1. 지적인 느낌의 이서진

민음사의 (남성) 독자는 누구와 가장 닮았습니까?

Page 6: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

같이 생각해볼까요?

6

민음사의 독자가 책을 읽는 이유는 무엇입니까?

1) 더 능력있는 사람이 되기위한 자기계발의 일환으로

2) 영어책/전공서적과 같이 무언가를 배우기 위해

3) 지친 일상에 힐링을 찾고자하는 마음으로

4) 인생의 깊이를 알게해주는 소설이 좋아서

5) 몰랐던 지식을 알기 위해서

6) 별 이유없이 폼잡을려고

Page 7: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

같이 생각해볼까요?

7

민음사의 독자는 일년에 책을 몇권이나 읽습니까?

1) 거의 읽지않는다 2) 5권정도 3) 10권정도 4) 15권정도 5) 20권정도 6) 25권 이상

민음사의 독자가 즐겨찾는 책의 종류는 어떤 것입니까?

1) 문학/인문 2) 자기계발 3) 경제/경영 4) 재테크/부동산 5) 여행/레저 6) 전공서적

민음사의 독자는 하루 중 주로 언제 책을 읽습니까?

1) 기상후/출근전 2) 출퇴근중 3) 오전시간 4) 점심시간 5) 오후시간 6) 퇴근후 7) 기타

Page 8: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

같이 생각해볼까요?

8

민음사의 독자가 책을 읽는 이유는

이름: 이서진나이: 39세학력: MBA사는곳: 분당

이름: 안성기나이: 53세학력: 인문학 박사사는곳: 한남동

15권정도 인문 퇴근후

평균독서량 즐겨읽는 종류 주로 읽는시간

• 여러분들이 지금 보고 계신 이 ‘사람’이 민음사의 고객을 대표하는 모습입니다.

모두들 (어느정도) 공감하시나요?

인생의 깊이를 알게해주는 소설이 좋아서

몰랐던 지식을 알기 위해서

별 이유없이 폼잡을려고

Page 9: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

같이 생각해볼까요?

• 이 기법이 바로 UX 디자인에서 널리 쓰이는 방법론 중의 하나인 ‘퍼소나’ 입니다.

9

pxd

Page 10: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

같이 생각해볼까요?

• 퍼소나는 왜 필요할까요?

10

Page 11: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

같이 생각해볼까요?

11

https://vimeo.com/43977316

Page 12: 이리딩(eReading) 경험을 위한 디자인씽킹

Design Thinking?

Page 13: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Design?

13

Page 14: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Design?

14

Page 15: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Design?

15

Tim Brennan of Apple’s Creative Services Group

Page 16: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 16

Page 17: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Design Thinking is ...

• 창의적이고 분석적인 생각으로 문제에 접근하는 사고방식

• A process of creative and critical thinking that allows information and

ideas to be organized, decisions to be made, situations to be improved, and knowledge to be gained. (Charles Burnette)

17

분석적 창의적

Page 18: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Design Thinking is ...

18

비즈니스 디자인

기본적인 속성 합리성, 객관성정량화 가능한 측정

주관적인 경험사회적으로 해석되는 측정

방법론 한개의 ‘베스트’ 방법을 증명 ‘조금 더 괜찮은’ 대답을 찾기위한 실험과 반복수정

프로세스 계획적 실행적

결정요인 논리수학적 모델

(감정적) 인사이트경험적 모델

핵심가치 콘트롤과 안정성불확실성의 제거 (예측)

참신한 접근현 상황에 대한 문제 제기

Designing for Growth by Jeanne Liedtka and Tim Ogilvie

Page 19: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Design Thinking is ...

• Design Thinking은 Mindset, 즉 사고방식이다.

• 인간중심적이다 Human-Centered

• 협동적이다 Collaborative

• 실험적이다 Experimental

• 낙관적이다 Optimistic

• 참여적이다 Participatory

19

Page 20: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Design Thinking is ...

• Design Thinking은 인간중심적이다

• 공감 능력이 뛰어나고 인간 중심적인 사고방식을 가진 사람은 동료, 의뢰인,

사용자, 고객 등 다양한 사람들의 관점으로 세상을 바라본다.

• 사람 중심의 접근 방법을 통해 겉으로 드러난 요구뿐만이 아니라 숨겨진 욕

구를 모두 충족시킬 수 있는 해결 방안을 찾는다. (Dong-A Business

Review, 2008 Jun, vol. 11.)

20

Page 21: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Design Thinking is ...

• Design Thinking은 협동적이다

• 제품과 서비스, 사용자 경험이 점점 복잡해지다 보니 다학제적으로 팀을 구

성하는 협업적이고 협동적인 팀의 구성이 필요해졌다.

• 세계적인 디자인 컨설팅 에이전시이자 디자인 씽킹이라는 말을 만들어낸 아

이디오는 이렇게 다양한 출신 배경의 사람들을 모아서 프로젝트 팀을 구성하

는 것으로 유명하다.

21

Page 22: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Design Thinking is ...

• Design Thinking은 실험적 & 낙관적이다

• 유지보수와 같은 점진적이 변화가 아닌 획기적이고 창의적인 방법으로 질문

을 던지고 문제점을 해결하기 위해 다양한 노력과 실험을 기울여 해결책을

좁혀간다.

• 디자인 씽킹은 주어진 문제에 제약이 있는 경우에도 기존 대안보다 나은 해

결책이 있다고 믿고 찾으러 노력한다.

• 에디슨이 1번의 성공을 위해 99번의 노력을 기울인건, 끊임없이 방법을 찾

으려 노력했기 때문이고 언젠가는 이룰 수 있다고 믿었기 때문이다.

22

Page 23: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

같이 생각해볼까요?

• 위에서 “인간중심적”이고 “고객의 관점에서 생각하라”는 안내가 있었습니다.

• 그렇다면,

손님을 초대해 음식을 대접하고 맛이 어땠는지 물어본다.

이 질문으로 우리는 무엇을 얻을 수 있을까요?

23

• 손님의 “좋아요”라는 대답 이외에는 별 다른 의견을 기대하기 힘들다.

말과 표정만으로는 정말 좋은지도 알 수 없다.

손님이 음식에서 뭐가 빠졌기때문에 맛이 떨어진다는 것을 과연 알까?

(표현은 제대로 할 수 있을까?)

➡ 이노베이션은 “눈에서” 시작한다.책 “유쾌한 이노베이션”에서

Page 24: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Design Thinking 사고방식

24

전통적인 (리서치)

창의적인 (디자인)

파트너의관점에서

전문가의관점에서

Page 25: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 25

Dong-A Business Review, 2008 Jun, vol 11.

Page 26: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Design Thinking의 장점은?

Design Thinking의 장점

26

재미

손쉬운 협동(collaboration)

나와 우리 회사에 맞춤형 솔루션

사용자와의 ‘engagement’

문제에 대한 창의적인 접근

FRAMING THE RIGHT PROBLEM TO SOLVE

Page 27: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Framing the RIGHT PROBLEM to solve

• 디자인 씽킹의 철학,

• 문제의 올바른 이해를 통해 ‘how to’가 아닌 ‘what to’를 찾는다

• 문제가 발생하는 상황에 대한 직접적이고 주의깊은 관찰이 필요

• 문제를 구체화(conceptualize)하고 시각화(visualize)하는 과정이 필요

• ‘무엇’을 찾은 다음에 문제 해결이 따른다 (일반적인 problem solving 영역)

➡ 이 과정에 필요한게 바로 디자인 씽킹

27

Page 28: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Design Thinking at IDEO

28

• 엔지니어, 심리학, 건축학,경영학,

생물학 등 다학제적 배경

• 실제 관찰을 통해, 유모차와 같이

어린이들에게 친근하고 안전하며

효율적인 쇼핑 경험을 만든다는

목표를 세움

• 브레인스토밍과 모형등을 통해

프로토타입을 제작, 피드백을 받

고 즉시 개선

• 팀원들이 직접 모델을 설명하며

컨셉을 전달 (스토리텔링)

쇼핑카트 디자인

http://www.youtube.com/watch?v=M66ZU2PCIcM

Page 29: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

IDEO의 교훈

• 디자인 씽킹은 ‘디자이너’들만의 몫이 아니다

• 다학제적인 팀의 구성 (cross functional team)

• 삼성전자의 인문학 배경의 SW 인재 육성 프로젝트

29

Page 30: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

IDEO의 교훈

• 디자인은 제품에 대한 것이 아니다. 사람에 대한 것이다.

• 주어진 태스크의 틀에서 벗어나, 사람들의 일상 생활과 그들의 불편함과 바

라는 점을 귀기울여 듣는다.

• 풀어야하는 문제를 이해하고 정의하려 노력해라

• 사람에 집중하면 어떤 문제를 풀어야되는지를 알 수 있다. 계속 ‘왜’ 문제가

생기는지 물어보고 생각하라.

30

Page 31: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

IDEO의 교훈

• 생각을 시각화하고 스토리로 전달하라

• 잘그리는게 중요한게 아니라 그림을 통해 아이디어의 전달과 이해를 도울

수 있다. 스케치는 훌륭한 커뮤니케이션의 도구이다.

• 재빨리 만들어보고 피드백을 받아 아이디어를 개선한다.

• 우리 머리가 쉽게 오래 기억하도록 스토리를 만들어서 전달하고, 사용자의

입을 통해 스토리를 다시 들어라. 새로운 시각으로 디자인을 해석해볼 수

있다.

31

Page 32: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

디자인 스토리

• 시애틀로 출장을 가게되었어요.

• 공항에서 차를 빌렸어요. 2010년형 토요타 캠리네요.

• 예전에 2004년형 토요타를 탄적이 있는데, 트렁크가 잠긴줄 알고 자리를 비웠다

가 카메라를 도둑맞은 경험이 떠오르네요. 비싼 카메라였는데...

• 키없이 시동을 걸 수 있는 차 ... 군요?

(우리 집에 있는 차는 안그런데...)

• 처음엔 당황했지만 스타트 버튼을 누르니

시동이 걸리네요.

32

Page 33: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

디자인 스토리

• 호텔에 도착했어요. 스타트 버튼을 다시 누르니 시동이 꺼지네요. 버튼에 써있어

서 어렵진 않았어요.

• 내려서 문을 잠그고... 혹시나해서 다시 문을

열어보니 열리는거에요!

• 분명히 잠궜는데... 다시 잠금버튼을 누르고

손잡이를 당겨보니 또 열리네요?

• 한참 고민하다 혹시나해서 키를 멀리두고 다시 와서 열어보니 이젠 안열리네요!

• 키에 근접센서가 있어서 차에 가까이 가면 문이 열리게 되어 있는 구조였군요... ;;

33

Page 34: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

디자인 스토리

• 자... 난 바보인가요?

• 그렇지 않죠. 키에 근접센서가 있어서 문이 자동으로 열릴 것이라는 생각을 해본

적이 없는거죠. 적어도 지금 차들은 대부분 그렇지 않으니까요.

• 그치만... ‘운전설명서’를 보라고 친절히 적혀있네요. 안읽은 제 잘못이겠죠?

34

Page 35: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

디자인 스토리

• 이게 최선이었을까요?

35

• 문을 열때 키에 약간의 진동이나 소리가 났다면?

자동차가 키의 근접센서 거리안에 들어올때 키가 반응했다면?

• 디자인 씽킹이 필요한 이유

사람들의 기대와 행동을 바탕으로 디자인할 것

Page 36: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 36

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

Page 37: 이리딩(eReading) 경험을 위한 디자인씽킹

User Experience?

Page 38: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

User Experience?

38

• 사용자가 제품이나 서비스를 접하며 느끼는 경험

Page 39: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

User Experience?

• ‘제품’만을 위한 경험인가?

• We can find (good) user experience from everywhere!

39

• 사용자 경험은 모든 곳에 있다.

Page 40: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

User Experience is ...

40

“사용자 경험(UX)이란

사용자가 시스템, 서비스, 제품을 이용하면서 접하게 되는 모든 측면과

산업 디자인, 소프트웨어 공학, 심리학, 마케팅, 경영학 등의 관점에서

고객을 매료시키고 가치를 높이기 위한 총체적인 접근을 말한다.”

Page 41: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

User Experience is ...

41

인지과학의 대가

도널드 노먼 (Donald Norman)

“내가 사용자 경험이라는 용어를 만든 이유는 휴먼 인터

페이스와 사용성이라는 말이 너무 좁은 의미였기 때문

입니다. 나는 사람의 경험에 대한 모든 측면을 포함하기

를 원했는데 그건 제품디자인, 그래픽, 인터페이스 디자

인을 포함하는 일이었습니다 ...”

Page 42: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

User Experience is ...

42

사용자 경험 스케치의 저자

마이크로소프트의 빌 벅스톤 (Bill Buxton)

“궁극적으로, 우리가 만드는 제품들이 개인과 사회, 문

화적인 경험을 불러오고 가치와 영향력을 가진 제품을

만들기 위한 것이 아니라 팔기위해 만드는 것이라고 생

각한다면 우리는 사람들을 속이고 있는 것입니다. “

Page 43: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

User Experience is ...

43

아답티브 패스 공동설립자

제시 게러트 (Jesse James Garrett)

“사용자 경험이란 제품이 어떻게 동작하고 쓰이는지를 말합

니다. 긍정적인 사용자 경험은 사용자와 제품을 만든 회사의

목표가 만났을때 생기는 것입니다. 사용성은 만족스런 사용

자 경험의 한 요소는 될 수 있지만 사용성 하나로 사용자에

게 긍정적인 사용자 경험을 만들어낼 수는 없습니다.”

Page 44: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 44

Page 45: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Good User Experience

45

• Adaptive Path와 Target의 collaboration

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

http://www.adaptivepath.com/ideas/the-target-pill-bottle-isnt-a-bottle-its-a-system

Page 46: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Good User Experience

46

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

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

Page 47: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Good User Experience

47

• “페이지를 찾을 수 없습니다”라고 나오는 에러메시지 (일명 404 에러)

Good User Experience

Page 48: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Good User Experience ... ?

48

• 필립 스탁의 유명한 쥬시 세리프

(Juicy Salif)

• 레몬이나 오렌지의 쥬스를 내는

독특한 디자인의 상품

• Good... UX?

Page 49: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 49

Page 50: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 50

UX Design Process

Page 51: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 51

• 이해하기

• 초기 기회영역의 설정으로 사회, 문화적

인 변화와 산업, 마켓, 기술, 디자인 등에

서의 트렌드 파악

• 트렌드의 감지는 출간 서적, 간행물이나

전문가의 블로그, 인터뷰 혹은 관련 유

저군의 포커스 그룹 등을 통해서도 가능

Page 52: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 52

• 관찰하기

• 사용자와 내외부서의 이해관계자를 포

함한 다양한 사람들의 경험을 포착

• 사용자를 직접 관찰하고 직접 목소리를

들고 영감을 얻어 인사이트를 도출

• 랩과 같이 통제된 환경보다는 일상 속

에서 사람들을 관찰하고 이로부터 디자

인 인사이틀 도출해내는게 더 효과적

Page 53: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 53

• 분석하기

• 복잡한 문제와 현상을 분석하기 위

한 다양한 방법과 도구를 통해 구성

요소, 관계, 흐름, 과정, 속성 등의

패턴을 파악해 인사이트를 선별

• 팀원들, 그리고 관련자들과 공유할

수 있는 Design Principles를 만

들어내면 모두가 공통된 시각에서

문제를 바라보는 힘이 생김

Page 54: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 54

• 아이디어 발상

• 분석 과정을 통해 찾아낸 발견점을 체

계적인 방법으로 컨셉으로 이끌어냄.

순차적이나 선형적인 과정이 아닌, 지

속적이고 반복적인 노력이 필요.

• 모든 팀원이 참여하여 평가나 비평없이

다양한 아이디어를 최대한 많이 이끌어

내는 것이 중요

Page 55: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 55

• 만들기

• 컨셉으로 발전된 아이디어를 실제 서비

스로 만드는 과정에서 사용자에게 검증

• 새로운 아이디어를 빠르고 직접적으로

평가하여 예상하지 못했던 문제점을 조

기에 발견할 수 있음

• 문제가 있을때 바로 관찰 과정으로 돌

아가서 다시 수행

Page 56: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 56

Page 57: 이리딩(eReading) 경험을 위한 디자인씽킹

Design Thinking + UX 디자인을

업무에 적용시키려면?

Page 58: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 58Slide from Keywon Jeong

Page 59: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

디자인 방법론

• Waterfall

59

Requirements

Design

Development

Testing

Maintenance

Page 60: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

디자인 방법론

• Waterfall

60

Requirements

Design

Development

Testing

Maintenance

!!!

Page 61: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

디자인 방법론

• Iterative

61

Requirements

Design

Develop

Test

Preparation

Release

Page 62: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

디자인 방법론

• Iterative

62

Requirements

Design

Develop

Test

Preparation

Release ?

Page 63: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

디자인 방법론

• Agile과 Lean UX의 부상

• 기술평준화로 인해 더이상 기술적 제한이 미치는 영향이 적어짐

• 모바일 앱/웹의 등장으로 잦은 테스팅, 업데이트가 필요해짐

• 기존 워터폴 방식으로는 검증에 시간이 오래걸려 실패비용 증가

• 많아지는 문서들로 복잡해진 비즈니스 환경에서 관리가 힘들어짐

63

Page 64: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

디자인 방법론

• Lean UX

아이디어를 빌드하고 평가하는

사이클이 바로 시작됨

• 장점

• 빠르다 Quick

• 비주얼하다 Visual

• 협동적이다 Collaborative

• 지속적이다 Continuous

64

Lean UX Getting out of the deliverables business from Jeff Gothelf

Page 65: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

디자인 방법론

65

Lean UX Getting out of the deliverables business from Jeff Gothelf

Page 66: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

우리 회사도 이게될까?

• Design Thinking적인 사고방식을 바탕으로 팀을 구성하면?

• 사고방식 복습

• 인간중심적, 협동적, 실험적, 낙관적, 참여적

• 디자인 방법론을 알고 디자인 씽킹을 하게되면, 팀은

• 협동을 잘하며,

• 창의적인 공간에서 일하게 되며,

• 퍼소나와 프로토타입 등의 방법론을 통해 다른 사람들과

공감하고 협업하는 방법을 알게된다.

66

Page 67: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 67

협동을 통해 문제를 해결하라. Build cross-functional team.

Lean UX Getting out of the deliverables business from Jeff Gothelf

Page 68: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

DO

1. 촛점을 명확히 한다

2. 규칙을 만든다

3. 아이디어에 번호를 매긴다

4. 때로는 단숨에 뛰어 넘는다

5. 아이디어를 사방에 기록한다

6. 워밍업 시간을 갖는다

7. 바디스토밍을 시작한다

68

DON’T

1. 보스가 먼저 말하지 말라

2. 모두에게 차례가 돌아갈 필요는 없다

3. 전문가만 발언하지 말라

4. 특별한 장소나 도구가 필요한건 아니다

5. 진지한 말만 할 필요도 없다

6. 세상에 나쁜 (브레인스토밍) 의견이란 없다

브레인스토밍을 유쾌한 이벤트로 만들어라. Have a fun brainstomring session.

Text from “유쾌한 브레인스토밍”

Page 69: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 69

업무 공간을 비주얼하게 만들어라. Visualize your workspace.

Lean UX Getting out of the deliverables business from Jeff Gothelf

Page 70: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 70

Page 71: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 71

Page 72: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 72

Page 73: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 73

Page 74: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 74

퍼소나를 공감도구로 활용하라. Build empathy with your team.

Lean UX Getting out of the deliverables business from Jeff Gothelf

Page 75: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 75

프로토타입으로 만들어보자. Build prototype around it (but not all of it).

Lean UX Getting out of the deliverables business from Jeff Gothelf

Page 76: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 76

Page 77: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 77

종이로 만드는 페이퍼 프로토타입으로도 충분하다.

Page 78: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 78

http://servicedesign.or.kr/index.asp

Page 79: 이리딩(eReading) 경험을 위한 디자인씽킹

그래서 eReading UX는?

Page 80: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

독서의 문화

• 평균 독서량은 11년 16권, 12년 15.3권 (감소원인은 전자책의 감소)

• 도서 구입비용 11년도 37,900원, 12년 37,600원

• 주 독서시간은 11년 출근/업무시작전, 12년 퇴근후 집에서

80

교보문고 독서경영연구소, 2011년 직장인 독서경영 실태조사

Page 81: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 81

Page 82: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

독서의 문화

82

http://libraries.pewinternet.org/2012/12/27/e-book-reading-jumps-print-book-reading-declines/

Page 83: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 83

Page 84: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

eReading 기기들

• e-Book 리더와 타블렛

84

Kindle6”

Kindle Fire8.9”

iPad9.7”

Galaxy Tab10.1”

Page 85: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

eReading 기기들

iPhone 4s3.5”

iPhone 54”

16:9

LG TabBook11.9”

TV42”

• and more ...

Page 86: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

스티브 잡스 전기, 하드커버

86

Page 87: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

스티브 잡스 전기, 디지털

87

• 종이책 35불, 킨들 17불

• 킨들로 구매한 디지털버전은

• 킨들 기기에서,

• 아이패드에서,

• 아이폰에서,

• 맥북에어에서 구독가능

• 듣는책으로도 구매 (Audible)

estima.wordpress.com/2011/11/05/digitalreading

Page 88: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

모바일 애플리케이션 간 비교

88

Kindle for iPhone 열린책들

Page 89: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

스큐어모피즘 (Skeuomorphism)

• 쓰임새 또는 재료에 따라 자연스럽게 발전한 도구의 형태와 요소들이, 재료나 매

체가 변화함에 따라 재구실을 못하게 되더라도 그 형태와 요소들이 의도적으로 유

지되는 것을 가리킨다. (pxd blog, story.pxd.co.kr/591)

89

Page 90: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

스큐어모피즘 (Skeuomorphism)

• 비판적인 시선

• 사람들에게 물리적 세상과 디지털 세상 사이의 틈을 연결하도록 돕는 데 관련된 이런 은유

들이 더는 필요치 않다. 우리 문화는 변화했다. 그건 철 지난 패러다임이다. (Gadi Amit)

• 나는 애플이 실제 기능에 집중하기보다는 시각적 스튜어모프 접근을 흉내 내는데 너무 많이

집중하고 있다고 느낀다. 내 생각엔, 그건 돼지에게 립스틱이다. 제품이 그 자체로 충분하다

면 반짝이를 더할 필요는 없다. (전직 애플 UI 디자이너)

• 이 [아이북스] 앱은 지나치게 렌더링 된 종이 질감과 가짜 페이지 넘김 애니메이션 같은 요

소를 채용해서 킨들의 전자잉크 디자인이 보여준 것 같은 작가의 산문 자체에 몰입하게 되

는 것을 어렵게 만든다. (톰 홉스)

90

Page 91: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

스큐어모피즘 (Skeuomorphism)

• 마이크로소프트의 “메트로 UI”

클릭하는 컴퓨터가 아닌 터치하는 화면으로의 전환

91

Page 92: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

웹툰의 미디어형 진화

92

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

Page 93: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

웹툰의 미디어형 진화

93

Page 94: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

클래식한 책을 디지털로

94

http://vnap.tistory.com/41

• 게임북을 디지털로?

Page 95: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

클래식한 책을 디지털로

• 닷코드

• 닷코드가 적용된 종이에 닷코드 펜을 대면 음성이나 영상이 재생

• 컴퓨터와 연동하여 (실시간으로) 영상과 내용을 전달 가능

• 집에서 (닷코드를 지원하는) 일반 프린터로 닷코드가 입혀진 종이

출력도 가능

• 현재는 유아 혹은 교육의 용도로 자주 사용되고 있음

➡ 사전찾기나 인터랙티비티와 같은 개인적활용 이외에도 집단지

성이나 소셜미디어와의 연동을 통한 다양한 가능성이 열려있음

95

Page 96: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

다양한 이북들

96

Life on Earth Alice in WonderlandOur Choice by Al Gore

Page 97: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

Kobo Reader

97

Page 98: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim

인터랙티브 북

• 게임샐러드라는 DIY 게임만드는 툴을 통한 인터랙티브 북의 제작

98

Page 99: 이리딩(eReading) 경험을 위한 디자인씽킹

from Dongwhan Kim 99

Page 100: 이리딩(eReading) 경험을 위한 디자인씽킹

감사합니다Questions?

김동환@commuz

[email protected]