HOME > Detail View

Detail View

웹 2.0 : 기획과 디자인 : 기획자와 디자이너가 꼭 알아야 할 웹 2.0의 77가지 키워드와 디자인 패턴

웹 2.0 : 기획과 디자인 : 기획자와 디자이너가 꼭 알아야 할 웹 2.0의 77가지 키워드와 디자인 패턴 (Loan 19 times)

Material type
단행본
Personal Author
노주환.
Title Statement
웹 2.0 : 기획과 디자인 : 기획자와 디자이너가 꼭 알아야 할 웹 2.0의 77가지 키워드와 디자인 패턴 / 노주환 지음.
Publication, Distribution, etc
서울 :   플루토미디어 ,   2007.  
Physical Medium
181 p. : 색채삽도 ; 25 cm.
ISBN
9788995584828
000 00658camccc200217 k 4500
001 000045404812
005 20100806125710
007 ta
008 071030s2007 ulka 000c kor
020 ▼a 9788995584828 ▼g 13000
035 ▼a (KERIS)BIB000011072449
040 ▼a 211032 ▼d 211009
082 0 4 ▼a 005.72 ▼2 22
090 ▼a 005.72 ▼b 2007o3
100 1 ▼a 노주환.
245 1 0 ▼a 웹 2.0 : ▼b 기획과 디자인 : ▼b 기획자와 디자이너가 꼭 알아야 할 웹 2.0의 77가지 키워드와 디자인 패턴 / ▼d 노주환 지음.
246 1 1 ▼a Web 2.0 planning & design
260 ▼a 서울 : ▼b 플루토미디어 , ▼c 2007.
300 ▼a 181 p. : ▼b 색채삽도 ; ▼c 25 cm.
945 ▼a KINS

No. Location Call Number Accession No. Availability Due Date Make a Reservation Service
No. 1 Location Main Library/Monographs(3F)/ Call Number 005.72 2007o3 Accession No. 111446696 Availability Available Due Date Make a Reservation Service B M
No. 2 Location Science & Engineering Library/Sci-Info(Stacks1)/ Call Number 005.72 2007o3 Accession No. 121160988 Availability Available Due Date Make a Reservation Service B M
No. 3 Location Science & Engineering Library/Sci-Info(Stacks1)/ Call Number 005.72 2007o3 Accession No. 121160989 Availability Available Due Date Make a Reservation Service B M
No. Location Call Number Accession No. Availability Due Date Make a Reservation Service
No. 1 Location Main Library/Monographs(3F)/ Call Number 005.72 2007o3 Accession No. 111446696 Availability Available Due Date Make a Reservation Service B M
No. Location Call Number Accession No. Availability Due Date Make a Reservation Service
No. 1 Location Science & Engineering Library/Sci-Info(Stacks1)/ Call Number 005.72 2007o3 Accession No. 121160988 Availability Available Due Date Make a Reservation Service B M
No. 2 Location Science & Engineering Library/Sci-Info(Stacks1)/ Call Number 005.72 2007o3 Accession No. 121160989 Availability Available Due Date Make a Reservation Service B M

Contents information

Book Introduction

수많은 기업에서 사용자 경험 프로젝트 컨설팅을 진행했고, 사용자 인터페이스 및 인터랙션 디자인 분야에서 최고 전문가로 손꼽히는 저자는 변화하고 있는 웹의 전략과 트렌드를 분석하기 위해 전 세계에서 새롭게 주목 받고 있는 웹 사이트를 2,000개 넘게 분석하였다. 그리고 그 사이트에서 나타난 특징들을 기획과 설계, 디자인 관점에서 77가지 키워드와 디자인 패턴으로 분석하여 설명하였다.

책은 웹2.0 비즈니스에 관심 있는 경영자, 기획자, 디자이너들이 해외에서 주목 받고 있는 사이트들의 '핵심 설계 패턴'을 빠른 시간 안에 습득할 수 있도록 도와준다. 책에서 제공하는 200개가 넘는 스크린 캡쳐만 훑어 봐도 빠른 시간 안에 새로운 트렌드를 파악하고 집중적으로 연구해야 할 키워드 및 디자인 패턴이 무엇인지 쉽게 파악할 수 있다.

각 키워드 별로 제공하는 이론적 근거와 관련 자료는 더 깊은 학습을 원하는 사람들에게 좋은 길잡이가 된다. 웹 기반의 비즈니스 전략을 수립하는 사람들과 웹2.0 서비스 기획 혹은 디자인에 종사하는 사람들에게 유용한 정보를 다수 제공한다.

- 웹2.0의 개념과 전략은 해외 주요 사이트들에서 어떤 모습으로 구현되고 있는가?
- 2천 개가 넘는 사이트를 기획과 설계, 디자인 관점에서 분석 정리한 '웹2.0의 77가지 키워드와 디자인 패턴'

웹은 진화하고 있다. 자신만 변화하는 것이 아니라 모든 산업 근간을 뒤흔들며 빠른 속도로 진화하고 있다. 그 소용돌이의 중심에 '웹2.0'이 있다. 웹은 이제 더 이상 IT 업계만의 이슈가 아니다. 선거, 미디어, TV, 마케팅, 경영 등 모든 삶의 영역의 기본 질서를 파괴하며 새로운 기회를 만들어 내고 있다. '참여'와 '개방'이란 거스를 수 없는 조류는 공급자 중심에서 소비자 중심으로 '파워 쉬프트'를 서서히 진행시키고 있다. 이런 변화의 본질을 꿰뚫고 미래를 준비하는 기업과 사람들에게는 지금의 이런 변화가 새로운 '파워'를 획득할 수 있는 좋은 기회이다.

그렇다면 이런 변화의 중심에서 소비자의 마음을 사로 잡고 새로운 비즈니스 기회를 포착하려는 사람들이 관심을 갖고 주목해야 할 웹 업계의 핵심 키워드는 무엇인가? 사소한 디자인 요소 하나로 '웹 사이트의 성공'이 판가름 날 수 있는 시대를 살아가는 우리가 관심 갖고 집중해야 할 '웹 설계 전략'은 무엇인가?

수 많은 기업에서 사용자 경험 프로젝트 컨설팅을 진행했고, 사용자 인터페이스 및 인터랙션 디자인 분야에서 국내 최고 전문가로 손꼽히는 이 책의 저자는 변화하고 있는 웹의 전략과 트렌드를 분석하기 위해 전 세계에서 새롭게 주목 받고 있는 웹 사이트를 2,000개 넘게 분석하였다. 그리고 그 사이트 중 기획과 설계 관점에서 77가지 키워드와 디자인 패턴을 추출하였다.

이 책은 이렇게 추출한 77가지 핵심 키워드를 기획과 설계 관점에서 크게 5가지로 분류하였다. 이런 분류는 웹2.0 비즈니스에 관심 있는 경영자, 기획자, 디자이너들이 해외에서 주목 받고 있는 사이트들의 '핵심 설계 패턴'을 빠른 시간 안에 습득할 수 있도록 도와준다. 각 키워드 별로 핵심 내용과 함께 참고 사이트가 정리 되어 있다. 매 페이지마다 키워드의 핵심 사상을 잘 표현한 스크린 캡쳐를 함께 제공하기 때문에 200개가 넘는 스크린 캡쳐만 훑어 봐도 빠른 시간 안에 새로운 트렌드를 파악하고 집중적으로 연구해야 할 키워드 및 디자인 패턴이 무엇인지 알 수 있게 구성되어 있다. 각 키워드 별로 제공하는 이론적 근거와 관련 자료는 더 깊은 학습을 원하는 사람들에게 좋은 길잡이가 될 것이다.

이 책은 크게 5개 장으로 구성되어 있다. 제1장은 인포메이션 디자인에 관한 얘기이다. '인포메이션 디자인'은 복잡하고 어려운 정보를 쉽게 이해할 수 있게 만드는 방법 또는 기술이다. 이 관점에서 새롭게 주목 받고 있는 '대시보드 디자인', 태그 클라우드', '비주얼 서치', '마이크로링크', '블로그 타입의 초기 화면', '검색과 브라우징의 결합', '드릴다운 네비게이션' 등 21가지의 디자인 패턴을 소개하고 있다.

제2장은 인터페이스 디자인을 다룬다. '인터페이스 디자인'은 편의성과 효율성을 높이기 위한 과정이다. 이 장에서 다룬 '제약이론(TOC)', '강력한 그룹핑', '큰 입력필드', '클릭단서' 등은 인터페이스 디자인의 기본으로 돌아가기 위한 개념이며, '웨블리케이션', '웹의 위젯화', '카토그래피 인터페이스', '멀티 아이프레임' 등은 창의적인 발상을 적용시킨 사례이다.

제3장은 인터랙션 디자인을 설명한다. 웹 인터페이스는 인쇄물과는 달리 사용자와의 인터랙션이 매우 중요하므로 이 장에서 다루는 '로딩표시기', '미리보기 팝업', '지동 완성', '빠른 검색', '북마크릿과 파비콘' 등의 12가지 디자인 패턴은 인터랙션 디자인에 대한 새로운 통찰을 제공할 것이다.

제4장은 그래픽 디자인에 대한 분석이다. 그래픽 디자인은 화면의 인상 즉 'Look & Feel'을 구축하며, 시각적 효과를 통해 정보전달을 돕는 역할을 수행한다. 웹2.0 시대의 트렌드를 이루는 '단순한 레이아웃', '단순한 네비게이션', '리퀴드 디자인', '투명한 컨트롤 패널', '본문 중심의 레이아웃', '코멘트 디자인' 등의 18가지 디자인 패턴을 조명하고 있다.

제5장은 마케팅 디자인에 대한 얘기이다. 웹2.0 환경은 새로운 서비스를 사용자에게 이해시켜야 하고 새로운 경쟁환경을 극복해야 하기 때문에 정교하고 체계적인 마케팅 구현을 위한 마케팅 디자인의 개념이 더욱 중요해지고 있다. 이 장에서 다루는 '버즈 마케팅', '만화 마케팅', '서비스 모델 전달하기', '디자인 요소로서의 광고 요소', '웹 배지' 등이 그런 개념이다.

저자는 "웹을 기반으로 비즈니스 전략을 수립하고, 사이트 설계와 기획을 하고, 디자인 전략을 수립하는 사람이라면 훌륭한 개념과 전략을 수립하는 것도 중요하지만 그에 못지 않게 그런 개념과 전략을 어떻게 구조화하고 어떤 기법으로 전달할 것인지를 아는 것이 중요하다"며 "2천 개가 넘는 해외 사이트 분석을 통해 77가지 디자인 패턴으로 정리한 이 책이 웹2.0 방식의 기획과 디자인에 대해 고민하는 사람들에게 새로운 웹 트렌드를 빨리 습득하게 하고, 더 깊은 학습을 위한 작은 단서가 되길 바란다"고 말했다.


Information Provided By: : Aladin

Author Introduction

노주환(지은이)

밸류어블디자인랩(www.vdlab.com) 컨설턴트로 근무하고 있다. 웹의 기본(2013 공존의 미학), 모바일 애플리케이션 UI 라이브러리(2011), UX DESIGN(2011), 웹 패러다임을 바꾸는 위젯 (2008, 이상 멘토르), 웹 2.0 기획과 디자인(2007/플루토미디어), 사용하기 쉬운 웹사이트 이렇게 만들어라(2003/비비컴) 등을 집필하였다.

Information Provided By: : Aladin

Table of Contents

목차
PART 1 인포메이션 디자인(Information Design)
 에피센터 디자인(Epicenter Design) = 20
 빈 서판(Blank Slate) = 22
 마이크로링크(Microlink) = 24
 태그 클라우드(Tag Cloud) = 26
 계층 구조의 시각화(Visualization of Hierarchical Structures) = 28
 높은 가시성(High Visibility) = 30
 탄성 리스트(Elastic Lists) = 32
 비주얼 서치(Visual Search) = 34
 검색과 브라우징의 결합(Combining Searching and Browsing) = 36
 맥락 속의 핵심어(KWIC, Key-Word-In-Context) = 38
 정보 구성기(Information Organizer) = 40
 드릴다운 네비게이션(Drill-Down Navigation) = 42
 블로그 타입의 초기 화면(Weblog-type Homepage) = 44
 대시보드 디자인(Dashboard Design) = 46
 썸샷(Thumbshot) = 48
 스크린샷(Screenshot) = 50
 스크린캐스트(Screencast) = 52
 순서 매기기(Numbering) = 54
 최근 읽은 사람들 위젯(Recent Readers Widget) = 56
 사이드노트(Sidenotes) = 58
 저작권 없는 푸터(No Copyright Notice On Footer) = 60
PART 2 인터페이스 디자인(Interface Design)
 웨블리케이션(Weblication) = 64
 웹의 위젯화(Widgetization of The Web) = 66
 포터블 인터페이스(Portable Interface) = 68
 제약 이론(TOC, Theory of Constraints) = 70
 포틀릿 기반의 인터페이스(Portlet-based Interface) = 72
 포스트잇 타입 인터페이스(Post-it Like Interlace) = 74
 위키 타입 인터페이스(Wiki-type Interface) = 76
 카토그래피 인터페이스(Cartographic Interface) = 78
 PIP 인터페이스(Picture-in-Picture Interface) = 80
 다중 검색엔진 인터페이스(Multiple Search Engines) = 82
 URL 체계를 닮은 검색 인터페이스(URL-like Search UI) = 84
 탭 패턴(Tab Patterns) = 86
 멀티 아이프레임(Multi IFrame) = 88
 강력한 그룹핑(Strong Grouping) = 90
 보기 옵션(View Options) = 92
 큰 입력 필드(Large Input Field) = 94
 클릭 단서(Clickability Cue) = 96
 다이렉트 컨트롤 버튼(Direct Control Button) = 98
 원스톱 등록(One-Stop Registration) = 100
PART 3 인터랙션 디자인(Interaction Design)
 단일 컨텍스트 다중 작업(Single Context Multi Tasking) = 104
 YFT(Yellow Fade Technique) = 106
 로딩 표시기(Loading Indicator) = 108
 자동 완성(Auto Complete) = 110
 빠른 검색(Instant Search) = 112
 미리보기 팝업(Quick Read Pop-up) = 114
 빠른 저장(Instant Save) = 116
 빠른 편집(Instant Edit) = 118
 제약 기법(Constraints) = 120
 인터랙티브 모자이크(Interactive Mosaic) = 122
 피시아이 메뉴(Fisheye Menus) = 124
 북마크릿과 파비콘(Bookmarklet & Favicon) = 126
PART 4 그래픽 디자인(Graphic Design)
 단순함(Simplicity) = 130
 단순한 레이아웃(Simple Layout) = 132
 단순한 네비게이션(Simple Navigation) = 134
 투명한 컨트롤 패널(Transparent Control Panel) = 136
 본문 중심의 레이아웃(Presenting Main Contents First) = 138
 분리된 헤더(Separate Header) = 140
 UNB 운용(Using Utility Navigation Bar) = 142
 가운데 정렬(Central Alignment) = 144
 리퀴드 디자인(Liquid Design) = 146
 자연친화적 디자인(Eco-Friendly Design) = 148
 강한 색상과 밝은 색상(Strong Color & Bright Color) = 150
 크고 진한 글자(Bigger & Bolder Text) = 152
 둥글게 처리된 형태(Rounded Shape) = 154
 VL 아이콘(Vlicon) = 156
 선명하고 정교한 그래픽 요소(Vivid & Elaborate Graphic Elements) = 158
 거시 여백과 미시 여백(Macro & Micro White Space) = 160
 코멘트 디자인(Comment Design) = 162
 지도 디자인(Map Design) = 164
PART 5 마케팅 디자인(Marketing Design)
 사용 계기(Trigger of Use) = 168
 서비스 모델 전달하기(Communicating Service Model) = 170
 버즈 마케팅(Buzz Marketing) = 172
 숫자 마케팅(Numeric Marketing) = 174
 디자인 요소로서의 광고 요소(Advertising Elements as Design Elements) = 176
 웹 배지(Web Badges) = 178
 만화 마케팅(Cartoon Marketing) = 180

New Arrivals Books in Related Fields