SlideShare a Scribd company logo
1 of 20
Download to read offline
Book Study_9주차_3조

2부 별난디자인, 미친방법론
● 
● 
● 
● 

폭풍우 치는 밤에…
시각적 스토리텔링
초간단 애니메이션
팬터마임
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 폭풍우 치는 밤에...

Design As Storytelling
"잘 만든 이야기 한편이 수천장의 그림보다 낫다." - (Gersho11 & Pagc 2001)
“스케치란 대단히 형태에 충실한 표현입니다. 너무 일찍 스케치에 들아가 형태 를 결정지으면
디자인은 좁은 시각적 틀 안에 갇히고 맙니다”. (p.294)
“이야기는 쉽게 머릿속에 남는다” - Tomas Erickson
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 시각적 스토리텔링

Role Playing In Design
"우리의 목적은 제품을 테스트하는 것이 아니다.
제품이 어떤 경험을 유발하는지 이해하는 것이 목적이다." (p.299)
●  제품 역할

Wizard of Oz와 유사하나, 제품이 진짜 처럼 보일 필요는 없다.
예) 하루동안 사용자를 따라다니며 길찾기를 도와주는 제품을 연기

●  사용자 역할

실제로 사용자가 되어 현장과 정황을 경험한다.
예1) Black Like Me - John Howard Griffin
: 1959년 인종차별로 인한 갈등이 최고조에 달한 시기 피부를 염색하고
외모를 흑인처럼 바꿔 흑인의 삶을 경험
예2) Disguised: A True Story - Patricia Moore
: 저자가 노인으로 변장하여 시력감퇴나 신체적 장애를 경험
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 시각적 스토리텔링

Role Playing In Design
"연극은 디자인이 사용될 정황을 효과적으로 전달한다." (p.309)

●  바디스토밍
특정한 문제에 대해 새로운 아이디어와 인사이트를 생성해내기 위한
수단으로 연기를 도입한다.
제품이 사용될 장소를 미리가서 사용자들의 행동을 관찰하면
바디스토밍을 위한 방향을 좀더 효율적으로 잡을 수 있다.
카드보드나 스케치 등 주변에 있는 간단한 소도구를 이용하여
프로토타입과 소품을 빠르게 수행한다.
참여자는 종종 사용자/고객 뿐아니라 하드웨어나 소프트웨어 같은
사람이 아닌 물체도 역할을 수행 한다.

페이퍼 종이컵 사용을 줄이기 위한 아이디어 발굴을 위한 바디스토밍 워크샵 예제 비디오 :
http://vimeo.com/5968946
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 롤플레잉 사례

* 레고로 시나리오 표현하기
1. 퍼소나를 축으로 시나리오 뼈대를 작성한다
2. 구체적인 내용을 작성하면서 필요한 장면을 추려낸다.
3. 필요한 장면을 연출하고 퍼소나를 실제 배치하면서 생생한 장면을 연출하고
여러가지 시도를 해보며 새로운 발견을 한다.

출처: pxd
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 롤플레잉 사례

* 리서치 방법 - Be the customer

출처: UX1
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 롤플레잉 사례

* 서비스디자인 워크샵 툴킷 - Define Stakeholder

My role is ____
- 생각 / 사고 / 관심사
- 활동 / 하는 일 / 능력
- 성격 / 성향
- 배경 / 생활영역 / 환경

출처: 서비스디자인 워크샵 툴킷북
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 롤플레잉 사례

* 게임스토밍 - 참가자와 관찰자

참여자 – 자신이 맡은 역할에 이입해보며
역할의 무의식중 행동, 성향, 생각을 경험한다
관찰자 – 역할에 적합한지 분석하고 파악하고 피드백을 준다

출처: 게임스토밍
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - ethnography research 사례

* 관찰의 힘 - 얀 칩체이스

- 디자인계의 인디아나 존스
- 극단적 아웃라이어
- “호텔이 아닌 현지인의 집에서 함께 살면서 organic 데
이터를 입수하라. 대중교통과 자전거를 이용해 현지인들
과의 접촉면을 넓혀라. “
- 2000~2010, 노키아, 최고 연구자
- 현재, 혁신 디자인 컨설팅 회사 Frog design, 크리에이
티브 디렉터
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - ethnography research 사례

* 헝그리 플래닛
- 전 세계 사람들이 무엇을 어떻게 먹고 있는지를 조사한 다큐 형식의 책
- SK컴즈의 한명수 이사가 최고의 UX책으로 추천 (리서치의 모든것)
- 저자들은 전 세계 24개국을 돌면서 총 30가족을 만나 가족 구성원들
이 일주일 동안 소비하는 식품과 그들의 일상을 글과 사진에 담아내었다
- 각 장에서는 한 가족의 일주일치 분량 식품 사진과 상세 목록 등을 소
개하며, 각기 다른 문화와 풍습을 가진 사람들이 현재 무엇을 어떻게 먹
고 있는지를 보여준다. 또한 각 나라의 대표성을 지닌 해당 가족이 살아
가는 삶의 풍경들을 있는 그대로 풀어 놓는다
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 스케치 < 말 사례

* Brainwriting
- 독일에서 나온 아이디어 발상법
- 그룹이 아이디어를 고안할 때 아이디어를
조용히 그롤 써서 내놓는 작업
- 모든 여건이 똑같을 경우, 브레인 스토밍
< 브레인 라이팅 더 많은 아이디어 창출
- 자유분방하게 의견 표출, 다른 의견과 교
환하여 검토하면서 사물을 보는 시야를 넓
힘
* 653법
6명이 5분 동안 3가지 아이디어
> 옆 사람에게 돌려서 추가하기
> 30분간 108개의 아이디어 탄생
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 초간단 애니메이션

The aim of the GO project was the
implementation of a wireless network
in the Helsinki University of
Technology in order to investigate the
service architecture for the Nomadic
Internet User of the Future. Role
games were used for allowing users,
experts and designing in envision and
act out new product concepts taking
into account three fundamental
aspects: the interaction between
different groups, the mobility of
participants during the interaction and
the context of each participant in terms
of artifacts, tools and environment.

Role Playing the Browser
“Rehearse the UI conversation” - Stephan P. Anderson.
(Video: http://goo.gl/trkm9V)

Designers of IDEO role-played situations
involving doctors, nurses, anesthesiologists
and patients in order to simulate the
interdependent tasks demanding of the
operating rooms staff.
UC industrial design student Chase Jones tries to use the
current design for the hospital tray table as he role played
being a hospital patient.
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 폭풍우 치는 밤에...

Storyboarding
"Storyboarding isn’t about pretty pictures its about communicating ideas."
- Scott Klemmer
Things to think about when sketching

Storyboards Should Convey
Setting
• People involved
• Environment
• Task being accomplished
Sequence
• What steps are involved?
• What leads someone to use the app?
• What task is being illustrated?
Satisfaction
• What’s motivates people to use this system?
• What does it enable people to accomplish?
• What need does the system fill?
referenced from the HCI class by Scott Klemmer at UCSD.
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 폭풍우 치는 밤에...

Storyboarding

referenced from Amal Dar Aziz, Guide to Storyboarding
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 폭풍우 치는 밤에...

Storyboarding

referenced from Amal Dar Aziz, Guide to Storyboarding
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 시각적 스토리텔링 사례

* Paper prototyping

- 모든 화면을 한 눈에 보고 흐름에 따라 실행해봄
- 여러가지 문제를 떠올려 볼 수있다
“빠뜨린 것은 없나? 흐름은 적당한가? 화면수가 너무 많지 않나? 더 좋은 접근법은 없을까?”
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 초간단 애니메이션

애니메이션 기법
- 인터랙션을 스케치하기 위한 목적을 지닌 방법론.
- 아직 완성되지 않은 인터페이스, 기능 경험의 성격은 무엇인지
움직임은 어떠한지 탐색할 때 유용

[플립북 애니메이션]

[그림지향 애니메이션]
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 애니메이션 기법 사례

* Ex-A-Sketch

Wizard of Oz Animation for experience prototyping h

http://www.youtube.com/watch?v=ZN5APqiQY-o
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 팬터마임

팬터마임 (pantomime)
[정의] 대사없이 몸짐 표현만으로 사상 및 감정을 표현하는 모든 연극적 형식 또는 그 연기자 (무언극)
[적용] 가상의 애니메이션을 실제의 세상 및 사람과 연결하는 방법론

[원칙] [1] 스케치를 최종 디자인으로 착각할 위험이 없게 하라

[2] 어느정도 연극적인 상황을 연출해 이것이 ‘연기’라는 점을 인지시켜라
Book Study_9주차_3조

2부 별난 디자인, 미친 방법론 - 디자이너의 의도를 보여주기 사례

* iPhone keynote - Steve Jobs
팬터마임, 애니메이션을 활용하는 것은
시스템을 얼마나 잘 알고, 인터랙션을 잘
활용하는지 보여주어 디자이너의 의도를
보여주는 것
2007년 1월, iPhone 완성품이 나오기
6개월 전, 128mb, 멀티 태스킹도
안 되지만 여러 대의 프로토타입 아이폰
을 가지고 시연에 성공한
스티브 잡스

More Related Content

Similar to 9주차 book 3조_김남욱나사랑임혜진

No silver bullet
No silver bulletNo silver bullet
No silver bulletChanho Song
 
9주차 book 2조_민슬기송치성김자영
9주차 book 2조_민슬기송치성김자영9주차 book 2조_민슬기송치성김자영
9주차 book 2조_민슬기송치성김자영홍일 김
 
No silver bullet
No silver bulletNo silver bullet
No silver bulletChanho Song
 
No silver bullet
No silver bulletNo silver bullet
No silver bulletChanho Song
 
No silver bullet @KASA open seminar
No silver bullet @KASA open seminarNo silver bullet @KASA open seminar
No silver bullet @KASA open seminarChanho Song
 
No silver bullet
No silver bulletNo silver bullet
No silver bulletChanho Song
 
Fingertip house; 3D self interior service ppt
Fingertip house; 3D self interior service  pptFingertip house; 3D self interior service  ppt
Fingertip house; 3D self interior service pptssuser918bf9
 
Fingertip house; 3D interior service ppt
Fingertip house; 3D interior service pptFingertip house; 3D interior service ppt
Fingertip house; 3D interior service pptssuser918bf9
 
Sns (201209024)박상혁
Sns (201209024)박상혁Sns (201209024)박상혁
Sns (201209024)박상혁Sanghyeok Park
 
13th.lecture.step5.prototyping 20190531
13th.lecture.step5.prototyping 2019053113th.lecture.step5.prototyping 20190531
13th.lecture.step5.prototyping 20190531Jeongeun Kwon
 
UX 디자인 리서치 과정과 팁
UX 디자인 리서치 과정과 팁UX 디자인 리서치 과정과 팁
UX 디자인 리서치 과정과 팁Hyun-june Kwon
 
디자인씽킹(Design Thinking) 이해와 실습 (Seoul Creative Lab 교육과정): 김정태
디자인씽킹(Design Thinking) 이해와 실습 (Seoul Creative Lab 교육과정): 김정태디자인씽킹(Design Thinking) 이해와 실습 (Seoul Creative Lab 교육과정): 김정태
디자인씽킹(Design Thinking) 이해와 실습 (Seoul Creative Lab 교육과정): 김정태Jeongtae Kim
 
비즈니스 아이디어 도출법 생각정리 세미나 (강함수)
비즈니스 아이디어 도출법 생각정리 세미나 (강함수)비즈니스 아이디어 도출법 생각정리 세미나 (강함수)
비즈니스 아이디어 도출법 생각정리 세미나 (강함수)SCOTOSS
 
[Imr]week07 [자동 저장]
[Imr]week07 [자동 저장][Imr]week07 [자동 저장]
[Imr]week07 [자동 저장]JY LEE
 
[2023-1학기 아산 유스프러너 앙트십 프로젝트] 인창고등학교 GSJ
[2023-1학기 아산 유스프러너 앙트십 프로젝트] 인창고등학교 GSJ[2023-1학기 아산 유스프러너 앙트십 프로젝트] 인창고등학교 GSJ
[2023-1학기 아산 유스프러너 앙트십 프로젝트] 인창고등학교 GSJFreewill Inc.
 
[Seminar]3rd.lecture.uxui.proposal.20210727
[Seminar]3rd.lecture.uxui.proposal.20210727[Seminar]3rd.lecture.uxui.proposal.20210727
[Seminar]3rd.lecture.uxui.proposal.20210727Jeongeun Kwon
 
비즈니스 아이디어 도출 방법론 소개 V2.0 에스코토스
비즈니스 아이디어 도출 방법론 소개 V2.0 에스코토스비즈니스 아이디어 도출 방법론 소개 V2.0 에스코토스
비즈니스 아이디어 도출 방법론 소개 V2.0 에스코토스SCOTOSS
 

Similar to 9주차 book 3조_김남욱나사랑임혜진 (20)

No silver bullet
No silver bulletNo silver bullet
No silver bullet
 
9주차 book 2조_민슬기송치성김자영
9주차 book 2조_민슬기송치성김자영9주차 book 2조_민슬기송치성김자영
9주차 book 2조_민슬기송치성김자영
 
No silver bullet
No silver bulletNo silver bullet
No silver bullet
 
No silver bullet
No silver bulletNo silver bullet
No silver bullet
 
No silver bullet @KASA open seminar
No silver bullet @KASA open seminarNo silver bullet @KASA open seminar
No silver bullet @KASA open seminar
 
No silver bullet
No silver bulletNo silver bullet
No silver bullet
 
Triarms project
Triarms projectTriarms project
Triarms project
 
Cgc 2014
Cgc 2014Cgc 2014
Cgc 2014
 
Fingertip house; 3D self interior service ppt
Fingertip house; 3D self interior service  pptFingertip house; 3D self interior service  ppt
Fingertip house; 3D self interior service ppt
 
Fingertip house; 3D interior service ppt
Fingertip house; 3D interior service pptFingertip house; 3D interior service ppt
Fingertip house; 3D interior service ppt
 
Sns (201209024)박상혁
Sns (201209024)박상혁Sns (201209024)박상혁
Sns (201209024)박상혁
 
13th.lecture.step5.prototyping 20190531
13th.lecture.step5.prototyping 2019053113th.lecture.step5.prototyping 20190531
13th.lecture.step5.prototyping 20190531
 
1.코드장인의길
1.코드장인의길1.코드장인의길
1.코드장인의길
 
UX 디자인 리서치 과정과 팁
UX 디자인 리서치 과정과 팁UX 디자인 리서치 과정과 팁
UX 디자인 리서치 과정과 팁
 
디자인씽킹(Design Thinking) 이해와 실습 (Seoul Creative Lab 교육과정): 김정태
디자인씽킹(Design Thinking) 이해와 실습 (Seoul Creative Lab 교육과정): 김정태디자인씽킹(Design Thinking) 이해와 실습 (Seoul Creative Lab 교육과정): 김정태
디자인씽킹(Design Thinking) 이해와 실습 (Seoul Creative Lab 교육과정): 김정태
 
비즈니스 아이디어 도출법 생각정리 세미나 (강함수)
비즈니스 아이디어 도출법 생각정리 세미나 (강함수)비즈니스 아이디어 도출법 생각정리 세미나 (강함수)
비즈니스 아이디어 도출법 생각정리 세미나 (강함수)
 
[Imr]week07 [자동 저장]
[Imr]week07 [자동 저장][Imr]week07 [자동 저장]
[Imr]week07 [자동 저장]
 
[2023-1학기 아산 유스프러너 앙트십 프로젝트] 인창고등학교 GSJ
[2023-1학기 아산 유스프러너 앙트십 프로젝트] 인창고등학교 GSJ[2023-1학기 아산 유스프러너 앙트십 프로젝트] 인창고등학교 GSJ
[2023-1학기 아산 유스프러너 앙트십 프로젝트] 인창고등학교 GSJ
 
[Seminar]3rd.lecture.uxui.proposal.20210727
[Seminar]3rd.lecture.uxui.proposal.20210727[Seminar]3rd.lecture.uxui.proposal.20210727
[Seminar]3rd.lecture.uxui.proposal.20210727
 
비즈니스 아이디어 도출 방법론 소개 V2.0 에스코토스
비즈니스 아이디어 도출 방법론 소개 V2.0 에스코토스비즈니스 아이디어 도출 방법론 소개 V2.0 에스코토스
비즈니스 아이디어 도출 방법론 소개 V2.0 에스코토스
 

9주차 book 3조_김남욱나사랑임혜진

  • 1. Book Study_9주차_3조 2부 별난디자인, 미친방법론 ●  ●  ●  ●  폭풍우 치는 밤에… 시각적 스토리텔링 초간단 애니메이션 팬터마임
  • 2. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 폭풍우 치는 밤에... Design As Storytelling "잘 만든 이야기 한편이 수천장의 그림보다 낫다." - (Gersho11 & Pagc 2001) “스케치란 대단히 형태에 충실한 표현입니다. 너무 일찍 스케치에 들아가 형태 를 결정지으면 디자인은 좁은 시각적 틀 안에 갇히고 맙니다”. (p.294) “이야기는 쉽게 머릿속에 남는다” - Tomas Erickson
  • 3. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 시각적 스토리텔링 Role Playing In Design "우리의 목적은 제품을 테스트하는 것이 아니다. 제품이 어떤 경험을 유발하는지 이해하는 것이 목적이다." (p.299) ●  제품 역할 Wizard of Oz와 유사하나, 제품이 진짜 처럼 보일 필요는 없다. 예) 하루동안 사용자를 따라다니며 길찾기를 도와주는 제품을 연기 ●  사용자 역할 실제로 사용자가 되어 현장과 정황을 경험한다. 예1) Black Like Me - John Howard Griffin : 1959년 인종차별로 인한 갈등이 최고조에 달한 시기 피부를 염색하고 외모를 흑인처럼 바꿔 흑인의 삶을 경험 예2) Disguised: A True Story - Patricia Moore : 저자가 노인으로 변장하여 시력감퇴나 신체적 장애를 경험
  • 4. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 시각적 스토리텔링 Role Playing In Design "연극은 디자인이 사용될 정황을 효과적으로 전달한다." (p.309) ●  바디스토밍 특정한 문제에 대해 새로운 아이디어와 인사이트를 생성해내기 위한 수단으로 연기를 도입한다. 제품이 사용될 장소를 미리가서 사용자들의 행동을 관찰하면 바디스토밍을 위한 방향을 좀더 효율적으로 잡을 수 있다. 카드보드나 스케치 등 주변에 있는 간단한 소도구를 이용하여 프로토타입과 소품을 빠르게 수행한다. 참여자는 종종 사용자/고객 뿐아니라 하드웨어나 소프트웨어 같은 사람이 아닌 물체도 역할을 수행 한다. 페이퍼 종이컵 사용을 줄이기 위한 아이디어 발굴을 위한 바디스토밍 워크샵 예제 비디오 : http://vimeo.com/5968946
  • 5. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 롤플레잉 사례 * 레고로 시나리오 표현하기 1. 퍼소나를 축으로 시나리오 뼈대를 작성한다 2. 구체적인 내용을 작성하면서 필요한 장면을 추려낸다. 3. 필요한 장면을 연출하고 퍼소나를 실제 배치하면서 생생한 장면을 연출하고 여러가지 시도를 해보며 새로운 발견을 한다. 출처: pxd
  • 6. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 롤플레잉 사례 * 리서치 방법 - Be the customer 출처: UX1
  • 7. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 롤플레잉 사례 * 서비스디자인 워크샵 툴킷 - Define Stakeholder My role is ____ - 생각 / 사고 / 관심사 - 활동 / 하는 일 / 능력 - 성격 / 성향 - 배경 / 생활영역 / 환경 출처: 서비스디자인 워크샵 툴킷북
  • 8. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 롤플레잉 사례 * 게임스토밍 - 참가자와 관찰자 참여자 – 자신이 맡은 역할에 이입해보며 역할의 무의식중 행동, 성향, 생각을 경험한다 관찰자 – 역할에 적합한지 분석하고 파악하고 피드백을 준다 출처: 게임스토밍
  • 9. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - ethnography research 사례 * 관찰의 힘 - 얀 칩체이스 - 디자인계의 인디아나 존스 - 극단적 아웃라이어 - “호텔이 아닌 현지인의 집에서 함께 살면서 organic 데 이터를 입수하라. 대중교통과 자전거를 이용해 현지인들 과의 접촉면을 넓혀라. “ - 2000~2010, 노키아, 최고 연구자 - 현재, 혁신 디자인 컨설팅 회사 Frog design, 크리에이 티브 디렉터
  • 10. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - ethnography research 사례 * 헝그리 플래닛 - 전 세계 사람들이 무엇을 어떻게 먹고 있는지를 조사한 다큐 형식의 책 - SK컴즈의 한명수 이사가 최고의 UX책으로 추천 (리서치의 모든것) - 저자들은 전 세계 24개국을 돌면서 총 30가족을 만나 가족 구성원들 이 일주일 동안 소비하는 식품과 그들의 일상을 글과 사진에 담아내었다 - 각 장에서는 한 가족의 일주일치 분량 식품 사진과 상세 목록 등을 소 개하며, 각기 다른 문화와 풍습을 가진 사람들이 현재 무엇을 어떻게 먹 고 있는지를 보여준다. 또한 각 나라의 대표성을 지닌 해당 가족이 살아 가는 삶의 풍경들을 있는 그대로 풀어 놓는다
  • 11. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 스케치 < 말 사례 * Brainwriting - 독일에서 나온 아이디어 발상법 - 그룹이 아이디어를 고안할 때 아이디어를 조용히 그롤 써서 내놓는 작업 - 모든 여건이 똑같을 경우, 브레인 스토밍 < 브레인 라이팅 더 많은 아이디어 창출 - 자유분방하게 의견 표출, 다른 의견과 교 환하여 검토하면서 사물을 보는 시야를 넓 힘 * 653법 6명이 5분 동안 3가지 아이디어 > 옆 사람에게 돌려서 추가하기 > 30분간 108개의 아이디어 탄생
  • 12. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 초간단 애니메이션 The aim of the GO project was the implementation of a wireless network in the Helsinki University of Technology in order to investigate the service architecture for the Nomadic Internet User of the Future. Role games were used for allowing users, experts and designing in envision and act out new product concepts taking into account three fundamental aspects: the interaction between different groups, the mobility of participants during the interaction and the context of each participant in terms of artifacts, tools and environment. Role Playing the Browser “Rehearse the UI conversation” - Stephan P. Anderson. (Video: http://goo.gl/trkm9V) Designers of IDEO role-played situations involving doctors, nurses, anesthesiologists and patients in order to simulate the interdependent tasks demanding of the operating rooms staff. UC industrial design student Chase Jones tries to use the current design for the hospital tray table as he role played being a hospital patient.
  • 13. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 폭풍우 치는 밤에... Storyboarding "Storyboarding isn’t about pretty pictures its about communicating ideas." - Scott Klemmer Things to think about when sketching Storyboards Should Convey Setting • People involved • Environment • Task being accomplished Sequence • What steps are involved? • What leads someone to use the app? • What task is being illustrated? Satisfaction • What’s motivates people to use this system? • What does it enable people to accomplish? • What need does the system fill? referenced from the HCI class by Scott Klemmer at UCSD.
  • 14. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 폭풍우 치는 밤에... Storyboarding referenced from Amal Dar Aziz, Guide to Storyboarding
  • 15. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 폭풍우 치는 밤에... Storyboarding referenced from Amal Dar Aziz, Guide to Storyboarding
  • 16. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 시각적 스토리텔링 사례 * Paper prototyping - 모든 화면을 한 눈에 보고 흐름에 따라 실행해봄 - 여러가지 문제를 떠올려 볼 수있다 “빠뜨린 것은 없나? 흐름은 적당한가? 화면수가 너무 많지 않나? 더 좋은 접근법은 없을까?”
  • 17. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 초간단 애니메이션 애니메이션 기법 - 인터랙션을 스케치하기 위한 목적을 지닌 방법론. - 아직 완성되지 않은 인터페이스, 기능 경험의 성격은 무엇인지 움직임은 어떠한지 탐색할 때 유용 [플립북 애니메이션] [그림지향 애니메이션]
  • 18. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 애니메이션 기법 사례 * Ex-A-Sketch Wizard of Oz Animation for experience prototyping h http://www.youtube.com/watch?v=ZN5APqiQY-o
  • 19. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 팬터마임 팬터마임 (pantomime) [정의] 대사없이 몸짐 표현만으로 사상 및 감정을 표현하는 모든 연극적 형식 또는 그 연기자 (무언극) [적용] 가상의 애니메이션을 실제의 세상 및 사람과 연결하는 방법론 [원칙] [1] 스케치를 최종 디자인으로 착각할 위험이 없게 하라 [2] 어느정도 연극적인 상황을 연출해 이것이 ‘연기’라는 점을 인지시켜라
  • 20. Book Study_9주차_3조 2부 별난 디자인, 미친 방법론 - 디자이너의 의도를 보여주기 사례 * iPhone keynote - Steve Jobs 팬터마임, 애니메이션을 활용하는 것은 시스템을 얼마나 잘 알고, 인터랙션을 잘 활용하는지 보여주어 디자이너의 의도를 보여주는 것 2007년 1월, iPhone 완성품이 나오기 6개월 전, 128mb, 멀티 태스킹도 안 되지만 여러 대의 프로토타입 아이폰 을 가지고 시연에 성공한 스티브 잡스