SlideShare a Scribd company logo
웹기획,
사용자를 배려하는
합리적인 생각
Story_05 쿨하게 전달하기,
         Web Writing


                       Mario
목 차

□ 인쇄물과 Web의 차이


□ Web Writing의 규칙


□ Labeling 규칙


□출 처


□Q&A
인쇄물과 Web의 차이
인쇄물과 Web의 차이

□ 인쇄물
 ○ 가로 넘김 형태
 ○ 눈의 피로가 적고 읽는 자세가 자유로움
 ○ 시간과 장소의 제약이 덜함
 ○ 페이지 전체를 보기 쉬움
 ○ 읽기 시작과 중단이 비교적 쉬움
 ○ 직접 표시 가능(수월한 개인화)
인쇄물과 Web의 차이

□ Web
 ○ 아래로 읽어 내려가는 형태
 ○ 전체를 훑어보고 원하는 글을 읽음
 ○ 이미지나 도표 사용 편리(컬러, 팝업 등 이용)
 ○ 낮은 가독성
 ○ 눈의 피로와 자세의 제한
 ○ 전체 페이지를 한눈에 보기 힘듬
Web Writing의 규칙
Web Writing의 규칙

□ 낮은 가독성 고려
 ○ 짧고 간결해야 함
   ● 메시지 해석에 필요한 시간을 줄임
   ● 많은 여백을 가질 수 있어 주목받기 쉬움

 ○ 단락을 자주 나눔
  ● 빼곡한 글씨는 사용자의 의욕을 잃게 함
  ● 자세히 읽지 않아도 개략적인 파악 가능

□ 이미지 / 도표의 적극적인 사용
Web Writing의 규칙

□ 제목의 기능
  ○ 훑어읽기를 하는 웹의 특성상 제목이 중요
 ○ 사용자의 관심과 주의를 끌어 본문을 읽게 함
 ○ 내용파악에 도움을 줌

□ 요점은 앞쪽에 두기
 ○ 요점이 나중에 있으면 읽혀질 확률 줄어듬

 ○ 부득이하게 요점이 뒤에 나와야 한다면
  글씨를 강조하거나 목차를 두어 요점을 알림
Web Writing의 규칙

□ 일관성있게 전달

□ 설득력이 있는가?
 ○ 강한 어조
 ○ 논리적인 말투

□ 긍정적인 글쓰기
 ○ 부정적인 문장보다 간결하고 명확하며
  호소력이 강하다
Web Writing의 규칙

□ 감성적 언어 사용
 ○ 감성적인 요소들은 인간의 정보처리에 영향
 ○ 더 많은 정보를 읽으려 함
 ○ 읽은 정보를 긍정적으로 받아들임

□ 어휘와 표현의 올바른 사용


□ 외래어의 바른 표기
Labeling 규칙
Labeling 규칙

□ Labeling 이란?
 ○ 사이트 곳곳에 이름이 필요한 곳에 적절한
   이름을 정하여 붙여줌

□ Navigation 과 관련된 Label에 쓰이는 단어는
 매우 중요하므로 주의를 기울여 작성

□ 해당 정보, 콘텐츠에 대해 직관적인 단어 사용
Labeling 규칙

□ 사용자의 수준에 맞춤
  ○ 쉽고 적절한 단어의 선택
 ○ 전문용어 사용시 설명 필수

□ 일부분이 아닌 대표성을 띄어야 함

□ Labeling을 잘하려면?
 ○ 경쟁사 / 해외 유사 사이트 벤치마킹
 ○ 고객조사
   (FGI, e-mail 설문조사, 모니터링 그룹 운영)
출 처
출 처
□ http://xlstudio.egloos.com/952916


□ 웹기획, 사용자를 배려하는 합리적인 생각
  문명필 / 한빛미디어


□ 참고 웹사이트
  ○ 옥션, 에이치몰, 신세계 백화점, GS칼텍스,
    롯데월드, 제일기획, 신라호텔, 인터컨티넨탈
Q&A

More Related Content

What's hot

Are You Enjoy Ruby 1 Day
Are You Enjoy Ruby 1 DayAre You Enjoy Ruby 1 Day
Are You Enjoy Ruby 1 Day
Keisuke Hata
 
碳酸会 图片列表讨论
碳酸会 图片列表讨论碳酸会 图片列表讨论
碳酸会 图片列表讨论碳酸饮料会
 
山行記録共有データベース「ヤマレコ」
山行記録共有データベース「ヤマレコ」山行記録共有データベース「ヤマレコ」
山行記録共有データベース「ヤマレコ」Kazumine Matoba
 
可扩展的 MySQL 数据库设计
可扩展的 MySQL 数据库设计可扩展的 MySQL 数据库设计
可扩展的 MySQL 数据库设计
Dahui Feng
 
구글을 지탱하는 기술
구글을 지탱하는 기술구글을 지탱하는 기술
구글을 지탱하는 기술JooWan
 
MS Teams 알고보면 꿀팁 02
MS Teams 알고보면 꿀팁 02MS Teams 알고보면 꿀팁 02
MS Teams 알고보면 꿀팁 02
LEE Inhee
 
구글
구글구글
구글oros83
 
Stoty 02
Stoty 02Stoty 02
Stoty 02JooWan
 
Msdn Seminar 070911 Silver Light
Msdn Seminar 070911 Silver LightMsdn Seminar 070911 Silver Light
Msdn Seminar 070911 Silver Lightgojipcap
 
센트립복용방법 sk77.co.to 카톡kako89 센트립지속시간 센트립효능 센트립부작용
센트립복용방법 sk77.co.to 카톡kako89 센트립지속시간 센트립효능 센트립부작용센트립복용방법 sk77.co.to 카톡kako89 센트립지속시간 센트립효능 센트립부작용
센트립복용방법 sk77.co.to 카톡kako89 센트립지속시간 센트립효능 센트립부작용
changeone111
 

What's hot (12)

Are You Enjoy Ruby 1 Day
Are You Enjoy Ruby 1 DayAre You Enjoy Ruby 1 Day
Are You Enjoy Ruby 1 Day
 
미코노미
미코노미미코노미
미코노미
 
碳酸会 图片列表讨论
碳酸会 图片列表讨论碳酸会 图片列表讨论
碳酸会 图片列表讨论
 
山行記録共有データベース「ヤマレコ」
山行記録共有データベース「ヤマレコ」山行記録共有データベース「ヤマレコ」
山行記録共有データベース「ヤマレコ」
 
可扩展的 MySQL 数据库设计
可扩展的 MySQL 数据库设计可扩展的 MySQL 数据库设计
可扩展的 MySQL 数据库设计
 
구글을 지탱하는 기술
구글을 지탱하는 기술구글을 지탱하는 기술
구글을 지탱하는 기술
 
MS Teams 알고보면 꿀팁 02
MS Teams 알고보면 꿀팁 02MS Teams 알고보면 꿀팁 02
MS Teams 알고보면 꿀팁 02
 
구글
구글구글
구글
 
Stoty 02
Stoty 02Stoty 02
Stoty 02
 
BRXbox
BRXboxBRXbox
BRXbox
 
Msdn Seminar 070911 Silver Light
Msdn Seminar 070911 Silver LightMsdn Seminar 070911 Silver Light
Msdn Seminar 070911 Silver Light
 
센트립복용방법 sk77.co.to 카톡kako89 센트립지속시간 센트립효능 센트립부작용
센트립복용방법 sk77.co.to 카톡kako89 센트립지속시간 센트립효능 센트립부작용센트립복용방법 sk77.co.to 카톡kako89 센트립지속시간 센트립효능 센트립부작용
센트립복용방법 sk77.co.to 카톡kako89 센트립지속시간 센트립효능 센트립부작용
 

Viewers also liked

KAL IBE 개발 WBS&SCH V0.5 12.08.15
KAL IBE 개발 WBS&SCH V0.5 12.08.15KAL IBE 개발 WBS&SCH V0.5 12.08.15
KAL IBE 개발 WBS&SCH V0.5 12.08.15
지환 윤
 
소셜 웹 기획 책정리
소셜 웹 기획 책정리소셜 웹 기획 책정리
소셜 웹 기획 책정리Yoona Hong
 
웹기획
웹기획웹기획
웹기획semi06
 
About face 3.0_ 9. 플랫폼과 포스처
About face 3.0_ 9. 플랫폼과 포스처About face 3.0_ 9. 플랫폼과 포스처
About face 3.0_ 9. 플랫폼과 포스처eureee
 
About face 3.0_ 6. 디자인의 정석 - 시나리오와 요구사항
About face 3.0_ 6. 디자인의 정석 - 시나리오와 요구사항About face 3.0_ 6. 디자인의 정석 - 시나리오와 요구사항
About face 3.0_ 6. 디자인의 정석 - 시나리오와 요구사항eureee
 
웹기획,
웹기획,웹기획,
웹기획,oros83
 
두번째단추 디지털마케팅 웹기획
두번째단추 디지털마케팅 웹기획두번째단추 디지털마케팅 웹기획
두번째단추 디지털마케팅 웹기획
Woosung Kim
 
[교육리뷰] 스토리텔링을 통한 모바일 서비스 시나리오 작성 110321
[교육리뷰] 스토리텔링을 통한 모바일 서비스 시나리오 작성 110321[교육리뷰] 스토리텔링을 통한 모바일 서비스 시나리오 작성 110321
[교육리뷰] 스토리텔링을 통한 모바일 서비스 시나리오 작성 110321
Kyungeun Kim
 
사례로 본 모바일 웹/앱 기획, 제작 과정 및 포인트
사례로 본 모바일 웹/앱 기획, 제작 과정 및 포인트사례로 본 모바일 웹/앱 기획, 제작 과정 및 포인트
사례로 본 모바일 웹/앱 기획, 제작 과정 및 포인트
mosaicnet
 
NDC 2013 이은석 - 게임 디렉터가 뭐하는 건가요
NDC 2013 이은석 - 게임 디렉터가 뭐하는 건가요NDC 2013 이은석 - 게임 디렉터가 뭐하는 건가요
NDC 2013 이은석 - 게임 디렉터가 뭐하는 건가요
Eunseok Yi
 
프로그래머에게 사랑받는 게임 기획서 작성법
프로그래머에게 사랑받는 게임 기획서 작성법프로그래머에게 사랑받는 게임 기획서 작성법
프로그래머에게 사랑받는 게임 기획서 작성법
Lee Sangkyoon (Kay)
 
게임 기획 튜토리얼 (2015 개정판)
게임 기획 튜토리얼 (2015 개정판)게임 기획 튜토리얼 (2015 개정판)
게임 기획 튜토리얼 (2015 개정판)
Lee Sangkyoon (Kay)
 

Viewers also liked (12)

KAL IBE 개발 WBS&SCH V0.5 12.08.15
KAL IBE 개발 WBS&SCH V0.5 12.08.15KAL IBE 개발 WBS&SCH V0.5 12.08.15
KAL IBE 개발 WBS&SCH V0.5 12.08.15
 
소셜 웹 기획 책정리
소셜 웹 기획 책정리소셜 웹 기획 책정리
소셜 웹 기획 책정리
 
웹기획
웹기획웹기획
웹기획
 
About face 3.0_ 9. 플랫폼과 포스처
About face 3.0_ 9. 플랫폼과 포스처About face 3.0_ 9. 플랫폼과 포스처
About face 3.0_ 9. 플랫폼과 포스처
 
About face 3.0_ 6. 디자인의 정석 - 시나리오와 요구사항
About face 3.0_ 6. 디자인의 정석 - 시나리오와 요구사항About face 3.0_ 6. 디자인의 정석 - 시나리오와 요구사항
About face 3.0_ 6. 디자인의 정석 - 시나리오와 요구사항
 
웹기획,
웹기획,웹기획,
웹기획,
 
두번째단추 디지털마케팅 웹기획
두번째단추 디지털마케팅 웹기획두번째단추 디지털마케팅 웹기획
두번째단추 디지털마케팅 웹기획
 
[교육리뷰] 스토리텔링을 통한 모바일 서비스 시나리오 작성 110321
[교육리뷰] 스토리텔링을 통한 모바일 서비스 시나리오 작성 110321[교육리뷰] 스토리텔링을 통한 모바일 서비스 시나리오 작성 110321
[교육리뷰] 스토리텔링을 통한 모바일 서비스 시나리오 작성 110321
 
사례로 본 모바일 웹/앱 기획, 제작 과정 및 포인트
사례로 본 모바일 웹/앱 기획, 제작 과정 및 포인트사례로 본 모바일 웹/앱 기획, 제작 과정 및 포인트
사례로 본 모바일 웹/앱 기획, 제작 과정 및 포인트
 
NDC 2013 이은석 - 게임 디렉터가 뭐하는 건가요
NDC 2013 이은석 - 게임 디렉터가 뭐하는 건가요NDC 2013 이은석 - 게임 디렉터가 뭐하는 건가요
NDC 2013 이은석 - 게임 디렉터가 뭐하는 건가요
 
프로그래머에게 사랑받는 게임 기획서 작성법
프로그래머에게 사랑받는 게임 기획서 작성법프로그래머에게 사랑받는 게임 기획서 작성법
프로그래머에게 사랑받는 게임 기획서 작성법
 
게임 기획 튜토리얼 (2015 개정판)
게임 기획 튜토리얼 (2015 개정판)게임 기획 튜토리얼 (2015 개정판)
게임 기획 튜토리얼 (2015 개정판)
 

More from JooWan

Story 06
Story 06Story 06
Story 06JooWan
 
Story 06
Story 06Story 06
Story 06JooWan
 
Stoty 04
Stoty 04Stoty 04
Stoty 04JooWan
 
Stoty 04
Stoty 04Stoty 04
Stoty 04JooWan
 
미코노미
미코노미미코노미
미코노미JooWan
 
웹사이트 벤치마킹
웹사이트 벤치마킹웹사이트 벤치마킹
웹사이트 벤치마킹JooWan
 
Stoty 03
Stoty 03Stoty 03
Stoty 03JooWan
 
Stoty 03
Stoty 03Stoty 03
Stoty 03JooWan
 
Story 01
Story 01Story 01
Story 01JooWan
 
Story 01
Story 01Story 01
Story 01JooWan
 

More from JooWan (10)

Story 06
Story 06Story 06
Story 06
 
Story 06
Story 06Story 06
Story 06
 
Stoty 04
Stoty 04Stoty 04
Stoty 04
 
Stoty 04
Stoty 04Stoty 04
Stoty 04
 
미코노미
미코노미미코노미
미코노미
 
웹사이트 벤치마킹
웹사이트 벤치마킹웹사이트 벤치마킹
웹사이트 벤치마킹
 
Stoty 03
Stoty 03Stoty 03
Stoty 03
 
Stoty 03
Stoty 03Stoty 03
Stoty 03
 
Story 01
Story 01Story 01
Story 01
 
Story 01
Story 01Story 01
Story 01
 

Story 05

  • 1. 웹기획, 사용자를 배려하는 합리적인 생각 Story_05 쿨하게 전달하기, Web Writing Mario
  • 2. 목 차 □ 인쇄물과 Web의 차이 □ Web Writing의 규칙 □ Labeling 규칙 □출 처 □Q&A
  • 4. 인쇄물과 Web의 차이 □ 인쇄물 ○ 가로 넘김 형태 ○ 눈의 피로가 적고 읽는 자세가 자유로움 ○ 시간과 장소의 제약이 덜함 ○ 페이지 전체를 보기 쉬움 ○ 읽기 시작과 중단이 비교적 쉬움 ○ 직접 표시 가능(수월한 개인화)
  • 5. 인쇄물과 Web의 차이 □ Web ○ 아래로 읽어 내려가는 형태 ○ 전체를 훑어보고 원하는 글을 읽음 ○ 이미지나 도표 사용 편리(컬러, 팝업 등 이용) ○ 낮은 가독성 ○ 눈의 피로와 자세의 제한 ○ 전체 페이지를 한눈에 보기 힘듬
  • 7. Web Writing의 규칙 □ 낮은 가독성 고려 ○ 짧고 간결해야 함 ● 메시지 해석에 필요한 시간을 줄임 ● 많은 여백을 가질 수 있어 주목받기 쉬움 ○ 단락을 자주 나눔 ● 빼곡한 글씨는 사용자의 의욕을 잃게 함 ● 자세히 읽지 않아도 개략적인 파악 가능 □ 이미지 / 도표의 적극적인 사용
  • 8.
  • 9.
  • 10. Web Writing의 규칙 □ 제목의 기능 ○ 훑어읽기를 하는 웹의 특성상 제목이 중요 ○ 사용자의 관심과 주의를 끌어 본문을 읽게 함 ○ 내용파악에 도움을 줌 □ 요점은 앞쪽에 두기 ○ 요점이 나중에 있으면 읽혀질 확률 줄어듬 ○ 부득이하게 요점이 뒤에 나와야 한다면 글씨를 강조하거나 목차를 두어 요점을 알림
  • 11. Web Writing의 규칙 □ 일관성있게 전달 □ 설득력이 있는가? ○ 강한 어조 ○ 논리적인 말투 □ 긍정적인 글쓰기 ○ 부정적인 문장보다 간결하고 명확하며 호소력이 강하다
  • 12. Web Writing의 규칙 □ 감성적 언어 사용 ○ 감성적인 요소들은 인간의 정보처리에 영향 ○ 더 많은 정보를 읽으려 함 ○ 읽은 정보를 긍정적으로 받아들임 □ 어휘와 표현의 올바른 사용 □ 외래어의 바른 표기
  • 14. Labeling 규칙 □ Labeling 이란? ○ 사이트 곳곳에 이름이 필요한 곳에 적절한 이름을 정하여 붙여줌 □ Navigation 과 관련된 Label에 쓰이는 단어는 매우 중요하므로 주의를 기울여 작성 □ 해당 정보, 콘텐츠에 대해 직관적인 단어 사용
  • 15.
  • 16.
  • 17. Labeling 규칙 □ 사용자의 수준에 맞춤 ○ 쉽고 적절한 단어의 선택 ○ 전문용어 사용시 설명 필수 □ 일부분이 아닌 대표성을 띄어야 함 □ Labeling을 잘하려면? ○ 경쟁사 / 해외 유사 사이트 벤치마킹 ○ 고객조사 (FGI, e-mail 설문조사, 모니터링 그룹 운영)
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 26. 출 처 □ http://xlstudio.egloos.com/952916 □ 웹기획, 사용자를 배려하는 합리적인 생각 문명필 / 한빛미디어 □ 참고 웹사이트 ○ 옥션, 에이치몰, 신세계 백화점, GS칼텍스, 롯데월드, 제일기획, 신라호텔, 인터컨티넨탈
  • 27. Q&A