웹 2.0 기획과 디자인

 

---

웹 2.0 기획과 디자인

저자

노주환 지음

출판사

플루토북 | 2007-10-19 출간

카테고리

컴퓨터/IT

책소개

전 세계 주목을 끌고 있는 웹 사이트 분석을 통해 '웹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. 그래픽 디자인

- 화면의 인상, 즉 'Look & Feel'을 구축하며 시각적 효과를 통해 정보전달을 돕는 역할 수행

  근접성(Proximity), 정렬(Alignment), 반복(Repetition), 대비(Contrast), 타이포그래피(Typography) 등의 디자인 기법 사용

 

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

Part 5. 마케팅 디자인

- 문제 분석(Problem Analysis), 요구사항 정의(Requirement Definition),

   전략적 방향성 수립(Strategic Direction Development), 설계(Design)의 과정

1. 사용 계기
2. 서비스 모델 전달하기
3. 버즈 마케팅
4. 숫자 마케팅
5. 디자인 요소로서의 광고 요소
6. 웹 배지
7. 만화 마케팅 

 

--------------------------------------------------------------------------------------------------

 

웹 2.0의 77가지 키워드에 대한 간략한 소개들

출판연도가 오래되어 예시로 소개된 사이트를 직접 볼 수 없는 경우가 많긴 하지만 한번 훑어보기에 좋은 책이다.

 

그런데 키워드를 다시 훑어보니

아직도 전혀 모르겠는 키워드가 많다. 아놔 ㅋㅋ