SlideShare una empresa de Scribd logo
1 de 12
Descargar para leer sin conexión
시 각 영 상 디 자 인
1310585 최하늘
혁신적인 사용자 경험을 위한
인터랙션 디자인
Interaction Design
댄 새퍼 지음 ㅣ 이수인 옮김
Contents
01_ 인터랙션 디자인이란?
02_ 인터랙션 디자인의 네가지 접근법
03_ 디자인전략 및 리서치
04_ 체계적인 결과물
05_ 구상화와 디자인 원칙
06_ 다듬기
07_ 프로토타입, 테스트, 개발
인터랙션 디자인이란?
01
인터랙션 디자인
정의하기 쉽지 않은 분야 → 산업 디자인, 커뮤니케이션 디자인, 인적요소 등 다양한 관련분야에서 뻗어나왔기 때문
대부분이 겉으로 보이지 않으며 화면 뒤에서 가능하기 때문
동작에 대한 것 → 동작이 있는 곳에는 언제나 인터랙션 디자이너가 관여할 여지가 있으며, 최선의 경험을 만들어내기 위해서는 관여해야 함
인터랙션 디자인을 바라보는 세 가지 방법
기술 중심의 시각 → 디지털 기술을 사람이 사용할수있고, 사용할만하고, 사용하기 좋게 만듦
디자이너는 엔지니어와 프로그래머가 만들어낸 기본적인 기능을 가져다가 사람들이 즐겁게 사용할 수 있는 제품으로 바꿈
동작 중심의 시각 → 제품이 이 제품과 관계를 맺는 사람들이 어떻게 행동하는지에 따라 어떻게 동작하고 피드백을 주는 것
사회적 인터랙션 디자인의 시각 → 사회적이며 제품을 통해 인간간의 커뮤니케이션을 만들어낸다는 데에 초점을 맞춤
인터랙션 디자인이란?
01
인터랙션 디자인이 받아들인 몇 가지 접근법 사용자에게 집중한다
대안을 찾는다
구상화와 프로토타이핑을 이용한다
서로 협력하고 제약상황을 고심한다
적절한 해결책을 찾는다
넓은 범위의 영향을 받는다
감성을 섞는다
인터랙션 디자인이란?
01
UX 디자인
인터랙션 디자인
정보 설계 아키텍쳐
산업디자인
컨텐츠
시각디자인
휴먼-컴퓨터
인터랙션
사운드
디자인
인터랙션 디자인을 둘러싼 다양한 분야
대부분의 분야들은 어느정도 UX디자인의 영역
아래 위치
각 분야의 사용자가 제품과 만나는 모든 접점을
살펴보고 이들이 조화를 이루도록 해야하는
분야가 UX디자인 분야
인터랙션 디자인의 네가지 접근법
02
인터랙션 디자인 프로젝트에서 주로 사용되는 방법들에는 크게 사용자 중심 디자인, 활동 중심 디자인, 시스템적 디자인, 창조적 디자인 네가지가 있다.
이 방법들은 모두 성공적인 제품을 만들어내는 데에 이용되며 이들 중 자신에게 가장 적합한 방법을 선택하는것은 디자이너에게 달렸다
사용자 중심 디자인
활동 중심 디자인
시스템적 디자인
창조적 디자인
사용자의 요구와
목표를 중시
성취돼야하는 목표에
대한 작업과 활동을 중시
시스템의 구성요소를
중시
제품을 만드는
디자이너의 기술과
지혜를 중시
디자인의 방향 제시
활동 수행
시스템의 목표 지시
결과물 인정
사용자의 요구와
목표의 해석자
활동을 위한 도구를 제작
시스템의 모든 조각들을
제자리에 맞춤
영감의 원천
사용자 디자이너개요
디자인 전략 및 리서치
03
인터랙션 디자이너가 만들어낼 제품을 사용할 사람들과 그들이 제품을 사용할 컨텍스트를 이해하기 위해선 디자인전략 및 리서치를 이해해야 한다
디자인 전략
디자인 프로세스를 시작할 때 진행하는 제품이나 프로젝트의 기획
디자인 전략을 세울 때, 문제 정의하고 차별점을 정의하고 시각화와 비전 제시한 다음에 프로젝트 계획과 로드맵을 세운다
디자인 리서치
제품 서비스의 가능성이나 현재의 사용자나 시장 환경을 여러가지 측면에서 조사하는 활동
문화인류학, 과학과 사회학 연구, 환경조사, 디자인 그 자체의 방법론들을 모두 섞어서 이용
제품이나 서비스가 존재하는 감성적, 문화적, 심리적인 컨텍스트를 이해하는 것은 무엇보다 중요하며 이는 오직 리서치를 통해서만 얻을수 있음
디자인리서치는 인터랙션 디자이너가 사용할 수 있는 강력한 도구
리서치 방법
관찰(구경,추적,탐문,잠입), 인터뷰, 활동(꼴라주, 모형제작, 그림그리기), 자기관찰(일지, 호출기 연구, 사진동영상 일지)
체계적인 결과물
04
리서치가 끝난 다음에 산더미처럼 쌓인 관찰 결과와 데이터는 대부분 정형화돼 있지 않고 딱히 어디에 쓸모가 있을지 확실하지 않다
리서치 데이터는 분석돼 수조화된 결과물로 바꿔야한다
그래서 리서치 분석과 구조화된 결과물을 만들기위해선 체계적인 결과물이 필요하다
체계적인 결과물
이해하기 편한 형태로 바뀐 리서치 데이터 → 이야기, 모델, 시각화, 퍼소나등의 방법
개념모델
추상화의 결과물로, 데이터에서 가장 관련이 깊은 조각들을 정리해 새로운 방식으로 생각하게끔 만드는 시각적 도구
새로운 무언가를 만들어내는 시각화 방법
퍼소나
행동과 동기, 기대에 의해 사용자들의 경계를 정하기 위해 사용되는 개념모델의 특정유형
구상화와 디자인 원칙
05
컨셉만들기
구상화 단계에서는 짧은 시간동안 가능한 많은 컨셉을 짜내는 것이 중요, 체계적인 브레인스토밍
↓
컨셉 정리하기
↓
디자인 원칙 만들기
남은 디자인단계 동안 디자인 결정을 돕기 위해 만든 구절들의 모음
이해관계자와 사용자의 의견도 들었고 전략과 디자인 리서치로부터 모델도 도출했다면 무언가를 디자인하는 구상을 시작해야 한다
다듬기
06
1_ 제약조건 파악
2_ 프레임워크 체계화
제품이 전체적으로 어떤 기능을 담고 있으며 어떻게 동작하는지를 실제로, 혹은 형이상학적으로 체계화하는 것이 필요
프레임워크를 적용하기 위한 세가지 방법 → 메타포, 태도, 구조
메타포 : 사용자들이 가상(디지털)의 컨셉을 이해하게 하는 방법 ex) 그래픽 유저 인터페이스
태도 : 독립, 단기, 잠복, 기생 의 네가지로 지난 30년간 소프트웨어 디자인에 만들어진 일반적인 구조들을 앨린쿠퍼가 태도라고 칭함
3_ 컨드롤
물리적인 컨트롤, 디지털 컨트롤
다듬는다는것은 컨셉을 구현화시키는 것
컨셉이 어떻게 진행될 것이며 이것이 주어진 제한 안에서 가능한지에 대해 더 똑똑하고 의도적인 결정을 내리는 일
올바를 어포던스와 피드백을 통해 사용자들이 올바른 심성 모델을 만들어낼 수 있게 함으로써 그들이 제품을 적절하게 쓰게끔 유도하는 작업
프로토타입, 테스트, 개발
07
인터페이스 디자인 → 프로토타입을 할 때에 신경써야 하는 가장 중요한 일 중 하나
인터랙션 디자인의 경험된 표상이며, 사람들이 보고 듣고 느끼는 부분만을 담당하는 인터랙션 디자인의 한 부분
프로토타입
최종 제품을 제외하고는 프로토타입이 인터랙션 디자이너의 비전에 대한 최고의 설명이다
모든 디자인의 조각들이 마침내 하나로 합쳐지는 것이며 형태는 디자이너가 가진 자원과 디자인돼야 할 제품 및 서비스의 형태에 따라 정해진다
가벼운 프로토타입, 종이 프로토타입, 실물 프로토타입, 충실한 프로토타입, 서비스 프로토타입 등이 있다
테스트
디자인 리서치 과정을 통해 만들어진 잘못된 결론들을 바로 잡을 수 있는 시간
개발
제품이나 프로젝트의 출시 전 마지막 단계
Thank you!

Más contenido relacionado

La actualidad más candente

퍼소나로 완성하는 인터랙션 디자인
퍼소나로 완성하는 인터랙션 디자인퍼소나로 완성하는 인터랙션 디자인
퍼소나로 완성하는 인터랙션 디자인정인 주
 
스타트업에서의 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
 
디자인씽킹 (Design Thinking)
디자인씽킹 (Design Thinking)디자인씽킹 (Design Thinking)
디자인씽킹 (Design Thinking)필호 이
 
디자인씽킹 이노베이션 워크숍(Part 1: 디자인씽킹 세계관과 프로세스)
디자인씽킹 이노베이션 워크숍(Part 1: 디자인씽킹 세계관과 프로세스)디자인씽킹 이노베이션 워크숍(Part 1: 디자인씽킹 세계관과 프로세스)
디자인씽킹 이노베이션 워크숍(Part 1: 디자인씽킹 세계관과 프로세스)Jeongtae Kim
 
14th.lecture.the.critical.view.about.ux.20180608
14th.lecture.the.critical.view.about.ux.2018060814th.lecture.the.critical.view.about.ux.20180608
14th.lecture.the.critical.view.about.ux.20180608Jeongeun Kwon
 
이리딩(eReading) 경험을 위한 디자인씽킹
이리딩(eReading) 경험을 위한 디자인씽킹이리딩(eReading) 경험을 위한 디자인씽킹
이리딩(eReading) 경험을 위한 디자인씽킹Dongwhan Kim
 
제 6회 DGMIT UI&UX 컨퍼런스: 디자인 전문기업 성공 사례
 제 6회 DGMIT UI&UX 컨퍼런스: 디자인 전문기업 성공 사례 제 6회 DGMIT UI&UX 컨퍼런스: 디자인 전문기업 성공 사례
제 6회 DGMIT UI&UX 컨퍼런스: 디자인 전문기업 성공 사례dgmit2009
 
사용자경험유지하기(@UX Storming/2012)
사용자경험유지하기(@UX Storming/2012)사용자경험유지하기(@UX Storming/2012)
사용자경험유지하기(@UX Storming/2012)keesung kim
 
130522 book study-사례로보는ux디자인
130522 book study-사례로보는ux디자인130522 book study-사례로보는ux디자인
130522 book study-사례로보는ux디자인정인 주
 
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
 
사회적기업가를 위한 디자인씽킹 (Design Thinking for Social Entrepreneurs)
사회적기업가를 위한 디자인씽킹 (Design Thinking for Social Entrepreneurs)사회적기업가를 위한 디자인씽킹 (Design Thinking for Social Entrepreneurs)
사회적기업가를 위한 디자인씽킹 (Design Thinking for Social Entrepreneurs)Jeongtae Kim
 
오래가는 Ux 디자인 1414905 이서현
오래가는 Ux 디자인   1414905 이서현오래가는 Ux 디자인   1414905 이서현
오래가는 Ux 디자인 1414905 이서현서현 이
 
사용자 리서치 분석
사용자 리서치 분석사용자 리서치 분석
사용자 리서치 분석Hye-ryeong Park
 
13th.lecture.step4.ideation 2
13th.lecture.step4.ideation 213th.lecture.step4.ideation 2
13th.lecture.step4.ideation 2Jeongeun Kwon
 
[Seminar]2nd.lecture.uxui.consulting.20210713
[Seminar]2nd.lecture.uxui.consulting.20210713[Seminar]2nd.lecture.uxui.consulting.20210713
[Seminar]2nd.lecture.uxui.consulting.20210713Jeongeun Kwon
 
서비스디자인
서비스디자인서비스디자인
서비스디자인ciao8864
 
국내 제조기업의 서비스디자인 사례 - 고종현 더디앤에이 주식회사 디자인씽킹랩 실장
국내 제조기업의 서비스디자인 사례 - 고종현 더디앤에이 주식회사 디자인씽킹랩 실장국내 제조기업의 서비스디자인 사례 - 고종현 더디앤에이 주식회사 디자인씽킹랩 실장
국내 제조기업의 서비스디자인 사례 - 고종현 더디앤에이 주식회사 디자인씽킹랩 실장한국디자인진흥원 공공서비스디자인PD
 

La actualidad más candente (20)

퍼소나로 완성하는 인터랙션 디자인
퍼소나로 완성하는 인터랙션 디자인퍼소나로 완성하는 인터랙션 디자인
퍼소나로 완성하는 인터랙션 디자인
 
스타트업에서의 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)
 
디자인씽킹 (Design Thinking)
디자인씽킹 (Design Thinking)디자인씽킹 (Design Thinking)
디자인씽킹 (Design Thinking)
 
디자인씽킹 이노베이션 워크숍(Part 1: 디자인씽킹 세계관과 프로세스)
디자인씽킹 이노베이션 워크숍(Part 1: 디자인씽킹 세계관과 프로세스)디자인씽킹 이노베이션 워크숍(Part 1: 디자인씽킹 세계관과 프로세스)
디자인씽킹 이노베이션 워크숍(Part 1: 디자인씽킹 세계관과 프로세스)
 
14th.lecture.the.critical.view.about.ux.20180608
14th.lecture.the.critical.view.about.ux.2018060814th.lecture.the.critical.view.about.ux.20180608
14th.lecture.the.critical.view.about.ux.20180608
 
이리딩(eReading) 경험을 위한 디자인씽킹
이리딩(eReading) 경험을 위한 디자인씽킹이리딩(eReading) 경험을 위한 디자인씽킹
이리딩(eReading) 경험을 위한 디자인씽킹
 
쿠킷제안
쿠킷제안쿠킷제안
쿠킷제안
 
제 6회 DGMIT UI&UX 컨퍼런스: 디자인 전문기업 성공 사례
 제 6회 DGMIT UI&UX 컨퍼런스: 디자인 전문기업 성공 사례 제 6회 DGMIT UI&UX 컨퍼런스: 디자인 전문기업 성공 사례
제 6회 DGMIT UI&UX 컨퍼런스: 디자인 전문기업 성공 사례
 
사용자경험유지하기(@UX Storming/2012)
사용자경험유지하기(@UX Storming/2012)사용자경험유지하기(@UX Storming/2012)
사용자경험유지하기(@UX Storming/2012)
 
130522 book study-사례로보는ux디자인
130522 book study-사례로보는ux디자인130522 book study-사례로보는ux디자인
130522 book study-사례로보는ux디자인
 
Lean prototyping: Prototyping for Lean Process
Lean prototyping: Prototyping for Lean ProcessLean prototyping: Prototyping for Lean Process
Lean prototyping: Prototyping for Lean Process
 
사회적기업가를 위한 디자인씽킹 (Design Thinking for Social Entrepreneurs)
사회적기업가를 위한 디자인씽킹 (Design Thinking for Social Entrepreneurs)사회적기업가를 위한 디자인씽킹 (Design Thinking for Social Entrepreneurs)
사회적기업가를 위한 디자인씽킹 (Design Thinking for Social Entrepreneurs)
 
오래가는 Ux 디자인 1414905 이서현
오래가는 Ux 디자인   1414905 이서현오래가는 Ux 디자인   1414905 이서현
오래가는 Ux 디자인 1414905 이서현
 
사용자 리서치 분석
사용자 리서치 분석사용자 리서치 분석
사용자 리서치 분석
 
13th.lecture.step4.ideation 2
13th.lecture.step4.ideation 213th.lecture.step4.ideation 2
13th.lecture.step4.ideation 2
 
[Seminar]2nd.lecture.uxui.consulting.20210713
[Seminar]2nd.lecture.uxui.consulting.20210713[Seminar]2nd.lecture.uxui.consulting.20210713
[Seminar]2nd.lecture.uxui.consulting.20210713
 
기획형 리서치
기획형 리서치기획형 리서치
기획형 리서치
 
서비스디자인
서비스디자인서비스디자인
서비스디자인
 
국내 제조기업의 서비스디자인 사례 - 고종현 더디앤에이 주식회사 디자인씽킹랩 실장
국내 제조기업의 서비스디자인 사례 - 고종현 더디앤에이 주식회사 디자인씽킹랩 실장국내 제조기업의 서비스디자인 사례 - 고종현 더디앤에이 주식회사 디자인씽킹랩 실장
국내 제조기업의 서비스디자인 사례 - 고종현 더디앤에이 주식회사 디자인씽킹랩 실장
 
Research method
Research methodResearch method
Research method
 

Destacado

1413612 김승원 심리를 꿰뚫는 ux디자인 요약완성
1413612 김승원 심리를 꿰뚫는 ux디자인 요약완성1413612 김승원 심리를 꿰뚫는 ux디자인 요약완성
1413612 김승원 심리를 꿰뚫는 ux디자인 요약완성SeoungWon
 
인터렉2주차 1310728 정선지
인터렉2주차 1310728 정선지인터렉2주차 1310728 정선지
인터렉2주차 1310728 정선지선지 정
 
1415893 미래세상
1415893 미래세상1415893 미래세상
1415893 미래세상Hye Bin Bae
 
인터랙티브 미디어 2주차 과제
인터랙티브 미디어 2주차 과제인터랙티브 미디어 2주차 과제
인터랙티브 미디어 2주차 과제현 소
 
자리모아 임다혜,황희영,최하늘_final
자리모아 임다혜,황희영,최하늘_final자리모아 임다혜,황희영,최하늘_final
자리모아 임다혜,황희영,최하늘_finaldahye Lim
 
요가앱팀
요가앱팀요가앱팀
요가앱팀SeoungWon
 
인터렉기말_헐앱(수정본)_김성경 김유나 한지영
인터렉기말_헐앱(수정본)_김성경 김유나 한지영 인터렉기말_헐앱(수정본)_김성경 김유나 한지영
인터렉기말_헐앱(수정본)_김성경 김유나 한지영 지영 한
 
인터렉티브디자인2_기말발표ppt
인터렉티브디자인2_기말발표ppt인터렉티브디자인2_기말발표ppt
인터렉티브디자인2_기말발표ppt진화 장
 
걱정의 계절나기 Ppt 김승원, 박지은, 이서현
걱정의 계절나기 Ppt 김승원, 박지은, 이서현걱정의 계절나기 Ppt 김승원, 박지은, 이서현
걱정의 계절나기 Ppt 김승원, 박지은, 이서현SeoungWon
 
서비스디자인, 서비스산업을 다시 디자인하다 (2016.4. PPT)
서비스디자인, 서비스산업을 다시 디자인하다 (2016.4. PPT)서비스디자인, 서비스산업을 다시 디자인하다 (2016.4. PPT)
서비스디자인, 서비스산업을 다시 디자인하다 (2016.4. PPT)USABLE 윤
 
Final 인터렉 이소담최린아이혜인
Final 인터렉 이소담최린아이혜인Final 인터렉 이소담최린아이혜인
Final 인터렉 이소담최린아이혜인sodamlee
 
인터렉 중간발표 Cafe
인터렉 중간발표 Cafe인터렉 중간발표 Cafe
인터렉 중간발표 Cafe희영 황
 
6주차리서치 서브웨이 고생하지 않길 바래
6주차리서치 서브웨이 고생하지 않길 바래6주차리서치 서브웨이 고생하지 않길 바래
6주차리서치 서브웨이 고생하지 않길 바래진화 장
 
인터랙 중간 1
인터랙 중간 1인터랙 중간 1
인터랙 중간 1Hye Bin Bae
 

Destacado (15)

1413612 김승원 심리를 꿰뚫는 ux디자인 요약완성
1413612 김승원 심리를 꿰뚫는 ux디자인 요약완성1413612 김승원 심리를 꿰뚫는 ux디자인 요약완성
1413612 김승원 심리를 꿰뚫는 ux디자인 요약완성
 
인터렉2주차 1310728 정선지
인터렉2주차 1310728 정선지인터렉2주차 1310728 정선지
인터렉2주차 1310728 정선지
 
1415893 미래세상
1415893 미래세상1415893 미래세상
1415893 미래세상
 
인터랙티브 미디어 2주차 과제
인터랙티브 미디어 2주차 과제인터랙티브 미디어 2주차 과제
인터랙티브 미디어 2주차 과제
 
자리모아 임다혜,황희영,최하늘_final
자리모아 임다혜,황희영,최하늘_final자리모아 임다혜,황희영,최하늘_final
자리모아 임다혜,황희영,최하늘_final
 
요가앱팀
요가앱팀요가앱팀
요가앱팀
 
인터렉기말_헐앱(수정본)_김성경 김유나 한지영
인터렉기말_헐앱(수정본)_김성경 김유나 한지영 인터렉기말_헐앱(수정본)_김성경 김유나 한지영
인터렉기말_헐앱(수정본)_김성경 김유나 한지영
 
인터렉티브디자인2_기말발표ppt
인터렉티브디자인2_기말발표ppt인터렉티브디자인2_기말발표ppt
인터렉티브디자인2_기말발표ppt
 
걱정의 계절나기 Ppt 김승원, 박지은, 이서현
걱정의 계절나기 Ppt 김승원, 박지은, 이서현걱정의 계절나기 Ppt 김승원, 박지은, 이서현
걱정의 계절나기 Ppt 김승원, 박지은, 이서현
 
서비스디자인, 서비스산업을 다시 디자인하다 (2016.4. PPT)
서비스디자인, 서비스산업을 다시 디자인하다 (2016.4. PPT)서비스디자인, 서비스산업을 다시 디자인하다 (2016.4. PPT)
서비스디자인, 서비스산업을 다시 디자인하다 (2016.4. PPT)
 
Final 인터렉 이소담최린아이혜인
Final 인터렉 이소담최린아이혜인Final 인터렉 이소담최린아이혜인
Final 인터렉 이소담최린아이혜인
 
인터렉 중간발표 Cafe
인터렉 중간발표 Cafe인터렉 중간발표 Cafe
인터렉 중간발표 Cafe
 
6주차리서치 서브웨이 고생하지 않길 바래
6주차리서치 서브웨이 고생하지 않길 바래6주차리서치 서브웨이 고생하지 않길 바래
6주차리서치 서브웨이 고생하지 않길 바래
 
인터랙 중간 1
인터랙 중간 1인터랙 중간 1
인터랙 중간 1
 
Heejippt
HeejipptHeejippt
Heejippt
 

Similar a 인터랙션 디자인 1310585 최하늘

2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인Donghoo Kim
 
색채론 0919 리서치진행중.docx
색채론 0919 리서치진행중.docx색채론 0919 리서치진행중.docx
색채론 0919 리서치진행중.docxMijin Lee
 
[디프만 6기] 디자인만 할 줄 아는 시대는 끝났다.
[디프만 6기] 디자인만 할 줄 아는 시대는 끝났다.[디프만 6기] 디자인만 할 줄 아는 시대는 끝났다.
[디프만 6기] 디자인만 할 줄 아는 시대는 끝났다.DongYoung Kim
 
책정리 _1312808 최고은
책정리 _1312808 최고은책정리 _1312808 최고은
책정리 _1312808 최고은고은 최
 
UX 프로젝트 가이드 (UX Project Guide)
UX 프로젝트 가이드 (UX Project Guide) UX 프로젝트 가이드 (UX Project Guide)
UX 프로젝트 가이드 (UX Project Guide) RightBrain inc.
 
광주 국민디자인단
광주 국민디자인단광주 국민디자인단
광주 국민디자인단Young Choi
 
Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019Potentialeyes, Inc.
 
2014 trend code
2014 trend code2014 trend code
2014 trend codeJinwoo Heo
 
UX디자인 bookstudy
UX디자인 bookstudyUX디자인 bookstudy
UX디자인 bookstudy정인 주
 
[Nux]07 design
[Nux]07 design[Nux]07 design
[Nux]07 designjylee_kgit
 
Uxt설명회(0901)
Uxt설명회(0901)Uxt설명회(0901)
Uxt설명회(0901)JongHo Lee
 
CEO & UX Designers' R&R
CEO & UX Designers' R&RCEO & UX Designers' R&R
CEO & UX Designers' R&RBilly Choi
 
[IMR2014]WEEK08
[IMR2014]WEEK08[IMR2014]WEEK08
[IMR2014]WEEK08JY LEE
 
사물인터넷(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.
 
Ux research guide
Ux research guideUx research guide
Ux research guideKim Taesook
 
제품 서비스디자인 강의계획서 2학기 ot 수정본2
제품 서비스디자인 강의계획서 2학기 ot 수정본2제품 서비스디자인 강의계획서 2학기 ot 수정본2
제품 서비스디자인 강의계획서 2학기 ot 수정본2Young Choi
 
10th.lecture.step4.ideation
10th.lecture.step4.ideation10th.lecture.step4.ideation
10th.lecture.step4.ideationJeongeun Kwon
 
서울과학기술대학교 2014 서비스디자인 강의계획서
서울과학기술대학교 2014 서비스디자인 강의계획서서울과학기술대학교 2014 서비스디자인 강의계획서
서울과학기술대학교 2014 서비스디자인 강의계획서Young Choi
 

Similar a 인터랙션 디자인 1310585 최하늘 (20)

인터랙트
인터랙트인터랙트
인터랙트
 
2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인
 
색채론 0919 리서치진행중.docx
색채론 0919 리서치진행중.docx색채론 0919 리서치진행중.docx
색채론 0919 리서치진행중.docx
 
[디프만 6기] 디자인만 할 줄 아는 시대는 끝났다.
[디프만 6기] 디자인만 할 줄 아는 시대는 끝났다.[디프만 6기] 디자인만 할 줄 아는 시대는 끝났다.
[디프만 6기] 디자인만 할 줄 아는 시대는 끝났다.
 
책정리 _1312808 최고은
책정리 _1312808 최고은책정리 _1312808 최고은
책정리 _1312808 최고은
 
UX 프로젝트 가이드 (UX Project Guide)
UX 프로젝트 가이드 (UX Project Guide) UX 프로젝트 가이드 (UX Project Guide)
UX 프로젝트 가이드 (UX Project Guide)
 
광주 국민디자인단
광주 국민디자인단광주 국민디자인단
광주 국민디자인단
 
Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019Appendix uxtrigger toolkit_v1_iot_2019
Appendix uxtrigger toolkit_v1_iot_2019
 
2014 trend code
2014 trend code2014 trend code
2014 trend code
 
UX디자인 bookstudy
UX디자인 bookstudyUX디자인 bookstudy
UX디자인 bookstudy
 
[Nux]07 design
[Nux]07 design[Nux]07 design
[Nux]07 design
 
Uxt설명회(0901)
Uxt설명회(0901)Uxt설명회(0901)
Uxt설명회(0901)
 
CEO & UX Designers' R&R
CEO & UX Designers' R&RCEO & UX Designers' R&R
CEO & UX Designers' R&R
 
[IMR2014]WEEK08
[IMR2014]WEEK08[IMR2014]WEEK08
[IMR2014]WEEK08
 
사물인터넷(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
 
Ux research guide
Ux research guideUx research guide
Ux research guide
 
제품 서비스디자인 강의계획서 2학기 ot 수정본2
제품 서비스디자인 강의계획서 2학기 ot 수정본2제품 서비스디자인 강의계획서 2학기 ot 수정본2
제품 서비스디자인 강의계획서 2학기 ot 수정본2
 
10th.lecture.step4.ideation
10th.lecture.step4.ideation10th.lecture.step4.ideation
10th.lecture.step4.ideation
 
서울과학기술대학교 2014 서비스디자인 강의계획서
서울과학기술대학교 2014 서비스디자인 강의계획서서울과학기술대학교 2014 서비스디자인 강의계획서
서울과학기술대학교 2014 서비스디자인 강의계획서
 
Ux research guide ux1
Ux research guide ux1Ux research guide ux1
Ux research guide ux1
 

Más de 하늘 최

디자인과문화 1310585 최하늘
디자인과문화 1310585 최하늘디자인과문화 1310585 최하늘
디자인과문화 1310585 최하늘하늘 최
 
자리모아 임다혜,최하늘,황희영
자리모아 임다혜,최하늘,황희영자리모아 임다혜,최하늘,황희영
자리모아 임다혜,최하늘,황희영하늘 최
 
자리모아 임다혜,최하늘,황희영
자리모아 임다혜,최하늘,황희영자리모아 임다혜,최하늘,황희영
자리모아 임다혜,최하늘,황희영하늘 최
 
자리모아 와이어프레임+스크립트 임다혜,최하늘,황희영
자리모아 와이어프레임+스크립트 임다혜,최하늘,황희영자리모아 와이어프레임+스크립트 임다혜,최하늘,황희영
자리모아 와이어프레임+스크립트 임다혜,최하늘,황희영하늘 최
 
인터랙 4주차 최하늘
인터랙 4주차 최하늘인터랙 4주차 최하늘
인터랙 4주차 최하늘하늘 최
 
인터랙션 디자인 테크 트렌드 1310585 최하늘
인터랙션 디자인 테크 트렌드  1310585 최하늘인터랙션 디자인 테크 트렌드  1310585 최하늘
인터랙션 디자인 테크 트렌드 1310585 최하늘하늘 최
 
색채학 기말과제 최종 1310585 최하늘
색채학 기말과제 최종 1310585 최하늘색채학 기말과제 최종 1310585 최하늘
색채학 기말과제 최종 1310585 최하늘하늘 최
 
1310585 최하늘
1310585 최하늘1310585 최하늘
1310585 최하늘하늘 최
 

Más de 하늘 최 (9)

디자인과문화 1310585 최하늘
디자인과문화 1310585 최하늘디자인과문화 1310585 최하늘
디자인과문화 1310585 최하늘
 
자리모아 임다혜,최하늘,황희영
자리모아 임다혜,최하늘,황희영자리모아 임다혜,최하늘,황희영
자리모아 임다혜,최하늘,황희영
 
자리모아 임다혜,최하늘,황희영
자리모아 임다혜,최하늘,황희영자리모아 임다혜,최하늘,황희영
자리모아 임다혜,최하늘,황희영
 
자리모아 와이어프레임+스크립트 임다혜,최하늘,황희영
자리모아 와이어프레임+스크립트 임다혜,최하늘,황희영자리모아 와이어프레임+스크립트 임다혜,최하늘,황희영
자리모아 와이어프레임+스크립트 임다혜,최하늘,황희영
 
Cafe 2 (1)pdf
Cafe 2 (1)pdfCafe 2 (1)pdf
Cafe 2 (1)pdf
 
인터랙 4주차 최하늘
인터랙 4주차 최하늘인터랙 4주차 최하늘
인터랙 4주차 최하늘
 
인터랙션 디자인 테크 트렌드 1310585 최하늘
인터랙션 디자인 테크 트렌드  1310585 최하늘인터랙션 디자인 테크 트렌드  1310585 최하늘
인터랙션 디자인 테크 트렌드 1310585 최하늘
 
색채학 기말과제 최종 1310585 최하늘
색채학 기말과제 최종 1310585 최하늘색채학 기말과제 최종 1310585 최하늘
색채학 기말과제 최종 1310585 최하늘
 
1310585 최하늘
1310585 최하늘1310585 최하늘
1310585 최하늘
 

인터랙션 디자인 1310585 최하늘

  • 1. 시 각 영 상 디 자 인 1310585 최하늘 혁신적인 사용자 경험을 위한 인터랙션 디자인 Interaction Design 댄 새퍼 지음 ㅣ 이수인 옮김
  • 2. Contents 01_ 인터랙션 디자인이란? 02_ 인터랙션 디자인의 네가지 접근법 03_ 디자인전략 및 리서치 04_ 체계적인 결과물 05_ 구상화와 디자인 원칙 06_ 다듬기 07_ 프로토타입, 테스트, 개발
  • 3. 인터랙션 디자인이란? 01 인터랙션 디자인 정의하기 쉽지 않은 분야 → 산업 디자인, 커뮤니케이션 디자인, 인적요소 등 다양한 관련분야에서 뻗어나왔기 때문 대부분이 겉으로 보이지 않으며 화면 뒤에서 가능하기 때문 동작에 대한 것 → 동작이 있는 곳에는 언제나 인터랙션 디자이너가 관여할 여지가 있으며, 최선의 경험을 만들어내기 위해서는 관여해야 함 인터랙션 디자인을 바라보는 세 가지 방법 기술 중심의 시각 → 디지털 기술을 사람이 사용할수있고, 사용할만하고, 사용하기 좋게 만듦 디자이너는 엔지니어와 프로그래머가 만들어낸 기본적인 기능을 가져다가 사람들이 즐겁게 사용할 수 있는 제품으로 바꿈 동작 중심의 시각 → 제품이 이 제품과 관계를 맺는 사람들이 어떻게 행동하는지에 따라 어떻게 동작하고 피드백을 주는 것 사회적 인터랙션 디자인의 시각 → 사회적이며 제품을 통해 인간간의 커뮤니케이션을 만들어낸다는 데에 초점을 맞춤
  • 4. 인터랙션 디자인이란? 01 인터랙션 디자인이 받아들인 몇 가지 접근법 사용자에게 집중한다 대안을 찾는다 구상화와 프로토타이핑을 이용한다 서로 협력하고 제약상황을 고심한다 적절한 해결책을 찾는다 넓은 범위의 영향을 받는다 감성을 섞는다
  • 5. 인터랙션 디자인이란? 01 UX 디자인 인터랙션 디자인 정보 설계 아키텍쳐 산업디자인 컨텐츠 시각디자인 휴먼-컴퓨터 인터랙션 사운드 디자인 인터랙션 디자인을 둘러싼 다양한 분야 대부분의 분야들은 어느정도 UX디자인의 영역 아래 위치 각 분야의 사용자가 제품과 만나는 모든 접점을 살펴보고 이들이 조화를 이루도록 해야하는 분야가 UX디자인 분야
  • 6. 인터랙션 디자인의 네가지 접근법 02 인터랙션 디자인 프로젝트에서 주로 사용되는 방법들에는 크게 사용자 중심 디자인, 활동 중심 디자인, 시스템적 디자인, 창조적 디자인 네가지가 있다. 이 방법들은 모두 성공적인 제품을 만들어내는 데에 이용되며 이들 중 자신에게 가장 적합한 방법을 선택하는것은 디자이너에게 달렸다 사용자 중심 디자인 활동 중심 디자인 시스템적 디자인 창조적 디자인 사용자의 요구와 목표를 중시 성취돼야하는 목표에 대한 작업과 활동을 중시 시스템의 구성요소를 중시 제품을 만드는 디자이너의 기술과 지혜를 중시 디자인의 방향 제시 활동 수행 시스템의 목표 지시 결과물 인정 사용자의 요구와 목표의 해석자 활동을 위한 도구를 제작 시스템의 모든 조각들을 제자리에 맞춤 영감의 원천 사용자 디자이너개요
  • 7. 디자인 전략 및 리서치 03 인터랙션 디자이너가 만들어낼 제품을 사용할 사람들과 그들이 제품을 사용할 컨텍스트를 이해하기 위해선 디자인전략 및 리서치를 이해해야 한다 디자인 전략 디자인 프로세스를 시작할 때 진행하는 제품이나 프로젝트의 기획 디자인 전략을 세울 때, 문제 정의하고 차별점을 정의하고 시각화와 비전 제시한 다음에 프로젝트 계획과 로드맵을 세운다 디자인 리서치 제품 서비스의 가능성이나 현재의 사용자나 시장 환경을 여러가지 측면에서 조사하는 활동 문화인류학, 과학과 사회학 연구, 환경조사, 디자인 그 자체의 방법론들을 모두 섞어서 이용 제품이나 서비스가 존재하는 감성적, 문화적, 심리적인 컨텍스트를 이해하는 것은 무엇보다 중요하며 이는 오직 리서치를 통해서만 얻을수 있음 디자인리서치는 인터랙션 디자이너가 사용할 수 있는 강력한 도구 리서치 방법 관찰(구경,추적,탐문,잠입), 인터뷰, 활동(꼴라주, 모형제작, 그림그리기), 자기관찰(일지, 호출기 연구, 사진동영상 일지)
  • 8. 체계적인 결과물 04 리서치가 끝난 다음에 산더미처럼 쌓인 관찰 결과와 데이터는 대부분 정형화돼 있지 않고 딱히 어디에 쓸모가 있을지 확실하지 않다 리서치 데이터는 분석돼 수조화된 결과물로 바꿔야한다 그래서 리서치 분석과 구조화된 결과물을 만들기위해선 체계적인 결과물이 필요하다 체계적인 결과물 이해하기 편한 형태로 바뀐 리서치 데이터 → 이야기, 모델, 시각화, 퍼소나등의 방법 개념모델 추상화의 결과물로, 데이터에서 가장 관련이 깊은 조각들을 정리해 새로운 방식으로 생각하게끔 만드는 시각적 도구 새로운 무언가를 만들어내는 시각화 방법 퍼소나 행동과 동기, 기대에 의해 사용자들의 경계를 정하기 위해 사용되는 개념모델의 특정유형
  • 9. 구상화와 디자인 원칙 05 컨셉만들기 구상화 단계에서는 짧은 시간동안 가능한 많은 컨셉을 짜내는 것이 중요, 체계적인 브레인스토밍 ↓ 컨셉 정리하기 ↓ 디자인 원칙 만들기 남은 디자인단계 동안 디자인 결정을 돕기 위해 만든 구절들의 모음 이해관계자와 사용자의 의견도 들었고 전략과 디자인 리서치로부터 모델도 도출했다면 무언가를 디자인하는 구상을 시작해야 한다
  • 10. 다듬기 06 1_ 제약조건 파악 2_ 프레임워크 체계화 제품이 전체적으로 어떤 기능을 담고 있으며 어떻게 동작하는지를 실제로, 혹은 형이상학적으로 체계화하는 것이 필요 프레임워크를 적용하기 위한 세가지 방법 → 메타포, 태도, 구조 메타포 : 사용자들이 가상(디지털)의 컨셉을 이해하게 하는 방법 ex) 그래픽 유저 인터페이스 태도 : 독립, 단기, 잠복, 기생 의 네가지로 지난 30년간 소프트웨어 디자인에 만들어진 일반적인 구조들을 앨린쿠퍼가 태도라고 칭함 3_ 컨드롤 물리적인 컨트롤, 디지털 컨트롤 다듬는다는것은 컨셉을 구현화시키는 것 컨셉이 어떻게 진행될 것이며 이것이 주어진 제한 안에서 가능한지에 대해 더 똑똑하고 의도적인 결정을 내리는 일 올바를 어포던스와 피드백을 통해 사용자들이 올바른 심성 모델을 만들어낼 수 있게 함으로써 그들이 제품을 적절하게 쓰게끔 유도하는 작업
  • 11. 프로토타입, 테스트, 개발 07 인터페이스 디자인 → 프로토타입을 할 때에 신경써야 하는 가장 중요한 일 중 하나 인터랙션 디자인의 경험된 표상이며, 사람들이 보고 듣고 느끼는 부분만을 담당하는 인터랙션 디자인의 한 부분 프로토타입 최종 제품을 제외하고는 프로토타입이 인터랙션 디자이너의 비전에 대한 최고의 설명이다 모든 디자인의 조각들이 마침내 하나로 합쳐지는 것이며 형태는 디자이너가 가진 자원과 디자인돼야 할 제품 및 서비스의 형태에 따라 정해진다 가벼운 프로토타입, 종이 프로토타입, 실물 프로토타입, 충실한 프로토타입, 서비스 프로토타입 등이 있다 테스트 디자인 리서치 과정을 통해 만들어진 잘못된 결론들을 바로 잡을 수 있는 시간 개발 제품이나 프로젝트의 출시 전 마지막 단계