웹 2.0 기획과 디자인 - 기획자와 디자이너가 꼭 알아야 할 웹 2.0의 77가지 키워드와 디자인 패턴  노주환 지음
전 세계 주목을 끌고 있는 웹 사이트 분석을 통해 '웹2.0의 77가지 키워드와 디자인 패턴'을 정리한 책. 웹2.0 비즈니스에 관심 있는 경영자, 기획자, 디자이너들이 해외에서 주목 받고 있는 사이트들의 '핵심 설계 패턴'을 빠른 시간 안에 습득할 수 있도록 도와준다.


웹사이트 디자인하면 포털사이트를 떠올리게 됩니다.
뭔가 알차게 꽉 차있어야 디자인 제대로 한 것이라 생각되어 집니다.
네이버, 다음, 엠파스, 파란....
대부분의 한국 웹서퍼들에게 있어 인터넷을 처음 시작하는 홈페이지는 위의 포털사이트들 입니다.
그것이 익숙해서 인지, 한국의 2.0사이트들은 그다지 미니멀하지 않습니다.

포털이 주는 것이라면, 2.0은 주고 받는 것입니다.

2.0 웹을 디자인 할 때엔 B2C나 C2C로 주고 받을 수 있는 인터페이스가 매우 중요합니다.
사용자가 직관적으로 시스템을 이해할 수 있는 디자인이 좋은 디자인입니다.

위의 책은,
아래 목차를 참조하시면 아시겠지만
다양한 디자인 패턴을 소개해 주어, 2.0페이지를 디자인 하는데 많은 아이디어를 제공해 줍니다.
색 볼펜을 들고 위 책을 읽으시면서 페이지마다 떠오르는 아이디어를 마음껏 적어보시기 바랍니다.

이하는 목차입니다.

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. 만화 마케팅

Trackback Address :: http://www.econori.com/tt/trackback/86