로그인회원가입장바구니고객센터마이페이지회사소개
kangcom
전체
Home >   >   > 

웹 2.0 기획과 디자인

 [기획자와 디자이너가 꼭 알아야 할 웹2.0의 77가지 키워드와 디자인 패턴]
   
지은이 노주환   |   출판사 플루토북  |   발행일 2008년 03월 15일
 
클릭하시면 큰 도서이미지를 보실 수 있습니다.
판매가 19,800원17,820원 10%
마일리지 5% 990원
발행일 2008-03-15
ISBN 8995584823 | 9788995584828
기타정보 국내서 | 181쪽
예상출고일
배송비 2,000원 (20,000원이상 무료배송)
   
종합지수 0p
   
 

- 웹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 방식의 기획과 디자인에 대해 고민하는 사람들에게 새로운 웹 트렌드를 빨리 습득하게 하고, 더 깊은 학습을 위한 작은 단서가 되길 바란다”고 말했다
들어가기 전에
1. 인포메이션 디자인
2. 인터페이스 디자인
3. 인터랙션 디자인
4. 그래픽 디자인
5. 마케팅 디자인

Part 1. 인포메이션 디자인
1. 에피센터 디자인
2. 빈 서판
3. 마이크로링크
4. 태그 클라우드
5. 계층 구조의 시각화
6. 탄성 리스트
7. 비주얼 서치
8. 검색과 브라우징의 결합
9. 맥락 속의 핵심어
10. 정보 구성기
11. 드릴다운 네비게이션
12. 블로그 타입의 초기화면
13. 대시보드 디자인
14. 썸샷
15. 스크린샷
16. 스크린캐스트
17. 순서 매기기
18. 최근 읽은 사람들 위젯
19. 사이드노트
20. 저작권 없는 푸터

Part 2. 인터페이스 디자인
1. 웨블리케이션
2. 웹의 위젯화
3. 포터블 인터페이스
4. 제약이론TOC
5. 포틀릿 기반의 인터페이스
6. 포스트잇 타입 인터페이스
7. 위키 타입 인터페이스
8. 카토그래피 인터페이스
9. PIP 인터페이스
10. 다중 검색엔진 인터페이스
11. URL 체계를 닮은 검색 인터페이스
12. 탭 패턴
13. 멀티 아이프레임
14. 강력한 그룹핑
15. 보기 옵션
16. 큰 입력 필드
17. 클릭 단서
18. 다이렉트 컨트롤 버튼
19. 원스톱 등록

Part 3. 인터랙션 디자인
1. 단일 컨텍스트 다중 작업
2. YFT
3. 로딩 표시기
4. 자동 완성
5. 빠른 검색
6. 미리보기 팝업
7. 빠른 저장
8. 빠른 편집
9. 제약 기법
10. 인터랙티브 모자이크
11. 피시아이 메뉴
12. 북마크릿과 파비콘

Part 4. 그래픽 디자인
1. 단순함
2. 단순한 레이아웃
3. 단순한 네비게이션
4. 투명한 컨트롤 패널
5. 본문 중심의 레이아웃
6. 분리된 헤더
7. UNB 운용
8. 가운데 정렬
9. 리퀴드 디자인
10. 자연친화적 디자인
11. 강한 색상과 밝은 색상
12. 크고 진한 글자
13. 둥글게 처리된 형태
14. VL아이콘
15. 선명하고 정교한 그래픽 요소
16. 거시 여백과 미시 여백
17. 코멘트 디자인
18. 지도 디자인

Part 5. 마케팅 디자인
1. 사용 계기
2. 서비스 모델 전달하기
3. 버즈 마케팅
4. 숫자 마케팅
5. 디자인 요소로서의 광고 요소
6. 웹 배지
7. 만화 마케팅
준비 중입니다.
등록된 서평이 없습니다.
수잔 와인생...
레이몬드 이...
 
전체평균(0)
회원평점   회원서평수 0
웹 기획을 공부하려는데....
노주환 의 최근 저서
 
성공할 수밖에 없는 나만의 작은 쇼핑몰 만들기
10,800원
(10%↓+5%)
 
이메일주소수집거부