목차

 

 

옮긴이의 글

추천사

지은이의 글

감사의 글


제1원칙: 다이렉트하게 만들어라

1장 페이지 내 편집

단일 필드 인라인 편집

멀티 필드 인라인 편집

오버레이 편집

표 편집

그룹 편집

모듈 구성

편집 패턴을 선택하는 가이드라인


2장 드래그 앤 드롭

상호작용 순간

드래그 앤 드롭의 목적

모듈 드래그 앤 드롭하기

목록 드래그 앤 드롭하기

개체 드래그 앤 드롭하기

액션 드래그 앤 드롭하기

수집 드래그 앤 드롭하기

드래그 앤 드롭의 과제


3장 직접 선택

토글 선택

수집 서택

개체 선택

복합형 선택


제2원칙 가볍게 유지하라

4장 문맥 도구

컨텍스트상의 상호작용

피츠의 법칙

문맥 도구

상시 노출 도구

마우스 오버 노출 도구

토글 노출 도구

다단계 노출 도구

2차 메뉴



제3원칙 페이지에 머무르게 하라

5장 오버레이

대화상자 오버레이

상세 설명 오버레이

입력 오버레이


6장 인레이

대화상자 인레이

목록 인레이

상세설명 인레이

인레이 vs. 오버레이?


7장 가상 페이지

가상 스크롤

인라인 페이징

스크롤 페이징: 콘솔

가상 패닝

줌이 가능한 사용자 인터페이스

페이징 vs. 스크롤링


8장 프로세스 흐름

구글 블로거

마술의 원칙

인터랙티브 단일 페이지 프로세스

인라인 보조수단 프로세스

대화상자 오버레이 프로세스

설정 프로세스

정적인 단일 페이지 프로세스



제4원칙 유인 요소를 제공하라

9장 정적 유인 요

행위 유인 요소

둘러보기 유인 요소


10장 동적 유인 요소

마우스 오버 유인 요소

어포던스 유인 요소

드래그 앤 드롭 유인 요소

추측 유인 요소

콘텐츠 더 보기 유인 요소

유인 요소의 장점


제5원칙 전환 효과를 사용하라

11장 전환 효과의 패턴

밝게 하기와 흐리게 하기

확장하기와 축소하기

희미하게 사라지기

애니메이션

스포트라이트


12장 전환 효과의 목적

접속 유지

커뮤니케이션


제6원칙 즉각적으로 반응하라

13장 검색 패턴

자동 완성

실시간 추천

실시간 검색

실시간 상세 검색


14장 피드백 패턴

실시간 미리보기

단계적 공개

진행률 표시기

주기적 새로고침


맺음말

찾아보기