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

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

웹 2.0 기획과 디자인

노주환 (지은이) | 예인(플루토북) | 2007-10-16

정가 : 19,800원

판매가 : 17,820원 (10%off, 1,980원 할인)

중고 최저가 : 7,920원 (중고상품으로 바로가기)

마일리지 : 1,790원(10%) + 멤버십 마일리지 + 2,000원 (5만원이상 주문시)

알라딘 추가 마일리지

알라딘 멤버십 마일리지

5만원 이상 주문시 추가 마일리지

추가 마일리지는 상품주문총액(배송료/선물-포장비제외) 기준 5만원이상 주문만을 대상으로 하며, 출고다음날 자동으로 적립됩니다.
단 도서는 출간일로부터 1년 6개월이 지난 구간도서 1권이라도 포함되어야하며, 신간도서만 5만원이상 주문시에는 추가마일리지는 적립되지 않습니다.
도서/음반/DVD/화장품 전 상품을 대상으로 하며, 업체 직배송 상품은 제외됩니다.
여러 개의 주문을 합쳐서 5만원을 계산할 수 없으며, 하나의 주문이 대상입니다.
판매자 직배송 상품은 추가 마일리지 대상에 포함되지 않습니다.
단순 고객 변심으로 인한 반품으로 주문액이 5만원미만이 될 경우 추가 마일리지는 회수됩니다.

반양장본 | 183쪽 | 257*188mm (B5) | ISBN(13) : 9788995584828

이 책의 ISBN안내

ISBN(13자리) : 9788995584828
ISBN(10자리) : 8995584823

(2007년 이후 출간물의 ISBN이 10자리에서 13자리로 변경되었습니다)

배송료 : 무료

무료배송

국내도서 신간 (출간일 18개월 미만)
- 한 권만 구매해도 무료 배송
국내도서 구간, 외국도서
- 주문 총액 1만원 이상 무료 배송
잡지/만화/판매가 2천원 미만 도서/화장품/음반/DVD/알라딘 직배송 GIFT
- 주문총액 2만원 이상 : 무료 배송
- 주문총액 2만원 미만 : 배송료 2,000원
(단, 도서(일반)포함 1만원 이상이거나 신간 도서와 함께 주문하면 무료)

단,[업체직배송]상품은 각 판매처별 배송료 정책이 적용되며, 알라딘 배송료 정책과는 관계가 없습니다.
(제주도 택배 배송의 경우 총주문금액 또는 무료배송 기준에 관계없이 2,500원의 항공택배료가 부과됩니다(판매자 직배송 제품의 경우 판매자가 지정한 배송료가 부과).)

당일 배송 :

0시~낮 12시 주문시 당일배송 (서울 및 경기 일부지역)

수령예상일 : 지금 주문하면 02월 17일에 받을 수 있습니다. <택배기준>

서울 중구 중림동

(94.0% 확률 | 예상일정)

동/읍/면의 이름을 입력하시고 '주소찾기'를 클릭하세요.

동/읍/면의 이름

상품준비		출고완료		상품수령
02월 12일		02월 12일		02월 17일

- 보관함
- 마이리스트
- 마이리뷰
- 40자평
Thanks to

구매에 도움을 받은 마이리뷰, 마이페이퍼, 추천하기, 포토리뷰의 Thanks to’ 버튼을 클릭해 주세요.
컨텐츠 작성자와 Thanks to 를 누르고 상품을 구입한 분에게 모두 적립금을 드립니다.

Thanks to 상한 금액 : 판매가 3만원 이상 상품을 구매하신 경우에도 thanks to 추가 적립금은 1개 상품당 1회 300원으로 제한됩니다.

- E-mail로 보내기
- 프린터로 출력

- Sales Point : 524

40자평
(3)

마이리뷰
(2)

TTB
(5)

바람에게

7,920원

이 상품 중고상품 팔기

이 책의 ISBN안내

ISBN(13자리) : 9788993866025
ISBN(10자리) : 8993866023

(2007년 이후 출간물의 ISBN이 10자리에서 13자리로 변경되었습니다)

무료배송

국내도서 신간 (출간일 18개월 미만)
- 한 권만 구매해도 무료 배송
국내도서 구간, 외국도서
- 주문 총액 1만원 이상 무료 배송
잡지/만화/판매가 2천원 미만 도서/화장품/음반/DVD/알라딘 직배송 GIFT
- 주문총액 2만원 이상 : 무료 배송
- 주문총액 2만원 미만 : 배송료 2,000원
(단, 도서(일반)포함 1만원 이상이거나 신간 도서와 함께 주문하면 무료)

알라딘 멤버십 마일리지

최근 3개월간 구매총액을 기준으로 플래티넘, 골드, 실며 멤버십 등급을 부여하여, 3~1% 추가 마일리지를 드립니다.

알라딘 추가 마일리지

알라딘 멤버십 마일리지

5만원 이상 주문시 추가 마일리지

추가 마일리지는 상품주문총액(배송료/선물-포장비제외) 기준 5만원이상 주문만을 대상으로 하며, 출고다음날 자동으로 적립됩니다.
단 도서는 출간일로부터 1년 6개월이 지난 구간도서 1권이라도 포함되어야하며, 신간도서만 5만원이상 주문시에는 추가마일리지는 적립되지 않습니다.
도서/음반/DVD/화장품 전 상품을 대상으로 하며, 업체 직배송 상품은 제외됩니다.
여러 개의 주문을 합쳐서 5만원을 계산할 수 없으며, 하나의 주문이 대상입니다.
판매자 직배송 상품은 추가 마일리지 대상에 포함되지 않습니다.
단순 고객 변심으로 인한 반품으로 주문액이 5만원미만이 될 경우 추가 마일리지는 회수됩니다.

Product Tag란?

Tag는 카테고리 분류의 한계를 극복하고자 아이템 별로 특성을 키워드로 표시하고 검색할 수 있는 기능입니다.
예를 들어 <다 빈치 코드>라는 책은 ‘문학’과 ‘소설’ 카테고리로 분류가 되는데, 이 책의 주요한 키워드인 ‘성서’ ‘레오나르도 다 빈치’ ‘그리스도교’ ‘암호’ ‘추리소설’ ‘로버트 랭던’ ‘루브르 박물관’ 등으로 태그를 달고, 이런 키워드들로 이 책을 찾을 수 있게 됩니다.

웹디자인(2)

웹사이트(2)

컴퓨터(2)

새 태그 추가 태그저장

태그는 띄어쓰기가 무시되며, 2개 이상 입력 시 태그와 태그는 쉼표(,)로 구분합니다.
한 태그의 최대 글자수는 10글자이며, 본인이 입력하거나 찬성한 태그는 노란색으로 표기됩니다.

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

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

각 키워드 별로 제공하는 이론적 근거와 관련 자료는 더 깊은 학습을 원하는 사람들에게 좋은 길잡이가 된다. 웹 기반의 비즈니스 전략을 수립하는 사람들과 웹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 중에서 - 알라딘

저자 : 노주환

최근작 : <웹 패러다임을 바꾸는 위젯>,<웹 2.0 기획과 디자인>,<배려경영> … 총 10종 (모두보기)
소개 : e-브랜딩 및 디자인 전문업체인 라이트브레인(www.rightbrain.co.kr)의 UX 연구센터를 이끌고 있으며, 기업과 공공기관의 사용자 경험 프로젝트 자문 컨설팅(leading & directing)을 수행 중이다.
코리아인터넷닷컴(http://korea.internet.com)의 '노주환의 유저인터페이스", "노주환의 웹 2.0의 요소들"이라는 컬럼을, 웹 접근성 연구소(http://www.iabf.or.kr/Lab/)의 "유니버설 디자인" 칼럼을 연재하고 있다. 주요 저서로는 <사용하기 쉬운 웹사이트 이렇게 만들어라>, [UI 디자인을 잘하기 위한 테크닉 80] 이 있고, 번역서로는 <Pro-fessional Web Design> 이 있다

링크 :

- 웹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 방식의 기획과 디자인에 대해 고민하는 사람들에게 새로운 웹 트렌드를 빨리 습득하게 하고, 더 깊은 학습을 위한 작은 단서가 되길 바란다"고 말했다.

전체평점 :

총 3편 - 구매자:3편, 비구매자:0편

카테고리	현재 0 / 80byte (한글 40자 이내)

별점

내용

작성자

작성일