제품과 서비스가 사용자에게 어떤 가치를 줄 수 있는지, 이젠 ‘사람’을 생각하고 고려해야 한다. 사용자의 입장을 대변하고 사용자가 얻게 될 최종 경험(UX)을 설계하는 ‘인터랙션 디자인’에 대한 해법을 재미있고 쉽게 풀어낸 입문서로서 훌륭한 제품과 매력적인 서비스를 만드는 모든 기획자, 개발자, 디자이너 들이 꼭 읽어야 할 필독서.


[ 소개 ]

인터랙션 디자인은 어디에나 존재한다. 사람들이 이를 인식하건 인식하지 못하건 간에 어디에서나 인터랙션 디자인을 경험하게 된다. 디자인 분야의 새로운 방법론인 인터랙션 디자인은 기본적으로 사람에 대한, 정확히는 어떻게 사람들이 사용하는 제품/서비스와 연결되고, 이들을 통해 서로와 연결되는가에 대한 것이다. 인터랙션 디자인은 제품 디자인, 커뮤니케이션 디자인, 컴퓨터 공학, 다른 디자인 법칙들의 요소를 결합하여 사용자가 경험하게 하는 것에 초점을 맞추어 궁극적으로는 체험 예술에 비견될 수 있다. 현금 자동 인출기를 쉽게 사용할 때, 친구에게 문자메시지를 보낼 때, 넷플릭스 홈페이지에서 영화를 주문하거나 플리커를 통해 사진을 공유할 때 우리는 훌륭한 인터랙션 디자인을 경험하고 있는 것이다. 또한 슈퍼마켓의 셀프서비스 무인 정산기를 이용하려고 버벅대거나 운전면허 관리공단에서 길게 줄을 서 있을 때, 그리고 다음 버스가 언제 올지 모르면서 한없이 정거장에서 기다릴 때에는 잘못된 인터랙션 디자인을 경험하게 된다.

이 책은 인터랙션 디자인 분야에서 신뢰받는 전문가의 목소리를 통해 인터랙션 디자인을 상세히 설명한다. 댄 새퍼는 조심스럽게 새로운 방법론을 정의하고 무엇이 좋은 (혹은 나쁜) 인터랙션 디자인을 만들어내는지를 탐구하고, 좋은 인터랙션 디자인이 만들어지기 위한 작업 방식을 설명하고 인터랙션 디자인의 미래를 디자인 방법론과 생활의 방식이라는 두 가지 측면에서 설명한다. 독자가 경험 많은 인터랙션 디자이너이든, 아니면 인터랙션 디자인이 어떻게 사람들의 삶에 영향을 끼치는지에 대해 관심이 있는 일반인이든 간에 이 책을 통해 많은 자극을 얻게 될 것이다.


[ 추천의 글 ]

사람들이 상호작용할 수 있는 제품과 서비스를 만드는 것은 21세기의 큰 도전입니다. 댄 새퍼는 아직 혼란스러운 이 분야를 모든 사람들이 이해하기 쉽도록 정리하는 큰 일을 해냈습니다. 디자인을 업으로 생각하는 사람이라면 꼭 읽어봐야 할 책입니다.


『인터랙션 디자인』은 유용하고 훌륭한 책이며 많은 아이디어를 제공한다. 댄 새퍼는 오늘날 인터랙션 디자인 분야에서 이루어지는 도전에 대해 실질적인 도움을 주는 동시에 이 분야의 미래에 대해 훌륭한 통찰력을 보여줬다.


인터랙션 디자인은 컴퓨터 산업에서만 필요한 것은 아닙니다. 우리가 매일 열고 닫는 문고리도 돌려 따는 병마개에서도 인터랙션이 일어납니다. 하지만 제품 디자인이 아닌 소프트웨어 디자인에서 인터랙션 디자인이 특히 중요한 이유는 다른 제품들보다 더 많은 인터랙션이 발생하기 때문입니다. 따라서 많은 제품이 디지털로 바뀌는 요즈음 인터랙션 디자인 문제를 그냥 지나칠 수 없습니다. 인터랙션 디자인의 문제는 해결하기 어려운 작업이지만 고객의 잘못이라고 무조건 탓할 수만은 없으므로 친절한 제품을 만들기 위해 꼼꼼히 책임져야 하는 일입니다. 여러분이 바로 그 제품을 사용할 수도 있으니까요.

이 책 『인터랙션 디자인: 더 나은 사용자 경험(UX)을 위한』은 그간 UI 개발을 하면서 절실히 필요했던 책입니다. 책을 받아 든 순간 ‘바로 이거야!’라는 감탄이 저절로 나왔습니다. UI 개발에 있어서 두 가지 핵심 키워드는 ‘인터랙션’과 ‘시각화(visualization)’라 할 수 있는데 아직 이 분야의 책은 국내에서 찾아보기 어렵습니다. UI 관련 업계 종사자라면 저와 같은 묘한 기쁨을 만끽하실 수 있을 것입니다. 그만큼 충실한 내용과 쉬운 설명으로 인터랙션 디자인에 대한 해법을 가득 담고 있는 책이라 할 수 있습니다.


인터랙션 디자인 분야에서 일하는 사람들은 흔히 사용자 경험(User Experience, UX) 전문가라고도 부릅니다. 우리는 제품과 서비스가 사용자에게 결국 어떤 가치를 줄 수 있는지 항상 고려해야 하는데, 사용자의 입장을 대변하고 그들이 얻게 될 최종 경험을 설계하는 것이 인터랙션 디자인의 궁극적인 목표이기 때문입니다.

이 책은 인터랙션 디자인을 처음 접하는 사람, 또는 UX 디자인을 공부하는 학생들에게는 입문서로 손색이 없을 만큼 매우 이해하기 쉽고 재미있게 쓰여진 책입니다. 제품과 서비스를 디자인 하는 디자이너뿐 아니라 기업의 다양한 분야에서 일하는 많은 사람들에게 과연 사용자들이 어떤 제품과 서비스를 사랑하는지에 대해 이해하는 데 놀라운 영감을 줄 것입니다.


이 책은 인터랙션 디자인과 그 주변의 다양한 주제들을 포괄적으로 다루고 있으며, 응용에 필요한 이론적 배경들도 고른 시각으로 소개하고 있습니다. 따라서 인터랙션 디자인을 공부하고자 하는 입문자에게는 길잡이가 되는 '지도'와도 같은 책입니다.

이런 이유로 기획자나 디자이너뿐만 아니라 개발자에게도 이 책을 권하고 싶습니다. 구현 기술의 가능성과 한계에 대해 다른 누구보다도 정확하게 알고 있는 개발자들이 기술을 적절히 응용해 올바른 인터랙션을 구성하는 일에도 관심을 두고 공부한다면 타 직군의 동료들과 더욱 잘 협업할 수 있게 될 것이고 이는 곧 더 좋은 사용자 경험을 주는 제품과 서비스의 탄생으로 이어질 것입니다.

[ 저자 서문 ]

2001년 9월 11일 아침에 나는 연기를 내뿜는 월드 트레이드 센터에서 불과 몇 걸음 떨어지지 않은 곳에 있었다. 무시무시한 재앙을 목격하고 얼이 빠진 채로 맨해튼 남부 거리를 걷는 중이었다. 그런데 또 하나의 놀라운 일이 벌어지고 있었다. 가히 커뮤니케이션과 인터랙션에 대한 엄청난 사건일 수도 있었다. 사람들이 각자 집에서 텔레비전을 끌어내어 거리에 놓아두었고, 수많은 사람이 그 주변에 모여서 화면을 주시하고 있었다. 교외 통근자들은 휴대폰을 들고 미친 듯이 집과 통화를 시도했다. 복잡하게 연결된 시스템이 그 끔찍한 현장으로 출동하는 소방관, 경찰, 응급구조대의 활동을 조정하고 사이렌이 거리를 내달렸다. 소호 거리에 있는 내 사무실에 도착하자 친구들이 인스턴트 메신저로 내가 괜찮은지 확인하려고 말을 걸어왔다. 휴대폰이 제대로 연결되지 않았기 때문에 나는 친구에게 이메일을 보내 브루클린으로 가는 부정기 항공편을 예약했다.

이 책은 디자인, 특히 ‘인터랙션 디자인’이라고 부르는 특정한 범주의 디자인에 대한 책이다. 사실 사람들이 역사를 기록하기 훨씬 전부터 인터랙션 디자인을 활용해왔지만, ‘인터랙션 디자인’은 새로운 분야라고 볼 수 있다. 인터랙션 디자인은 사람들에 대한 것이다. 어떻게 사람들이 자신들이 쓰는 제품과 서비스를 통해 다른 사람들과 연결되는가를 디자인하는 것이며, 이를 만들어내는 것이 인터랙션 디자이너다. 우리는 9/11 참사와 같은 위기상황이 벌어졌을 때는 수많은 제품과 서비스를 적극 활용하기도 하고, 또한 평온한 일상의 순간에는 이 제품과 서비스를 쓰면서 행복을 누린다.

이 책을 읽는 여러분이 이미 인터랙션 디자이너라면, 혹은 단지 인터랙션 디자인에 관심이 있을 뿐이라면, 혹은 아예 (인터랙션 디자인이) 무슨 뜻인지도 모른다면, 이 책은 당신을 위한 필독서다. 이 책 1장에서 제기하는 ‘인터랙션이 무엇인가?’와 ‘인터랙션 디자인이 무엇인가?’라는 질문에서 시작해 인터랙션 디자인의 미래를 살펴보는 데까지 이르는 내용이 초심자와 전문가 모두에게 흥미 있는 정보를 제공할 수 있기를 바란다. 이 책을 쓴 목적은 인터랙션 디자인에 대한 독자의 이해를 더 풍부하고 깊고 넓게 만드는 것이다.

시작하기 전에 미리 변명을 해두겠다. 인터랙션 디자인은 새로운 영역으로, 보통 새로운 분야가 확고하게 자리를 잡으려면 몇 십 년의 세월이 필요하다. 이 책은 내가 옳다고 믿게 된 새로운 영역을 구획 짓기 위한 작은 말뚝일 뿐이다. 여러분이 이 책을 읽거나 (더 나아가) 실제로 인터랙션 디자인을 시도할 때, 내가 이 책에서 이야기한 믿음과 진실을 독자 여러분도 공감해주기를 바란다.



[ 저자 소개 ]

댄 새퍼
지난 10년간 웹마스터, 정보 아키텍트, 카피라이터, 개발자, 프로듀서, 제작자, 인터랙션 디자이너로서 인터랙티브 미디어 업계에서 일해왔다. 현재는 샌프란시스코에 기반을 둔 디자인 분야의 전문회사인 어댑티브 패스(Adaptive Path)에서 인터랙션 디자이너로 일하고 있으며, 웹 사이트 구축, 인터랙티브 TV 서비스에서 모바일 기기와 로봇 내비게이션 시스템에 이르는 다양한 프로젝트를 진행했다. 카네기 멜론 대학에서 인터랙션 디자인 석사 과정을 마쳤으며 현재는 인터랙션 디자인 협회의 위원이다.


[ 옮긴이의 말 ]

“이는 제품 디자인은 아니었지만 확실히 제품에 대한 디자인이었고, 몇몇 개념적인 부분을 빌어오긴 했지만 커뮤니케이션 디자인도 아니었고, 주로 컴퓨터와 소프트웨어의 힘을 빌었지만 컴퓨터 공학은 더더욱 아니었다. 기존의 모든 개념이 집약되어 있었지만 확실히 기존과는 다른 무언가였고, 그들이 사용하는 제품을 통해 사람들을 연결시키기 위해서는 이것이 꼭 필요했다. 모그리지(Moggridge)는 이 새로운 방법론을 ‘인터랙션 디자인’이라고 불렀다.”

디지털 기기와 인터넷 서비스 시대의 물결을 타고 수많은 IT 노동자들이 오늘도 기존과는 다른 무언가를 만들기 위해 노력하고 있습니다. 포털/웹 업계에서는 서비스 기획자라는 직함이 존재합니다만, 그런 직함 없이도 모든 웹 애플리케이션과 개별 서비스의 설계자들이 인터랙션 디자인 업무를 진행합니다. 온라인 게임업계에서는 이들을 게임 디자이너라고 부릅니다. 상호작용하는 인터페이스를 갖춘 휴대용 기기를 위해 인터페이스 디자이너를 별도로 두는 회사도 있지만 하청업체에서 운영체제 납품 업무를 맡은 프로그래머가 이 일을 하기도 합니다.

이렇게 다양한 사람들에 의해 수행되는 업무를 통칭하는 ‘인터랙션 디자인’이라는 용어 자체가 생소하고 제대로 번역할 말조차 존재하지 않습니다. 실제 업무에서도 많은 사람들이 인터페이스 디자인과 서비스 기획과 시각적인 디자인 영역을 혼동하고, 이들에 대해 체계적으로 생각하거나 고찰할 기회가 없는 상태에서 업무에 투입됩니다. 저 자신 또한 10년간 (주로 온라인 게임이라는 영역에서) 유사한 업무를 진행하거나 전문서 번역일을 해왔습니다만, 게임을 통해 사람들을 연결하는 것을, 게임과 웹 서비스 사이의 관계를, 게임기와 게임 사이의 관계를, 혹은 휴대용 기기와 게임 간의 관계를 고민해오면서도 부끄럽게시리 개별 프로젝트들을 꿰뚫는 근거나 개념에 대해 제대로 알고 있는 것이 없었습니다. 다행히도, 큰 사고를 치기 전에(웃음) 이 책을 통해 그 모든 관계의 기반에 존재하는 큰 개념으로서의 인터랙션 디자인을 이해하고, 더 넓은 시야를 가지는 데 큰 도움을 받았습니다. 이 책은 진지한 전문서라기보다는 훌륭한 개론서입니다. 이 업무에 관심을 가지고 있는 분들과, 제품/서비스 디자인에 관련된 업무를 하고 있음에도 인터랙션 디자인에 대해 제대로 생각해 볼 기회가 없던 모든 사람에게 권하고 싶습니다.


[ 옮긴이 소개 ]

이수인
이수인은 서울대학교 미술대학을 졸업하고 온라인 게임업계에 입사했다. 일러스트레이터, 아트 디렉터, 온라인 게임 디자이너를 거쳤고 현재 근무하고 있는 엔씨소프트의 기획조정실에서 근무하면서 웹 서비스 및 온라인 소프트웨어 프로젝트를 맡는 등, 본인의 업무를 정확히 정의하기는 곤란하지만 대략 합쳐보면 인터랙션 디자이너에 가깝다고 생각하고 있다.

2000년부터 게임기획자모임 ‘한쿨임’을 이끌고 『게임 아키텍처 앤 디자인』, 『검과 회로』, 『최고의 전문가들이 말하는 온라인게임개발 테크닉』 등 다수의 전문서를 번역했으며, 유명 블로거로서 카툰 에세이 『게임회사 이야기』의 저자이기도 하다.

목차

• | 1장 | 인터랙션 디자인은 무엇인가? ● 25
  • 인터랙션이란? 인터랙션 디자인이란? ● 28
  • 왜 인터랙션 ‘디자인’인가? ● 31
  • 인터랙션 디자인의 아주 짧은 역사 34
    • 1940년대부터 1980년대까지 ● 36
    • 1990년부터 현재 ● 38
  • 용어들의 잡탕찌개 ● 42
  • 인터랙션 디자인이 필요한 이유 ● 47
    
• | 2장 | 시작하기 ● 49
  • 문제가 많은 문제 ● 50
  • 프로젝트 정의하기 ● 52
    • 사업 목표 ● 54
    • 제약조건 ● 55
    • 정보 수집 ● 56
  • 인터랙션 디자인의 네 가지 접근법 ● 57
    • 사용자 중심 디자인 ● 58
    • 활동 중심 디자인 ● 61
    • 시스템 디자인 ● 64
    • 직관적 디자인 ● 71
  • 요약 ● 73
    
• | 3장 | 인터랙션 디자인의 기초 ● 75
  • 인터랙션 디자인 요소 ● 76
    • 움직임 ● 76
    • 공간 ● 78
    • 시간 ● 79
    • 외관 ● 81
    • 질감 ● 83
    • 소리 ● 84
  • 인터랙션 디자인의 법칙 ● 85
    • 무어의 법칙 ● 85
    • 피쳇의 법칙 ● 86
    • 힉의 법칙 ● 87
    • 마법의 숫자 7 ● 87
    • 테슬러의 복잡성 보존의 법칙 ● 88
    • 포카 요케의 법칙 ● 91
    • 직접조작과 간접조작 ● 92
    • 피드백과 피드포워드 ● 93
  • 좋은 인터랙션 디자인의 특징 ● 94
    • 믿을 수 있는 ● 94
    • 적절한 ● 95
    • 영리한 ● 97
    • 잘 반응하는 ● 98
    • 똑똑한 ● 100
    • 즐거운 ● 101
    • 기쁜 ● 102
  • 요약 ● 104
    
• | 4장 | 디자인 리서치와 브레인스토밍 ● 105
  • 디자인 리서치가 무엇인가? ● 106
    • 왜 디자인 리서치를 해야 하는가? ● 107
  • 디자인 리서치 기획하기 ● 109
    • 금지사항 ● 110
    • 윤리적인 리서치 ● 111
    • 비용과 시간 ● 112
    • 무엇을 찾고 어떻게 기록하는가 ● 113
  • 리서치 방법 ● 115
    • 관찰 ● 115
    • 인터뷰 ● 116
    • 활동 ● 118
  • 디자인적인 함의 ● 122
  • 브레인스토밍: “여기서 기적이 일어난다면…” ● 124
  • 요약 ● 126
    
• | 5장 | 인터랙션 디자인의 도구 ● 127
  • 다뤄야 할 도구 ● 129
  • 리서치 모델 ● 130
  • 페르소나 ● 135
  • 시나리오 ● 140
  • 스케치와 모델 ● 141
  • 스토리보드 ● 143
  • 작업 목록 ● 144
  • 워크플로우 ● 145
  • 유스케이스 ● 147
  • 무드보드 ● 149
  • 와이어프레임 ● 150
    • 와이어프레임 ● 152
    • 주석 ● 153
    • 와이어프레임 메타데이터 ● 154
  • 프로토타입: 종이, 디지털, 실제 프로토타입 ● 155
  • 테스트 ● 159
  • 요약 ● 161
    
• | 6장 | 인터페이스 디자인의 기초 ● 163
  • 비주얼 인터페이스 디자인의 기본요소 ● 165
    • 레이아웃 ● 165
    • 타이포그래피 ● 171
    • 색상 ● 174
    • 재질과 형태 ● 177
  • 컨트롤과 위젯 ● 180
  • 아이콘 ● 188
  • 소리 ● 191
  • 표준 ● 191
  • 얼굴(페이스) 없는 인터페이스 ● 192
    • 목소리 ● 193
    • 동작 ● 194
    • 존재 ● 194
  • 요약 ● 196
    
• | 7장 | 영리한 애플리케이션과 똑똑한 디바이스 ● 197
  • 멀티태스킹을 위한 디자인 ● 198
  • 친밀감을 높이는 디자인 ● 204
    • 꾸미기(커스터마이즈)와 개인화(퍼스널라이즈) ● 205
    • 적응 ● 206
    • 해킹 ● 210
  • 배경 디바이스 ● 216
  • 요약 ● 220
    
• | 8장 | 서비스 디자인 ● 221
  • 서비스란 무엇인가? ● 223
    • 서비스의 특성 ● 224
    • 서비스 디자인 요소 ● 225
  • 왜 서비스를 디자인하는가? ● 229
  • 서비스와 브랜딩 ● 231
  • 서비스와 제품의 차이 ● 233
  • 서비스 디자인의 기술 ● 237
    • 환경 ● 238
    • 이해관계자 ● 238
    • 회사 인지와 브랜드 ● 239
    • 터치포인트 ● 239
    • 프로세스 맵 ● 240
    • 서비스 설계도 ● 242
    • 서비스 프로토타입 ● 244
    • 디지털 기기의 중심에서 ● 247
  • 요약 ● 249
    
• | 9장 | 인터랙션 디자인의 미래 ● 251
  • 인터넷의 미래: 다음 10년 ● 253
    • 차세대 웹을 위한 도구 ● 254
  • 지능형 에이전트 ● 256
  • 스파임과 사물의 인터넷 ● 256
  • 트랜스미디어 인터랙션 ● 258
  • 인간-로봇 인터랙션 ● 261
  • 착용형 제품 ● 265
  • 유비쿼터스 컴퓨팅 ● 268
  • 디지털 도구를 만드는 디지털 도구 ● 273
  • 요약 ● 275
    
• | 에필로그 | 선한 디자인 ● 277
  • 디자인의 윤리 ● 279
    • 원칙 ● 279

 1쇄 오류/오탈자 

[ p210-215 수정 PDF ]
PDF 다운로드>>


 2쇄 오류/오탈자 

[ p18 6행 ]
해킹 210 → 개조 210