한빛출판네트워크

모바일 시대의 디지털 제품과
애플리케이션을 만드는 변하지 않는 UX 디자인 원칙.
가스레인지부터 iOS, 안드로이드, 윈도우 8까지
시대의 흐름을 반영한 예제와 설명으로 UX 디자인을 이해하라!

사람의 인지적 특성에 따라 고민해야 하는 UX 디자인의 기본 원칙을 설명하고, 사람을 위한 제품을 만들 수 있는 방법을 제시한다. 저자가 3년 동안 준비한 국내 맞춤형 집필서로 구글, 안드로이드, 삼성, 애플, 마이크로소프트 등 주요 기업들의 제품 디자인 사례를 분석하고 재조명했다. 다양한 스마트 기기와 미디어 매체가 쏟아지는 시대의 흐름에 맞는, UX를 입체적으로 이해할 수 있다.

어떤 독자를 위한 책인가?

• 스마트 기기 기획자 및 개발자
• 웹, 앱 기획자 및 개발자
• UX에 관심이 있거나 배우고 싶은 독자
• 제품 디자이너

추천사

기념비적인 책의 출간을 축하합니다. 모든 이들에게 이 책을 추천합니다.
이 책의 저자 반준철은 가장 최신의 디자인 원칙과 예제가 담겨 있는 UX 역사에 길이 남을 책을 집필했습니다. 최근 몇 년간 기술, 특히 우리가 실생활에서 체감할 수 있는 기술은 급격히 변했습니다. 우리는 통신 산업에서 터치와 음성으로 동작하는 스마트폰이 개발되는 것을 경험했습니다. 스마트폰은 이제 큰 액정과 여러 가지 센서, 그리고 강력한 연산 능력을 갖추게 되었습니다. 컴퓨터 산업의 변화도 이와 비슷하며 게임도 변화했습니다. 저자는 놀라운 예제를 이용해서 이런 주제에 생명을 불어넣고 있습니다.
나는 이 책에서 소개하는 주제의 범위를 보고 매우 기뻤습니다. 오래 전에 나는 『디자인과 인간심리』(학지사, 원서: The Design Of Everyday Things, 1988년 초판 발행)를 썼습니다. 그 책의 내용은 지금도 충분히 의미가 있지만, 예제는 오래됐습니다. 이 책의 저자 Bahn은 제 아이디어를 현대화했으며 창의적인 예제를 제공해서 아이디어에 새 생명을 불어넣어 주었습니다. 그와 동시에 그는 제 아이디어를 강력한 방식으로 확장했습니다. 정말 최고의 성과물을 출간한 Bahn에게 축하를 보냅니다. 그리고 모든 이들에게 이 책을 추천합니다.
__도널드 노먼. 닐슨 노먼 그룹 창시자, 전 애플 부사장

차세대 디지털 제품과 서비스에 오래된 기본 원칙을 적용하고 의미를 상세하게 설명한 책
이 책의 백미는 책의 4장, 5장, 6장에 있는 '인터랙션 기반 설계, 인터랙션 구조 설계, 그리고 인터랙션 표현 설계' 부분이다. 이 부분이 좋은 이유는 이 책의 제목에서도 이야기하고 있는 것처럼 무척 오래된 UX 디자인에 대한 기본 원칙들을 현재의 모바일 디바이스와 서비스에 재조명했기 때문이다. 기본 원칙이라는 것은 말하기는 간단하고 들으면 그냥 아는 것 같다. 하지만 실제 그 원칙을 현재 상황에 적용한다는 것은 무척 어려운 일이다. 때문에 아직 명확하게 이해되지 않고 있는 아이패드 3세대나 MS OS 8과 같은 차세대 디지털 제품이나 서비스에 오래된 기본 원칙을 적용하고 그 함의점을 상세하게 도출한 점은 이 책의 가장 큰 장점이다. 사용자의 시각에서 만들어낸 이 책이 사용자에 의해 작성된 사용자 경험에 대한 첫 번째 UX 전문서로 자리매김할 것으로 기대한다.
__김진우. 연세대학교 HCI Lab 교수

다양한 사례로 UX 디자인의 원리와 개념을 손에 잡힐 듯하게 설명해주는 책
『오래가는 UX 디자인』은 UX를 제대로 이해하기에 부족함이 없는 입문서다.
입문서는 개념 정리와 알기 쉬운 사례, 최신 동향 등을 적절히 소개해야 하는데, 이 책은 이 3가지 요소를 잘 갖추고 있다. 첫째, 앞 부분에 나오는 UX 디자인의 개념과 시대적 변화에 따른 UX 개념의 상세한 소개는 UX의 방대한 범위와 애매모호한 정의를 단시간 내에 효과적으로 이해할 수 있게 도와준다. 둘째, 이 책은 우리 주변의 사례를 적극적으로 활용하여 개념과 원리를 친절하게 설명한다. 저자는 독자들이 평소에 접할 수 있는 다양한 사례를 잘 엮어서 UX 디자인의 원리와 개념을 마치 손에 잡힐 듯 설명해주고 있다. 마지막으로 기존의 개론서가 다소 오래되어 최신 동향과 패러다임을 적절하게 소개하지 못하고 있던 차에 스마트폰, 인터넷 서비스 같은 최신 동향과 흐름을 소개함으로써 UX가 각광받는 스마트 시대에 적합한 내용을 적절히 책에 담고 있다.
누군가 UX를 궁금해 하는가? 그렇다면 『오래가는 UX 디자인』을 추천하길 바란다. 나는 이 책이 어렵고 방대한 UX의 세계를 제대로 이해하게 돕는 요긴한 선물이 되리라 확신한다.
__이지현. 서울여자대학교 산업디자인학과 교수

PART 01 UX 디자인Chapter 01 UX 디자인이란1 UX, 디자인과 사용자 경험  1-1 UX, 사용자 경험이란?  1-2 UI, UX, 인터랙션 디자인2 실무에서의 UX 디자인 조직  2-1 UX 디자인 조직의 구성 방식  2-2 조직에 따라 다른 UX 디자인 내부 역량3 경험 중심 디자인   3-1 제품 디자인의 3가지 관점 - 기술, 기능, 경험  3-2 구글 보이스 액션과 애플 시리   3-3 경험에 따라 제품을 차별화하는 애플  3-4 최고의 경험이 최고의 가치가 되는 시대  3-5 기술 경쟁에서 경험 경쟁으로 4 UX에 관한 다양한 시각  4-1 사용자 경험(UX)의 의미  4-2 경험 디자인의 의미  4-3 사용자 경험 관련 다이어그램  4-4 가장 효율적인 UI와 가장 만족도가 높은 UIChapter 02 시대별 사용자 경험1 왜 UX가 중요해지는가?  1-1 기계가 최고의 가치였던 메인프레임 시대   1-2 컴퓨터로 처리할 수 있는지가 중요했던 PC 도입기  1-3 사람이 중요해지는 PC 발전기, 성숙기  1-4 시대별 PC 기술의 발전 과정2 기술의 발전과 사용자 경험의 변화  2-1 워드프로세서로 보는 사용자 경험의 변화  2-2 프린터로 보는 사용자 경험의 변화  2-3기기가 작아지고 빨라지면 디자인이 더 중요해진다3 사람 중심의 제품 디자인  3-1 춤추는 곰과 김연아PART 02 인터랙션 디자인Chapter 03 인터랙션 디자인 방식1 인터랙션 디자인의 7가지 접근 방법  1-1 시스템 디자인   1-2 기능 중심 디자인  1-3 사용자 중심 디자인   1-4 목표 지향 디자인  1-5 직관적 디자인   1-6 천재적 디자인  1-7 천재적 디자인2 인터랙션 디자인 기본 원칙  2-1 목적, 실행, 평가 간의 차이를 최소화하라  2-2 터치 인터페이스의 인터랙션 디자인3 인터랙션 디자인 사례  3-1 지하철 1회용 승차권의 다양한 문제 Chapter 04 인터랙션 기반설계1 적절한 개념 모형을 제공하라  1-1 심성 모형과 개념 모형  1-2 심성 모형의 다양한 측면   1-3 볼륨 조절의 개념 모형  1-4 볼륨 조절 때문에 혼란이 생기는 이유2 디자인 사례 - 스마트폰의 개념 모형  2-1 애플 제품의 개념 모형   2-2 iOS의 개념 모형   2-3 안드로이드의 개념 모형   2-4 윈도우 모바일의 개념 모형  2-5 애플의 아이튠즈가 사용하기 어려운 이유3 알기 쉬운 메타포를 제공하라   3-1 메타포 4 중요한 것을 드러내라   4-1 중요한 것을 보이게 만들어라  4-2 상황에 적합한 핵심 정보만 노출하라 Chapter 05 인터랙션 구조 설계1 사용할 정보의 보존 영역을 결정하라  1-1 머릿속 정보와 세상 속 정보   1-2 오프라인 정보와 온라인 정보  1-3 사람 속 정보  1-4 특정한 영역에 속하는 정보  1-5 기술의 발전에 따라 변하는 정보 보존 영역2 복잡한 작업 구조를 단순화하라   2-1 작업의 제약 사항과 정책 재검토  2-2 기능 축소, 비슷한 것 모으기, 모듈화하기  2-3 깊고 복잡한 구조를 얕고 단순한 구조로  2-4 모드형 대화상자를 비모드형 패널로3 기능과 선택 가능한 행동의 수를 줄여라  3-1 중요한 것에 집중해서 기능 줄이기  3-2 기능을 정리해서 혼란스러움 피하기  3-3 선택할 수 있는 행동 줄이기4 표준과 관례를 이용하라  4-1 표준과 관례 이용하기  4-2 표준을 만들어 일관성 지키기5 일관성과 신뢰성을 제공하라  5-1 일관성을 유지하라  5-2 신뢰성을 제공하라 Chapter 06 인터랙션 표현 설계1 행동을 유도하는 단서를 제공하라   1-1 어포던스와 행동유도성   1-2 적절한 시그니파이어를 제공하라 2 적절한 피드백을 제공하라   2-1 피드백의 역할  2-2 빠른 피드백  2-3 섬세하고 다양한 피드백  2-4 명확한 피드백  2-5 부적절한 피드백에는 안내문이 필요하다 3 올바른 대응 관계를 만들어라   3-1 배치에 대한 대응   3-2 움직임에 대한 대응4 제약과 제한의 힘을 활용하라   4-1 제품을 단순하게 만드는 제약의 힘   4-2 물리적 제약 모방  4-3 선택의 제한을 통한 단순화상세 목차는 저자의 블로그 http://bahns.net에서 확인할 수 있습니다.