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

위키(Wiki) 모델은 '참여, 공유, 개방'을 표방한 웹 2.0 철학에 가장 근접한 서비스 모델이다. 위키 모델이 보편화된다면 지식 문화의 패러다임을 바꿀 수 있을 정도로 강력한 위력을 가지고 있다. 위키 타입 인터페이스(Wiki-like interface)는 위키피디어를 차용한 인터페이스를 의미한다. 최근 들어 정보 기반의 웹 사이트를 많이 채택하고 있는데, 이것은 다음과 같은 인터페이스 특징을 갖는다.-본문 76p 중에서

태그 클라우드(Tag Cloud)는 웹 사이트 내에서 사용된 태그를 시각적으로 표현한 태그리스트이다. 태그는 인기도, 빈도수, 최신성 등 중요도 산정 기준에 의해 시각적 비중이 높아지며, 이는 서체 크기로 표현된다. 그래서 그 크기 차이를 인식시켜 얼마나 인기 있는 태그(popular tags)인지 또는 얼마나 최근에 등장한 태그(recent tags)인지 시각적으로 판단할 수 있게 한다.

태그 클라우드는 좁은 영역에 많은 단어들이 밀집되어 있기 때문에 인식하기 쉽고 읽기 편한 구성이 요구된다. 이를 위해 서체는 한 가지 색상으로 사용하고 돌기가 없는 산세리프체를 사용하는 것이 좋다. 그리고 일정한 태그 간격을 유지하고 최소 2개 이상의 정렬 옵션(알파벳순, 가나다순, 중요도순, 빈도순, 최신성순 등)을 제공할 필요가 있다.-본문 26p 중에서

대시보드(Dashboard)는 명료한 커뮤니케이션(clear communication)을 위한 특별하면서도 강력한 정보 전달 도구다. 대시보드 디자인은 자동차 내부의 대시보드처럼 열악한 사용 환경 하에서도 특정 정보를 효과적으로 전달할 수 있는 강점을 가지고 있다. 이 점을 웹 디자인에서 벤치마킹할 필요가 있다.-본문 46p 중에서