Categoriesyz_News

게시판 에러 수정

write.php에서 폼 태그 하나 안 닫힌게 이리 큰 영향을 미칠 줄이야.
이젠 글 쓰기 잘 됩니다. 못 믿겠으면 한 번 써보세요.
Thanks to 박관영님.

Categoriesyz_News

게시판 & 회원가입 오픈!

“어이 저~~어기 우측 Nav바 중간에 로그인 폼!!
CSS 엉망된 거, 이미지 줄 안 맞는 거 이런 문제는 좀 안 생기면 안되나!!
말야 나란히 늘어선 이미지인 주제에 줄도 안 맞추고 말이야, 이 사이트 정말 문제 있군!!”

호환, 마마, CIA보다 무서운 CSS의 압박. ㅠ.ㅠ

앞으로 더 손은 볼 테지만 일단 붙여는 놨습니다.
(→이런 말 하는 사람치고 진짜로 나중에 뭐 하는 사람 없는 거 아시죠?)

그래도 많이들 이용하세요~~ :-)

Categoriesyz_News

‘정유진의 웹기획론’ 전체 목차

제 1장 웹기획의 시작 : 명확한 목표 설정

1. 성공적인 웹사이트란 무엇인가?

-성공적인 웹사이트를 만드는 두 가지 기본사항
-‘변하지 않는 사이트’의 의미
-웹기획이 전략이 될 때

2. 비즈니스 목표 설정 : 왜 만드는지 알아야, 잘 만들 수 있다.

-먼저 “왜”라는 질문을 한다
-비즈니스 목표의 사례
-비즈니스 목표에 따라 사이트는 이렇게 달라진다.

Web Tip> 웹기획은 ‘가치의 맞바꿈’이다.

-비즈니스의 목표가 웹사이트의 목표와 꼭 일치하는 것은 아니다.

3. 브랜드와 웹기획

-온라인 브랜드는 유저의 경험으로 만들어진다.
-오프라인 브랜드 이미지와 연계되어야 한다.

4. 유저의 머리 속에 들어가는 몇 가지 방법

Web Tip> 기획자는 ‘통역관’이다.

-유저가 누구인지 아는 데서 시작한다.

Web Tip> 타겟 유저에 대한 ‘선택’과 ‘집중’

-유저의 행동 패턴을 보여주는 로그 분석
-‘유저’에서 ‘사람’으로, 유저 시나리오
-좋은 사이트를 만드는 비법, 유저빌리티 테스트
“정유진의 유저빌리티 테스트 체험기”

5. 벤치마킹도 전략이다.

-벤치마킹과 유저빌리티 테스트의 공통점
-나도 할래, Me-too!
-적합한 벤치마킹 대상 사이트는?

제 2장 사이트를 채우는 핵심 : Content

1. 컨텐츠의 구조를 설계하는 프로세스

-컨텐츠 기획의 ‘내용’과 ‘형식’
-컨텐츠 기획 체크리스트
-컨텐츠 리스트
-컨텐츠 분류하기
-레이블링
-메타데이터

3. 유저 메이킹 컨텐츠의 활용

-온라인 컨텐츠의 종류
-유저 메이킹 컨텐츠를 사이트와 통합하는 방법

Web Tip> 유저 메이킹 컨텐츠의 운영 정책을 명확히 하자.

-컨텐츠 리사이클링

4. 컨텐츠의 서비스화

-마음과 주장을 드러내는 ‘평가’ 시스템
-내 것으로 만드는 ‘개인화’ 서비스
-추천이나 선물을 통한 ‘공유’
-디지털 컨텐츠의 ‘물리적 소유’

Web Tip> 돈을 받을 수 있는 서비스를 고민하라.

-다양한 컨텐츠 소팅 옵션을 제공한다.

5. 온라인에서 글쓰기

-사람의 말 vs 기업의 말
-온라인에서 통하는 텍스트의 규칙

제 3장 사람과 사람이 만난다 : Community

1. 온라인 커뮤니티의 방향 찾기

-커뮤니티를 기획하기 전에 해야 할 질문들
-푸시에서 커뮤니케이션, 커뮤니티까지

Web Tip> 커뮤니티는 클럽이 아니다.

-커뮤니티를 생각하기 전에 커넥티비티를 고려해 보자.

2. 사람과 사람을 연결시키는 방법

-여기에 사람이 있음을 보여준다.
-사람과 사람이 만날 수 있는 공간을 제공한다.
-‘그 사람’에 대해 알게 한다.
-필요한 사람을 찾게 한다.
-사람과 사람이 교류할 수 방법을 제공한다.

Web Tip> 주고 받을 ‘꺼리’를 제공한다.

3. 커뮤니티의 서비스 설계

-커뮤니티의 거점을 어디로 할 것인가
-사이트에 사용되는 커뮤니티 요소들
-단계별 커뮤니티 유저 대응법

4. 온라인 커뮤니티의 전략적 활용

-전자 상거래 커뮤니티

Web Tip> 유저 메이킹 컨텐츠 120% 활용하기

-소비자 커뮤니티

제 4장 유저의 마음을 읽는다 : Commerce

1. 커머스 사이트의 구성

2. 필요한 상품을 찾게 한다.

-유저의 니드를 창출한다.
-상품에 대한 다양한 진입 경로를 제공한다.
-효과적으로 검색할 수 있게 한다.
-유저의 실수를 보완한다.

3. 유저를 설득하고, 행동하게 한다.

-‘지금 당장’ 행동하게 한다.
-장바구니 유저빌리티

Web Tip> 링크는 클릭했을 때 어디로 가는 지 알 수 있어야 한다.

-신뢰할 수 있는 사이트의 조건
-고객을 지원하는 방법

4. 컨텐츠와 커뮤니티, 커머스의 통합

-커머스 사이트에서의 컨텐츠
-사이트에서 제공하는 정보
-고객의 말로 상품을 판다.
-LG eshop의 노하우 엿보기

5. 재방문, 재구매를 유도하는 방법

-복잡한 단계를 간편하게 한다.
-자주 쓰는 서비스는 북마크 하게 한다.
-필요한 상품을 찾기 위한 정보를 기억한다.

제 5장 모든 유저는 특별하다 : Personalization

1. 개인화 서비스의 내용

-개인화의 서비스 영역

Web Tip> 개인화(personalization) vs 맞춤(customization)형 서비스

-개인화에서 제공되는 서비스들
-개인화 서비스가 제공되는 장소
-유저에 대한 정보를 얻는 방법

2. 개인화를 활성화 시키는 유저 인터페이스

-개인화 서비스의 문제점
-개인화 서비스의 2가지 측면
-마음에 들었을 때, 설정하게 한다.
-많이 보고, 자주 쓰게 한다.

3. 개인화 서비스의 확장

-개인화 서비스를 공개한다.
-개인화 컨텐츠를 관리할 수 있게 한다.

Web Tip> 개인화의 확장은 유저의 선택

-개인화된 내용의 다양한 활용

제 6장 유저를 배려하는 또 다른 관점 : 구조와 형식

1. 홈페이지

-여기가 어떤 곳인지 알린다.
-사이트에 무엇이 있는지 보여준다.
-가장 많이 요청되는 것을 제공한다.
-명쾌한 시작 포인트를 제공한다.
-트리거로 무장한다.

Web Tip> 텍스트가 행동하게 한다.

-홈페이지는 손으로 관리한다.

2. 메뉴

-사이트의 구조 설계
-메뉴 레이블링

Web Tip>‘이해할 수 있다’와 ‘직관적인 것’의 차이

-클릭 대상으로서의 메뉴
-메뉴의 분산

3. 네비게이션

-네비게이션이란?
-네비게이션의 종류

Web Tip> 리스트에서의 ‘다음’과 ‘이전

-네비게이션의 3가지 역할

Web Tip> 유저를 미리 의도한 경로로 움직이게 한다.
Web Tip> 네비게이션은…계속되어야 한다.

-네비게이션의 위치별 분석
-포고 스티킹 문제

4. 인터페이스

-유저를 설득하는 인터페이스
-태스크(task) 디자인
-스토리보드

Categoriesyz_News

링 크

§ Friends

+ 유진이의 가장 큰 적수! 최고의 압박!! sister Demby {뎀비면 죽는다!} (http://demby.cafe24.com)
+ 평생 친구 윤정이 딸래미 {진아의 아가방} (http://babygina.wo.to)
+ 스토리보드의 달인! 나눔시절 웹기획팀 후배 김수화양 미니홈피 (http://www.cyworld.co.kr/flowne)
+ 유진이가 이뻐라 하는 웹기획 후배 박윤정양의 싸이월드 체리로모 (http://www.cyworld.com/cherrylomo)
+ 웹디, 디카…수제 액세사리로 홍대 희망시장까지 섭렵한 재주꾼 조희진양 (http://www.cabinet.pe.kr)
+ 아티스트가 아니라고 주장하는 선수급 웹디 홍인기씨의 아뜨 홈 (http://www.inkeehasnoart.com)
+ 플머 겸 힙합 매냐 이제는 원생까지도…군대 보내기 아까운 꽃띠 용준 (http://www.kimyongjun.com)
+ 신뢰 120%의 웹디자이너 우윤정씨 커플홈 {공사중} (http://www.sonwoo.com)
+ 쿨함이 무엇인지를 보여주는 싸이월드 디자인 팀장님 네버렌 홈 (http://www.neverend.pe.kr)

§ Bloggers

+ 유진닷컴 공식지정 테크니컬 디렉터 – 언캐니의 {always funny website} (http://www.uncanni.net)
+ 원조 구글 & 블로그 매니아 이장님 (http://www.ejang.pe.kr)
+ 유진닷컴 공식 지정 서포터 -kz님의 퍼스널 Wiki (http://kz.mpecc.com)
+ 가장 실천적인 블로그(MT) 리소스 이진호넷 (http://www.ejino.net)
+ 블로그에 관한 블로그 쥔장의 성실함이 그대로 배어나는 호찬넷 (http://hochan.net)
+ 관점이 살아있고 문장은 맛있는 Spica님의 A Point of View (http://www.cuve.co.kr/blog)
+ 알라딘 김성동 팀장님의 찌리릿 서재 (http://ziririt.typepad.com)
+ 박제권의 홈페이지 돌핀 호텔의 기억 (http://jinto.pe.kr/logs)
+ 코멘트 스타(^^;;) 만박님이 운영하시는 suman’s shallow thoughts (http://www.sumanpark.com)
+ 기분 꿀꿀할 때 훔쳐보기 좋은 ケイゾク – dalbong (http://dalbong.org/ver1/)
+ 일본 팝을 소개받고, 심지어 다운로드까지 받을 수 있는 정말 좋은 사이트 J-POP FEAST (http://paper.naver.com/sakana37)

§ Web & E-biz

/국내/
+ ‘기분좋게 속여랏’ 베스트셀러 작가 겸 웹카피계의 달인 윤카피님 홈페이지 (http://www.funnyone.net)
+ 철학과 문화와 IT가 만나 묵향 그윽한…김중태 문화원 (http://www.help119.com)
+ 아는 사람은 다 아는 이명헌의 WEB & BIZ (http://www.web-biz.pe.kr)
+ 싸이월드 웹기획자 커뮤니티 ‘웹사이트 기획실무’ (http://webplan.cyworld.com)
+ 필승님의 IT Professional Community 찜닷컴 (http://www.jjim.com)

/국외/
+ 유저빌리티 웹로그 Webword (http://www.webword.com)
+ 매일 필터링되는 IT 뉴스 Corante.com (http://www.corante.com)

§ 인포메이션 아키텍쳐

+ 풍부한 리소스 인포메이션 아키텍쳐 Wiki – IAWiki (http://www.iawiki.net)
+ 매년 IA최고의 행사인 IA Summit을 주관하는 ASIS.org(http://www.asis.org)
+ 가장 대표적인 IA 메일링 리스트 Sigia-l (Sigia-l )
+ IA Jesse James Garrett의홈페이지(http://www.jjg.net/ia/)
+ 제목부터가 매우 실무적인 IA 리소스 Boxex and Arrows (http://www.boxesandarrows.com)
+ ‘웹 사이트 구축을 위한 인포메이션 아키텍처’의 저자 Louis Rosenfeld 블로그 (Rosenfeld.com)
+ WebMonkey의 5단계 무료 IA Tutorial (Webmonkey)

§ Gurus
+ 그를 이해하기 위해 노력하는 만큼, 오해하지 않기 위해… Jakob Nielson (http://www.useit.com)
+ 우리나라 웹디자인에서의 ‘표준’의 문제가 언제쯤이나 중요해질까? Jeffery Zeldman(http://www.zeldman.com)
+ 그의 유머감각이 유저빌리티를 대중화했다. Steve Krug (http://www.sensible.com)
+ Information Architecture for the World Wide Web의 저자 Louis Rosenfeld (http://louisrosenfeld.com)
+ 같은 책의 공동저자 Peter Merholz의 블로그 (http://www.peterme.com)

To be continued..