디자이너와 개발자에게 제시하는 웹 UX 설계의 디자인 원칙

훌륭한 웹 디자인이란 무엇인가? 그리고 훌륭한 웹 소프트웨어를 만들기 위한 방법은 과연 무엇인가?
이 책에서 저자는 훌륭한 웹 어플리케이션을 구성하는 비밀은 바로 ‘명확한 디자인’에 있다고 강조하고 있다. 즉, 누구나 알 수 있는 뻔한 디자인이 곧 가장 좋은 디자인이라는 원리를 저자 특유의 친근한 화법으로 알기 쉽게 설명하며, 좋은 웹 어플리케이션을 디자인함에 있어 필요한 항목들을 조목조목 소개하고 있다.

이 책의 가장 큰 특징은 저자의 다양한 실무 경험에서 나오는 다양한 사례와 학문적인 이론과 방법론이 적절하게 조화를 이루고 있다는 것이다. 저자가 실제로 수행했던 프로젝트를 곳곳에서 예로 들어 독자로 하여금 쉽게 문제의식의 공감대를 형성하게 하며, 실무에서 부딪치는 여러가지 문제들에 대한 순차적인 해결방안을 제시하여 독자가 실제 스스로 고민을 할 수 있는 기회를 제공한다. 특히나 수많은 어플리케이션들이 가진 고질적인 문제로 ‘개발자만이 이해하는 어려운 UI 디자인’을 다루면서 이를 어떻게 해소할 수 있는 지에 대한 해법을 제시해 주고 있다.

성공한 웹 애플리케이션들의 특징을 소개하고, 그들을 통해 고객의 만족도와 충성도를 고양시킬 수 있는 웹 기반 어플리케이션 설계의 가이드라인을 제시하고 있다. 불필요한 부분을 최대한 제거하고, 초급 사용자를 중급자로 빠르게 향상시키며, 발생 가능한 여러가지 오류를 예방 및 핸들링하고, 복잡한 웹을 보다 쉽게 이해하기 위해 인터랙션과 작업흐름을 수정하는 등 어떻게 하면 사용자 중심의 디자인을 구현할 수 있는지에 대한 저자의 노하우와 다양한 조언들을 담고 있다. 이제 막 사용자 중심의 디자인에 발을 내디딘 웹 디자이너와 개발자, 그리고 프로그래밍 팀부터 CEO에 이르기까지 웹 기반의 소프트웨어에 관여하는 모든 이들에게 훌륭한 가이드가 될 것이다.

Chapter 1. 명확한 디자인에 대한 정의
‘명확한 것’이란 무엇인가?
어떻게 명확한 디자인을 하는 것인가?
명확한 디자인을 위한 프레임워크

Chapter 2. 먼저 사용자를 이해하라
사용자들이 자신의 행동에 대해서
스스로 어떻게 생각하는지 이해하라
사용자들이 실제로 어떻게 행동하는지 이해하라
진실을 보는 법 깨우치기
기능을 위한 디자인
Use case 작성하기

Chapter 3. 꼭 필요한 것만 디자인하자.
다르게 생각하기
‘있으면 좋은’ 것은 버려라

Chapter 4. 사용자 멘탈 모델 지원
멘탈 모델 이해하기
멘탈 모델 디자인하기
멘탈 모델 디자인으로 전환시키기
구현 모델을 없애라
디자인을 프로토타입화 하라
테스트 해보라
초보자에서 중급자 만들기

Chapter 5. 사용속도를 높이기 위한 처방
적절한 기본값 설정하기
정보 디자인
속도내기에 흥미를 잃는 단계
전문가를 위한 도움말 문서를 제공하라

Chapter 6. 현명하게 오류 처리하기
Poka-yoke 기법을 통한 오류 예방 및 오류 잡아내기
Modal 파헤치기
고통을 안겨주는 것이 아닌, 진정 도움이 되는 오류 메시지를 작성하라
관대한 소프트웨어 만들기

Chapter 7. 통일감, 일관성, 의미를 위한 디자인
통일감있는 디자인하기
일관성을 유지하라
의미와 중요성을 만들기 위한 불규칙성

Chapter 8. 줄이고 정제하기
혼란스러움 청소하기
Kaizen 연습
쓸모 없는 것들 제거하기
적시 디자인, 적시 검토 활용하기

Chapter 9. 향상이 가능한 경우, 혁신은 지양하라
사용자 경험 향상
좋은 예를 찾고, 그로부터 배워라
표준을 향상시켜라
좋은 것들을 제거하라
Get in the Game

Chapter 1. 명확한 디자인에 대한 정의
Chapter 1에서는 과연 ‘명확한 것’이란 무엇인가? 어떻게 명확한 디자인을 하는 것인가? 그리고 명확한 디자인을 위한 프레임워크는 어떻게 구성되어 있는지에 대해 설명하고 있다.

Chapter 2. 먼저 사용자를 이해하라
사용자에 대한 이해가 곧 어플리케이션을 어떻게 설계해야 하는지 알 수 있는 열쇠이다. 그리고 이러한 이해가 있다면 제품의 입장에서 합당한 기능을 만들기 위해 사용자의 요구들을 잠시 무시하고 그 작업을 위한 행위에 초점을 맞추도록 하는 것이 최선이다. Chapter 2에서는 어떻게 사용자를 이해하고, 왜 사용자의 변덕을 무시해야 할 필요가 있는지에 대해 설명한다.

Chapter 3. 꼭 필요한 것만 디자인하자.
정말 사용자에게 꼭 필요한 기능만을 설계하도록 한다. ‘있으면 좋은 기능’들을 ‘꼭 만들어야 하는’ 기능에서 제외하기란 정말 어려운 일이지만 반드시 해야 하는 일이다. Chapter 3에서는 기능 목록을 어떻게 분리할 수 있는지, ‘있으면 좋은’ 기능들을 언제 재검토하는지에 대해 설명한다.

Chapter 4. 사용자 멘탈 모델 지원
제품이 과연 어떤 일을 하는지에 대한 사용자 멘탈 모델(Mental-Model)을 제공한다. Chapter 4에서는 구현 모델(implementation model)과 멘탈 모델(Mental model)의 차이점에 대해 설명하고, 제품을 단 한 줄이라도 구현하기 전에 어플리케이션을 최대한 변형해서 제대로 모양새를 갖추는 방법에 대해 설명한다.

Chapter 5. 사용속도를 높이기 위한 처방
사용자는 일단 한번 제품을 어떻게 사용하는지 알게 되면 일상적인 작업을 보다 쉽게 수행하게 되며 그런 후에는 고급 기능들도 사용자들에게 좀 더 쉽게 다가가게 된다. Chapter 5에서는 어떻게 하면 사용자가 제품에 빨리 익숙해져서 최대한 빠른 시일 내에 중급 사용자가 될 수 있는지에 대해 다루고 있다.

Chapter 6. 현명하게 오류 처리하기
사용자가 실수로부터 쉽게 복구할 수 있도록 만들어야 한다. 그리고 아예 처음부터 실수 자체를 하기 어렵도록 만들어야 한다. 이를 위해 포카요크(Poka-yoke) 장치 같은 것을 제공함으로써 소프트웨어는 좀 더 친절해 질 수 있다. Chapter 6에서는 포카요크라는 이 훌륭한 장치가 얼마나 쉽게 웹 소프트웨어 상에서 구현될 수 있는지 설명하고 있다.

Chapter 7. 통일감, 일관성, 의미를 위한 디자인
일관성있는 인터페이스 요소는 좋은 디자인의 핵심이다. 하지만 강조를 나타내거나 의미를 부각시키려 할 때는 불규칙한 요소가 오히려 효과적일 수 있다. 이에 관해 Chapter 7에서 설명하고 있다.

Chapter 8. 줄이고 정제하기
Chapter 8에서는 웹 디자인에서 명쾌하고 단순하다는 개념에 대해 살펴본다. 어떻게 하면 디자인 프로세스와 인터페이스 자체에서 낭비를 없앨 수 있는지, 그리고 'Just in Time' 디자인을 통해 어떻게 훌륭한 소프트웨어를 지속적으로 만들어낼 수 있는지 설명한다.

Chapter 9. 향상이 가능한 경우, 혁신은 지양하라
Chapter 9에서는 사용자 경험 향상에 대해 다루고 있다. 혁신적인 디자인만이 정답은 아니며 한단계씩 향상시키는 것이 오히려 나은 결과를 가져 올 수 있다는 점을 지적하고 있다. 이를 위해 사용자의 요구에 즉시 응답하는 일관성있는 인터페이스 요소를 구현하기 위한 방법을 설명한다.