책소개
UI 디자인 활용서. 이 책은 컴퓨터 소프트웨어를 만드는 데 필요한 디자인 패턴을 통해 좋은 인터페이스를 사용하는 패턴과 상호작용이 높은 인터페이스에 적용되는 정보구조, 패턴과 컨트롤을 다루는 법 등으로 구성했다.
《DESIGNING INTERFACES》는 사용자 조사의 기본과 컨텐츠 구성, 페이지 구성과 복잡한 데이터 보여주기, 사용자로부터 인풋 얻기, 보기 좋게 만들기 등으로 구성했다.
저자소개
저자_ 제니퍼 티드웰 저자인 제니퍼 티드웰은 인터랙션 디자이너이자 소프트웨어 개발자로 테크니컬 컴퓨팅 소프트웨어 제조사인 MathWorks에서 일하고 있다. 그녀는 디자인과 데이터 구조 분석, 시각화 툴을 전문적으로 다루고 있으며 MATLAB 데이터 툴의 새로운 디자인을 개발하였다. MATLAB은 자동차, 비행기, 단백질을 개발하고 우주 이론을 연구하는 세계 각국의 리서처, 학생, 엔지니어들에게 쓰이는 소프트웨어이다. 저자는 웹 사이트 디자인에 대해서도 전문적인 지식을 가지고 있으며 초창기 리치 인터넷 애플리케이션(RIA) 기술에 열중하여 2000년 초기에 Curl을 디자인하고 개발하는데 도움을 주었다. 제니퍼는 MIT에서 기술 교육을 받았으며 매사스추세츠 예술 대학에서 디자인 교육을 받았으나, 아직까지도 배움의 길을 멈추지 않고 있다. 그녀는 1997년부터 사용자 인터페이스 패턴들을 조사해왔다. 그 외에도 그림을 그리고 글을 쓰는 창조적인 활동에 몰입해 있으며, 뉴 잉글랜드의 야외에서 바이크, 보트, 산책, 스키, 등산으로 많은 시간을 보내고 있다. http://jtidwell.net에서 저자의 개인 웹 사이트를 볼 수 있다. [역자소개]
역자_ 김 소 영 ououmomo@gmail.com 이화여자대학교 화학과를 거쳐 국민대학교 시각디자인학과를 졸업하였다. 다년간 UI 전문 회사에서 PC 애플리케이션, 모바일, DTV, 내비게이션, 홈네트워크, 생활 가전 등 다양한 제품의 인터페이스 프로젝트를 진행하며, GUI 디자인, UI 설계, 사용자 조사, 리서치와 기획에 이르기까지 유저 인터페이스에 대한 깊이 있는 실무 경험을 쌓았다.
목차
서문
01장. 사용자들은 무엇을 하는가
목적을 이루기 위한 수단
사용자 조사의 기본
사용자들의 배우고자 하는 동기
패턴
01 안전한 탐색(safe exploration)
02 즉각적인 만족(instant gratification)
03 최소한의 충족(satisficing)
04 흐름 변화(changes in midstream)
05 선택 미루기(deferred choices)
06 구조 늘리기(incremental construction)
07 습관화(habituation)
08 공간 기억(spatial memory)
09 미래 예측 기억(prospective memory)
10 능률적인 반복(streamlined repetition)
11 키보드만 사용하기(keyboard only)
12 다른 이들의 충고(other peoples advice)
02장. 콘텐츠 구성하기: 정보 구조와 애플리케이션 구조
정보 구조의 기본 : 나누기
물리적인 구조
패턴
13 투 패널 셀렉터(two-panel selector)
14 캔버스 플러스 팔레트(canvas plus palette)
15 원 윈도우 드릴다운(one-window drilldown)
16 얼터네이티브 뷰(alternative views)
17 위자드(wizard)
18 엑스트라 온 디맨드(extras on demand)
19 인트리깅 브랜치(intriguing branches)
20 멀티 레벨 헬프(multi-level help)
03장. 둘러보기: 내비게이션, 사인, 길 찾기
머물러서 찾기
내비게이션의 비용
패턴
21 클리어 엔트리 포인트(clear entry points)
22 글로벌 내비게이션(global navigation)
23 허브 앤 스포크(hub and spoke)
24 피라미드(pyrimid)
25 모달 패널(modal panel)
26 시퀀스 맵(sequence map)
27 브레드크럽스(breadcrumbs)
28 주석이 있는 스크롤 바(annotated scrollbar)
29 컬러 코디드 섹션(color-coded sections)
30 애니메이티드 트랜지션(animated transition)
31 이스케이프 해치(escape hatch)
04장. 페이지 구성하기: 페이지 요소의 레이아웃
페이지 레이아웃의 기본
패턴
32 비주얼 프레임워크(visual framework)
33 센터 스테이지(center stage)
34 타이틀 섹션(tilted sections)
35 카드 스택(card stack)
36 클로저블 패널(closable panels)
37 무버블 패널(movable panels)
38 오른쪽/왼쪽 배열(right/left alignment)
39 대각선 균형(diagonal balance)
40 속성 시트(property sheet)
41 리스판시브 디스클로저(responsive disclosure)
42 리스판시브 인에이블링(responsive enabling)
43 리퀴드 레이아웃(liquid layout)
05장. 실행하기: 액션과 커맨드
푸싱 바운더리
패턴
44 버튼 그룹(button groups)
45 액션 패널(action panel)
46 중요한 완료 버튼(prominent done button)
47 스마트 메뉴 아이템(smart menu items)
48 프리뷰(preview)
49 프로그레스 인디케이터(progress indicator)
50 캔슬러빌리티(cancelability)
51 멀티 레벨 언두(multi-level undo)
52 커맨드 히스토리(command history)
53 매크로(macros)
06장. 복잡한 데이터 보여주기: 트리, 테이블, 그리고 다른 정보 그래픽들
정보 그래픽의 기본
패턴
54 오버뷰 플러스 디테일(overview plus detail)
55 데이터팁(datatips)
56 다이내믹 쿼리(dynamic queries)
57 데이터 브러싱(data brushing)
58 로컬 주밍(local zooming)
59 로우 스트리핑(row striping)
60 소터블 테이블(sortable table)
61 점프 투 아이템(jump to item)
62 뉴 아이템 로우(new-item row)
63 캐스캐이딩 리스트(cascaing lists)
64 트리 테이블(tree table)
65 멀티 Y 그래프(multi-Y graph)
66 스몰 멀티플즈(small multiples)
67 트리맵(treemap)
07장. 사용자로부터 인풋 얻기: 폼과 컨트롤
폼 디자인의 기본
컨트롤 선택
패턴
68 관용적인 포맷(forgiving format)
69 구조화된 포맷(structured format)
70 빈 곳 채우기(fill-in-the-blanks)
71 인풋 힌트(input hints)
72 인풋 프롬프트(input prompt)
73 자동 완성(autocompletion)
74 드롭다운 선택자(dropdown chooser)
75 그림으로 되어 있는 선택 항목(illustrated choices)
76 리스트 빌더(list builder)
77 굿 디폴트(good defaults)
78 동일한 페이지에서 오류 메시지(same-page error messages)
08장. 빌더와 편집기
편집기 디자인의 기본
패턴
79 에디트 인 플레이스(edit-in-place)
80 스마트 셀렉션(smart se
.png){kind=logo}
