시 각 영 상 디 자 인

1310585 최하늘

혁신적인 사용자 경험을 위한

인터랙션 디자인

Interaction Design

댄 새퍼 지음 ㅣ 이수인 옮김

Contents

01_ 인터랙션 디자인이란?

02_ 인터랙션 디자인의 네가지 접근법

03_ 디자인전략 및 리서치

04_ 체계적인 결과물

05_ 구상화와 디자인 원칙

06_ 다듬기

07_ 프로토타입, 테스트, 개발

인터랙션 디자인이란?01

인터랙션 디자인

정의하기 쉽지 않은 분야 → 산업 디자인, 커뮤니케이션 디자인, 인적요소 등 다양한 관련분야에서 뻗어나왔기 때문

대부분이 겉으로 보이지 않으며 화면 뒤에서 가능하기 때문

동작에 대한 것 → 동작이 있는 곳에는 언제나 인터랙션 디자이너가 관여할 여지가 있으며, 최선의 경험을 만들어내기 위해서는 관여해야 함

인터랙션 디자인을 바라보는 세 가지 방법

기술 중심의 시각 → 디지털 기술을 사람이 사용할수있고, 사용할만하고, 사용하기 좋게 만듦

디자이너는 엔지니어와 프로그래머가 만들어낸 기본적인 기능을 가져다가 사람들이 즐겁게 사용할 수 있는 제품으로 바꿈 동작 중심의 시각 → 제품이 이 제품과 관계를 맺는 사람들이 어떻게 행동하는지에 따라 어떻게 동작하고 피드백을 주는 것

사회적 인터랙션 디자인의 시각 → 사회적이며 제품을 통해 인간간의 커뮤니케이션을 만들어낸다는 데에 초점을 맞춤

인터랙션 디자인이란?01

인터랙션 디자인이 받아들인 몇 가지 접근법 사용자에게 집중한다 대안을 찾는다

구상화와 프로토타이핑을 이용한다

서로 협력하고 제약상황을 고심한다 적절한 해결책을 찾는다

넓은 범위의 영향을 받는다

감성을 섞는다

인터랙션 디자인이란?01

UX 디자인

인터랙션 디자인

정보 설계 아키텍쳐

산업디자인

컨텐츠

시각디자인

휴먼-컴퓨터인터랙션

사운드디자인

인터랙션 디자인을 둘러싼 다양한 분야

대부분의 분야들은 어느정도 UX디자인의 영역 아래 위치

각 분야의 사용자가 제품과 만나는 모든 접점을 살펴보고 이들이 조화를 이루도록 해야하는 분야가 UX디자인 분야

인터랙션 디자인의 네가지 접근법02

인터랙션 디자인 프로젝트에서 주로 사용되는 방법들에는 크게 사용자 중심 디자인, 활동 중심 디자인, 시스템적 디자인, 창조적 디자인 네가지가 있다. 이 방법들은 모두 성공적인 제품을 만들어내는 데에 이용되며 이들 중 자신에게 가장 적합한 방법을 선택하는것은 디자이너에게 달렸다

사용자 중심 디자인

활동 중심 디자인

시스템적 디자인

창조적 디자인

사용자의 요구와 목표를 중시

성취돼야하는 목표에 대한 작업과 활동을 중시

시스템의 구성요소를 중시

제품을 만드는 디자이너의 기술과

지혜를 중시

디자인의 방향 제시

활동 수행

시스템의 목표 지시

결과물 인정

사용자의 요구와 목표의 해석자

활동을 위한 도구를 제작

시스템의 모든 조각들을제자리에 맞춤

영감의 원천

사용자 디자이너개요

디자인 전략 및 리서치03

인터랙션 디자이너가 만들어낼 제품을 사용할 사람들과 그들이 제품을 사용할 컨텍스트를 이해하기 위해선 디자인전략 및 리서치를 이해해야 한다

디자인 전략

디자인 프로세스를 시작할 때 진행하는 제품이나 프로젝트의 기획디자인 전략을 세울 때, 문제 정의하고 차별점을 정의하고 시각화와 비전 제시한 다음에 프로젝트 계획과 로드맵을 세운다

디자인 리서치

제품 서비스의 가능성이나 현재의 사용자나 시장 환경을 여러가지 측면에서 조사하는 활동문화인류학, 과학과 사회학 연구, 환경조사, 디자인 그 자체의 방법론들을 모두 섞어서 이용제품이나 서비스가 존재하는 감성적, 문화적, 심리적인 컨텍스트를 이해하는 것은 무엇보다 중요하며 이는 오직 리서치를 통해서만 얻을수 있음

디자인리서치는 인터랙션 디자이너가 사용할 수 있는 강력한 도구

리서치 방법

관찰(구경,추적,탐문,잠입), 인터뷰, 활동(꼴라주, 모형제작, 그림그리기), 자기관찰(일지, 호출기 연구, 사진동영상 일지)

체계적인 결과물04

리서치가 끝난 다음에 산더미처럼 쌓인 관찰 결과와 데이터는 대부분 정형화돼 있지 않고 딱히 어디에 쓸모가 있을지 확실하지 않다리서치 데이터는 분석돼 수조화된 결과물로 바꿔야한다그래서 리서치 분석과 구조화된 결과물을 만들기위해선 체계적인 결과물이 필요하다

체계적인 결과물

이해하기 편한 형태로 바뀐 리서치 데이터 → 이야기, 모델, 시각화, 퍼소나등의 방법

개념모델

추상화의 결과물로, 데이터에서 가장 관련이 깊은 조각들을 정리해 새로운 방식으로 생각하게끔 만드는 시각적 도구새로운 무언가를 만들어내는 시각화 방법

퍼소나

행동과 동기, 기대에 의해 사용자들의 경계를 정하기 위해 사용되는 개념모델의 특정유형

01_ 인터랙션 디자인이란?

02_ 인터랙션 디자인의 네가지 접근법

03_ 디자인전략 및 리서치

04_ 체계적인 결과물

05_ 구상화와 디자인 원칙

06_ 다듬기

07_ 프로토타입, 테스트, 개발

구상화와 디자인 원칙05

컨셉만들기

구상화 단계에서는 짧은 시간동안 가능한 많은 컨셉을 짜내는 것이 중요, 체계적인 브레인스토밍

↓

컨셉 정리하기

↓

디자인 원칙 만들기

남은 디자인단계 동안 디자인 결정을 돕기 위해 만든 구절들의 모음

이해관계자와 사용자의 의견도 들었고 전략과 디자인 리서치로부터 모델도 도출했다면 무언가를 디자인하는 구상을 시작해야 한다

다듬기06

1_ 제약조건 파악

2_ 프레임워크 체계화

제품이 전체적으로 어떤 기능을 담고 있으며 어떻게 동작하는지를 실제로, 혹은 형이상학적으로 체계화하는 것이 필요

프레임워크를 적용하기 위한 세가지 방법 → 메타포, 태도, 구조

메타포 : 사용자들이 가상(디지털)의 컨셉을 이해하게 하는 방법 ex) 그래픽 유저 인터페이스

태도 : 독립, 단기, 잠복, 기생 의 네가지로 지난 30년간 소프트웨어 디자인에 만들어진 일반적인 구조들을 앨린쿠퍼가 태도라고 칭함

3_ 컨드롤

물리적인 컨트롤, 디지털 컨트롤

다듬는다는것은 컨셉을 구현화시키는 것

컨셉이 어떻게 진행될 것이며 이것이 주어진 제한 안에서 가능한지에 대해 더 똑똑하고 의도적인 결정을 내리는 일

올바를 어포던스와 피드백을 통해 사용자들이 올바른 심성 모델을 만들어낼 수 있게 함으로써 그들이 제품을 적절하게 쓰게끔 유도하는 작업

프로토타입, 테스트, 개발07

인터페이스 디자인 → 프로토타입을 할 때에 신경써야 하는 가장 중요한 일 중 하나

인터랙션 디자인의 경험된 표상이며, 사람들이 보고 듣고 느끼는 부분만을 담당하는 인터랙션 디자인의 한 부분

프로토타입

최종 제품을 제외하고는 프로토타입이 인터랙션 디자이너의 비전에 대한 최고의 설명이다

모든 디자인의 조각들이 마침내 하나로 합쳐지는 것이며 형태는 디자이너가 가진 자원과 디자인돼야 할 제품 및 서비스의 형태에 따라 정해진다

가벼운 프로토타입, 종이 프로토타입, 실물 프로토타입, 충실한 프로토타입, 서비스 프로토타입 등이 있다

테스트

디자인 리서치 과정을 통해 만들어진 잘못된 결론들을 바로 잡을 수 있는 시간

개발

제품이나 프로젝트의 출시 전 마지막 단계

Thank you!