소장자료검색

책소개

" 세심한 인터랙션 디자인이 풍성한 인터페이스를 만든다"

Ajax의 등장 이후 동시에 다양한 효과와 디자인들이 정리되지 않은 채 습관적으로 사용되는 등 웹 인터페이스의 트렌드는 완전히 변했다. 이 책은 어지럽게 분산되어 있던 인터페이스 요소들을 패턴으로 묶어 한 자리에 모아 놓은 것으로, 산발적으로 쓰이고 있던 디자인 테크닉들을 일목요연하게 정리했다는 의미를 지닐 뿐만 아니라 사용자 경험을 높일 수 있는 유려한 디자인 아이디어들을 제시하고 있다.

패턴 별로 인터랙션이 일어나는 순간을 몇 단계로 나눠 보여주어 보는 이의 이해를 돕는 동시에, 정확한 용어를 사용하고 있어, 정확한 의사소통을 가능하게 한다. 패턴마다 팁과 가이드를 수록하여 웹 애플리케이션을 디자인할 때 고려사항을 더 폭넓게 파악하도록 돕는 등 현장에서 바로 쓰일 수 있는 장점이 있다.

목차

옮긴이의 글
추천사
지은이의 글
감사의 글

제1원칙: 다이렉트하게 만들어라
1장 페이지 내 편집
단일 필드 인라인 편집
멀티 필드 인라인 편집
오버레이 편집
표 편집
그룹 편집
모듈 구성
편집 패턴을 선택하는 가이드라인

2장 드래그 앤 드롭
상호작용 순간
드래그 앤 드롭의 목적
모듈 드래그 앤 드롭하기
목록 드래그 앤 드롭하기
개체 드래그 앤 드롭하기
액션 드래그 앤 드롭하기
수집 드래그 앤 드롭하기
드래그 앤 드롭의 과제

3장 직접 선택
토글 선택
수집 서택
개체 선택
복합형 선택

제2원칙 가볍게 유지하라
4장 문맥 도구
컨텍스트상의 상호작용
피츠의 법칙
문맥 도구
상시 노출 도구
마우스 오버 노출 도구
토글 노출 도구
다단계 노출 도구
2차 메뉴

제3원칙 페이지에 머무르게 하라
5장 오버레이
대화상자 오버레이
상세 설명 오버레이
입력 오버레이

6장 인레이
대화상자 인레이
목록 인레이
상세설명 인레이
탭
인레이 vs. 오버레이?

7장 가상 페이지
가상 스크롤
인라인 페이징
스크롤 페이징: 콘솔
가상 패닝
줌이 가능한 사용자 인터페이스
페이징 vs. 스크롤링

8장 프로세스 흐름
구글 블로거
마술의 원칙
인터랙티브 단일 페이지 프로세스
인라인 보조수단 프로세스
대화상자 오버레이 프로세스
설정 프로세스
정적인 단일 페이지 프로세스

제4원칙 유인 요소를 제공하라
9장 정적 유인 요소
행위 유인 요소
둘러보기 유인 요소

10장 동적 유인 요소
마우스 오버 유인 요소
어포던스 유인 요소
드래그 앤 드롭 유인 요소
추측 유인 요소
콘텐츠 더 보기 유인 요소
유인 요소의 장점

제5원칙 전환 효과를 사용하라
11장 전환 효과의 패턴
밝게 하기와 흐리게 하기
확장하기와 축소하기
희미하게 사라지기
애니메이션
스포트라이트

12장 전환 효과의 목적
접속 유지
커뮤니케이션

제6원칙 즉각적으로 반응하라
13장 검색 패턴
자동 완성
실시간 추천
실시간 검색
실시간 상세 검색

14장 피드백 패턴
실시간 미리보기
단계적 공개
진행률 표시기
주기적 새로고침

맺음말
찾아보기