SlideShare a Scribd company logo
1 of 24
Web기획, 사용자를 배려하는 생각  For _Final clara
contents 생활의 즐거움, 인터넷 쇼핑/예매 쿨하게 전달하기, Web writing 하나, 주객 전도 주의 둘, 사용자가 필요한  정보와 기능제공 셋, 결제 서비스와 주문서  페이지의중요사항 넷, 중요정보는 한눈에, 숫자 정보는 자동계산 하나, web writing 의 규칙 둘, Labling의 규칙 셋, 용어사용의 규칙
contents 하나, 주객 전도 주의 둘, 사용자가 필요한  정보와 기능제공 셋, 결제 서비스와 주문서  페이지의중요사항 넷, 중요정보는 한눈에, 숫자 정보는 자동계산 생활의 즐거움, 인터넷 쇼핑/예매 쿨하게 전달하기, Web writing 하나, web writing 의 규칙 둘, Labling의 규칙 셋, 용어사용의 규칙
상품 정보 탐색 (가격비교 포털,쇼핑몰, 전문커뮤니티) 구매처& 조건비교 (GS,,emart,,,) 쇼핑과정에서 쇼핑몰이 차지하는 비중 쇼핑몰 영역_10~20% Non 쇼핑몰 영역_80~90% 상품 구매 제품 선택 브랜드 선택 구매량 구매시기 결제방법 관심상품 발견 구매처 결정 주객전도 주의
쇼핑몰 서비스의 핵심 상품구색 얼마나 다양한 상품을  판매하고 있는가 가격 경쟁력 같은 상품이라면 다른 곳보다  얼마나 저렴한가 주객전도 주의
기본정보 외에도 추가 정보 제공 맥스무비 예매 서비스 _ 좌석 선택 + 좌석과 스크린 거리측정 사용자가 필요한 정보와 기능 제공
예매, 더 쉽고 좋은 방법의 추가 제공 바로바로 검색이 가능한 맥스 무비 사용자가 필요한 정보와 기능 제공
온라인 결제의 가장 중요한 것, 간결함 불필요한 확인사항/입력 항목의 복잡함 가중 결제 페이지의 스크롤 압박 결제의 복잡한 사항에 대한 안내 부족 쿠폰/적립금/제휴 포인트 사용 방식의 복잡성 주문서 페이지의 간결화 + 결제 방법 안내  + 보안안내 제공 결제 서비스와 주문서 페이지의 중요사항
정보 분산과 정보 확인을 위한 참조 중요정보는 한눈에, 숫자정보는 자동계산
숫자정보의 자동계산 제공 숫자 정보는 자동으로 계산이  될 수 있어야 한다. 중요정보는 한눈에, 숫자정보는 자동계산
contents 생활의 즐거움, 인터넷 쇼핑/예매 쿨하게 전달하기, Web writing 하나, 주객 전도 주의 둘, 사용자가 필요한  정보와 기능제공 셋, 결제 서비스와 주문서  페이지의중요사항 넷, 중요정보는 한눈에, 숫자 정보는 자동계산 하나, web writing 의 규칙 둘, Labling의 규칙 셋, 용어사용의 규칙
contents 하나, web writing 의 규칙 둘, Labling의 규칙 셋, 용어사용의 규칙 쿨하게 전달하기, Web writing 생활의 즐거움, 인터넷 쇼핑/예매 하나, 주객 전도 주의 둘, 사용자가 필요한  정보와 기능제공 셋, 결제 서비스와 주문서  페이지의중요사항 넷, 중요정보는 한눈에, 숫자 정보는 자동계산
간단한 문장과 내용요약 제공 웹 페이지 글 읽기 책 읽기 스크롤 이용 위 아래로 빠르게  훑어보기 스크롤 압박은 내용과관계없이 읽혀지지 않을 가능성 증가 좌우 페이지 넘기기 정독 vs 웹 페이지에서 제공해야 할 것 간단한 문장 단락의 구분 내용을 요약한 소제목 웹 라이팅 규칙
이미지/도표 적극 사용 간단한 도표를 이용한 CJ몰의 상품 평 안내 도표로 한눈에 볼 수 있는 르노삼성자동차 웹 라이팅 규칙
이미지/도표 적극 사용 간단한 도표를 이용한 CJ몰의 상품 평 안내 텍스트만으로 된 안내보다 도표, 이미지를 이용한 안내가  더 보기 쉽고 사용자의 눈길을 끈다. 도표로 한눈에 볼 수 있는 르노삼성자동차 웹 라이팅 규칙
같은 사항, 내용의 다른 표현 사용자들의 혼란을 가중 시킴 서비스 제공 관련 용어 모든 페이지에서 통일 정책이나 용어 변경 시 수정 일관성 있는 전달 웹 라이팅 규칙
사용자의 감성 고려 웹 라이팅 규칙
Labeling 정의 사이트 곳곳에 적절한 이름을 정해서 붙이는 것 메뉴 이름, 각각의 버튼등 (더 보기, 채용공고, Q&A 등등) 역할 정보 탐색의 지름길 네비게이션의 역할 해당섹션, 콘텐츠의 대략적인 내용파악과 예측 가능 사용자의 관심 집중 사용자의 이해도 증가 레이블링의 규칙
직관적인 이름 사용_레이블링 비설명적 레이블링이 쓰여도 무리없는  사이트에서 특이한 레이블링 사용 가능 특이한 레이블링은 사용자의 혼란 야기 However, 사이트를 재미있고 테마에 맞는 분위기로 전환가능 역할 레이블링의 규칙
일부 속성을 표현하는 레이블링이 전체를 포괄하는 영역에 사용되지 않도록 주의 전체를 포괄하는 레이블링이 일부 요소만 가지지 않도록 주의 레이블링과 관련 있는 하위 메뉴 그룹핑 일부분이 아닌 대표성 표현 레이블링의 규칙
누구나 알 수 있는 단어 사용 ‘어트랙션’ 이라는 사용자가 잘 사용하지 않는  단어보다는 ‘놀이기구’ 라고 사용하는 편이 더 사용자의 이해도를 높임 용어사용의 규칙
영어나 외래어 사용의 절제 사이트 ‘신라호텔’ For Korean But Writing English 어매니티 라는 단어 사용대신 객실사용 이라는 단어를 사용하는 것이 더 사용자를 위하는 배려! 용어사용의 규칙
전문적인 용어에 대한 설명이 필요 사용자를 더 배려하는 서비스 전문용어에 대한 안내와 설명 전자제품의 경우 사용자를 위하여 더 상세한 설명이 필요 LG전자의 전문용어 설명 부재 레이블링의 규칙
Web For Final

More Related Content

Similar to Web For Final

구축후관리방안
구축후관리방안구축후관리방안
구축후관리방안
rey2998
 
웹사이트 벤치마킹의2
웹사이트 벤치마킹의2웹사이트 벤치마킹의2
웹사이트 벤치마킹의2
juhyun
 
UX 아카데미 오픈프로젝트 [쿠팡이츠 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [쿠팡이츠 - UX/UI 개선]UX 아카데미 오픈프로젝트 [쿠팡이츠 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [쿠팡이츠 - UX/UI 개선]
RightBrain inc.
 
Monthly trend report_2012_10
Monthly trend report_2012_10Monthly trend report_2012_10
Monthly trend report_2012_10
Jong Gook Kim
 
Web analytics 2.0 study ch.4-4.5
Web analytics 2.0 study ch.4-4.5Web analytics 2.0 study ch.4-4.5
Web analytics 2.0 study ch.4-4.5
Eunyoung Kim
 

Similar to Web For Final (20)

구축후관리방안
구축후관리방안구축후관리방안
구축후관리방안
 
웹사이트 벤치마킹의2
웹사이트 벤치마킹의2웹사이트 벤치마킹의2
웹사이트 벤치마킹의2
 
[비즈스프링] BizSpring 회사소개서
[비즈스프링] BizSpring 회사소개서[비즈스프링] BizSpring 회사소개서
[비즈스프링] BizSpring 회사소개서
 
UX 아카데미 오픈프로젝트 [쿠팡이츠 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [쿠팡이츠 - UX/UI 개선]UX 아카데미 오픈프로젝트 [쿠팡이츠 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [쿠팡이츠 - UX/UI 개선]
 
Monthly trend report_2012_10
Monthly trend report_2012_10Monthly trend report_2012_10
Monthly trend report_2012_10
 
[에이스카운터 웹로그분석]에이스카운터 ASP 서비스 소개서
[에이스카운터 웹로그분석]에이스카운터 ASP 서비스 소개서[에이스카운터 웹로그분석]에이스카운터 ASP 서비스 소개서
[에이스카운터 웹로그분석]에이스카운터 ASP 서비스 소개서
 
Carfeet사업소개서프라이머
Carfeet사업소개서프라이머Carfeet사업소개서프라이머
Carfeet사업소개서프라이머
 
서비스 기획자를 위한 데이터분석 시작하기
서비스 기획자를 위한 데이터분석 시작하기서비스 기획자를 위한 데이터분석 시작하기
서비스 기획자를 위한 데이터분석 시작하기
 
웹 기획
웹 기획웹 기획
웹 기획
 
디컨특강31
디컨특강31디컨특강31
디컨특강31
 
AWS builders industry edition : 고객으로부터 시작하는 데이터 기반 마케팅 접근 전략
AWS builders industry edition : 고객으로부터 시작하는 데이터 기반 마케팅 접근 전략AWS builders industry edition : 고객으로부터 시작하는 데이터 기반 마케팅 접근 전략
AWS builders industry edition : 고객으로부터 시작하는 데이터 기반 마케팅 접근 전략
 
[심화] 랜딩페이지 최적화 전략
[심화] 랜딩페이지 최적화 전략[심화] 랜딩페이지 최적화 전략
[심화] 랜딩페이지 최적화 전략
 
메타소셜커머스 쿠폰모아
메타소셜커머스 쿠폰모아메타소셜커머스 쿠폰모아
메타소셜커머스 쿠폰모아
 
장용환_아마존 리뉴얼_콘텐츠 기획
장용환_아마존 리뉴얼_콘텐츠 기획장용환_아마존 리뉴얼_콘텐츠 기획
장용환_아마존 리뉴얼_콘텐츠 기획
 
제 19회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [무드등] : 무신사를 활용한 고객 상황에 따른 의류 추천 스타일링 대시보드
제 19회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [무드등] : 무신사를 활용한 고객 상황에 따른 의류 추천 스타일링 대시보드제 19회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [무드등] : 무신사를 활용한 고객 상황에 따른 의류 추천 스타일링 대시보드
제 19회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [무드등] : 무신사를 활용한 고객 상황에 따른 의류 추천 스타일링 대시보드
 
Web analytics 2.0 study ch.4-4.5
Web analytics 2.0 study ch.4-4.5Web analytics 2.0 study ch.4-4.5
Web analytics 2.0 study ch.4-4.5
 
온라인 쇼핑몰 UX디자인 파괴적 혁신 트렌드 및 전망: 사례 중심으로 살펴본 UX Engagement 향상을 위한 미래 제언
온라인 쇼핑몰 UX디자인 파괴적 혁신 트렌드 및 전망: 사례 중심으로 살펴본 UX Engagement 향상을 위한 미래 제언온라인 쇼핑몰 UX디자인 파괴적 혁신 트렌드 및 전망: 사례 중심으로 살펴본 UX Engagement 향상을 위한 미래 제언
온라인 쇼핑몰 UX디자인 파괴적 혁신 트렌드 및 전망: 사례 중심으로 살펴본 UX Engagement 향상을 위한 미래 제언
 
제 15회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [MarketIN팀] : 디지털 마케팅 헬스체킹 서비스
제 15회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [MarketIN팀] : 디지털 마케팅 헬스체킹 서비스제 15회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [MarketIN팀] : 디지털 마케팅 헬스체킹 서비스
제 15회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [MarketIN팀] : 디지털 마케팅 헬스체킹 서비스
 
Easy terms
Easy termsEasy terms
Easy terms
 
[비즈스프링] 모바일 웹로그분석 서비스 / Logger for Mobile
[비즈스프링] 모바일 웹로그분석 서비스 / Logger for Mobile[비즈스프링] 모바일 웹로그분석 서비스 / Logger for Mobile
[비즈스프링] 모바일 웹로그분석 서비스 / Logger for Mobile
 

More from Clara_Kim

Meconomy Final
Meconomy  FinalMeconomy  Final
Meconomy Final
Clara_Kim
 
웹사이트 벤치마킹의 9가지 패턴 05
웹사이트 벤치마킹의 9가지 패턴 05웹사이트 벤치마킹의 9가지 패턴 05
웹사이트 벤치마킹의 9가지 패턴 05
Clara_Kim
 
웹사이트 벤치마킹의 9가지 패턴 04
웹사이트 벤치마킹의 9가지 패턴 04웹사이트 벤치마킹의 9가지 패턴 04
웹사이트 벤치마킹의 9가지 패턴 04
Clara_Kim
 
Me Conomy 01
Me Conomy 01Me Conomy 01
Me Conomy 01
Clara_Kim
 
Web, 사용자를 배려하는 합리적인 생각
Web, 사용자를 배려하는 합리적인 생각Web, 사용자를 배려하는 합리적인 생각
Web, 사용자를 배려하는 합리적인 생각
Clara_Kim
 

More from Clara_Kim (10)

Meconomy Final
Meconomy  FinalMeconomy  Final
Meconomy Final
 
part6
part6part6
part6
 
웹사이트 벤치마킹의 9가지 패턴 05
웹사이트 벤치마킹의 9가지 패턴 05웹사이트 벤치마킹의 9가지 패턴 05
웹사이트 벤치마킹의 9가지 패턴 05
 
웹사이트 벤치마킹의 9가지 패턴 04
웹사이트 벤치마킹의 9가지 패턴 04웹사이트 벤치마킹의 9가지 패턴 04
웹사이트 벤치마킹의 9가지 패턴 04
 
Me Conomy 01
Me Conomy 01Me Conomy 01
Me Conomy 01
 
Web, 사용자를 배려하는 합리적인 생각
Web, 사용자를 배려하는 합리적인 생각Web, 사용자를 배려하는 합리적인 생각
Web, 사용자를 배려하는 합리적인 생각
 
Chap2,3
Chap2,3Chap2,3
Chap2,3
 
웹웹
 
웹웹
 
Part1
Part1Part1
Part1
 

Web For Final

  • 1. Web기획, 사용자를 배려하는 생각 For _Final clara
  • 2. contents 생활의 즐거움, 인터넷 쇼핑/예매 쿨하게 전달하기, Web writing 하나, 주객 전도 주의 둘, 사용자가 필요한 정보와 기능제공 셋, 결제 서비스와 주문서 페이지의중요사항 넷, 중요정보는 한눈에, 숫자 정보는 자동계산 하나, web writing 의 규칙 둘, Labling의 규칙 셋, 용어사용의 규칙
  • 3. contents 하나, 주객 전도 주의 둘, 사용자가 필요한 정보와 기능제공 셋, 결제 서비스와 주문서 페이지의중요사항 넷, 중요정보는 한눈에, 숫자 정보는 자동계산 생활의 즐거움, 인터넷 쇼핑/예매 쿨하게 전달하기, Web writing 하나, web writing 의 규칙 둘, Labling의 규칙 셋, 용어사용의 규칙
  • 4. 상품 정보 탐색 (가격비교 포털,쇼핑몰, 전문커뮤니티) 구매처& 조건비교 (GS,,emart,,,) 쇼핑과정에서 쇼핑몰이 차지하는 비중 쇼핑몰 영역_10~20% Non 쇼핑몰 영역_80~90% 상품 구매 제품 선택 브랜드 선택 구매량 구매시기 결제방법 관심상품 발견 구매처 결정 주객전도 주의
  • 5. 쇼핑몰 서비스의 핵심 상품구색 얼마나 다양한 상품을 판매하고 있는가 가격 경쟁력 같은 상품이라면 다른 곳보다 얼마나 저렴한가 주객전도 주의
  • 6. 기본정보 외에도 추가 정보 제공 맥스무비 예매 서비스 _ 좌석 선택 + 좌석과 스크린 거리측정 사용자가 필요한 정보와 기능 제공
  • 7. 예매, 더 쉽고 좋은 방법의 추가 제공 바로바로 검색이 가능한 맥스 무비 사용자가 필요한 정보와 기능 제공
  • 8. 온라인 결제의 가장 중요한 것, 간결함 불필요한 확인사항/입력 항목의 복잡함 가중 결제 페이지의 스크롤 압박 결제의 복잡한 사항에 대한 안내 부족 쿠폰/적립금/제휴 포인트 사용 방식의 복잡성 주문서 페이지의 간결화 + 결제 방법 안내 + 보안안내 제공 결제 서비스와 주문서 페이지의 중요사항
  • 9. 정보 분산과 정보 확인을 위한 참조 중요정보는 한눈에, 숫자정보는 자동계산
  • 10. 숫자정보의 자동계산 제공 숫자 정보는 자동으로 계산이 될 수 있어야 한다. 중요정보는 한눈에, 숫자정보는 자동계산
  • 11. contents 생활의 즐거움, 인터넷 쇼핑/예매 쿨하게 전달하기, Web writing 하나, 주객 전도 주의 둘, 사용자가 필요한 정보와 기능제공 셋, 결제 서비스와 주문서 페이지의중요사항 넷, 중요정보는 한눈에, 숫자 정보는 자동계산 하나, web writing 의 규칙 둘, Labling의 규칙 셋, 용어사용의 규칙
  • 12. contents 하나, web writing 의 규칙 둘, Labling의 규칙 셋, 용어사용의 규칙 쿨하게 전달하기, Web writing 생활의 즐거움, 인터넷 쇼핑/예매 하나, 주객 전도 주의 둘, 사용자가 필요한 정보와 기능제공 셋, 결제 서비스와 주문서 페이지의중요사항 넷, 중요정보는 한눈에, 숫자 정보는 자동계산
  • 13. 간단한 문장과 내용요약 제공 웹 페이지 글 읽기 책 읽기 스크롤 이용 위 아래로 빠르게 훑어보기 스크롤 압박은 내용과관계없이 읽혀지지 않을 가능성 증가 좌우 페이지 넘기기 정독 vs 웹 페이지에서 제공해야 할 것 간단한 문장 단락의 구분 내용을 요약한 소제목 웹 라이팅 규칙
  • 14. 이미지/도표 적극 사용 간단한 도표를 이용한 CJ몰의 상품 평 안내 도표로 한눈에 볼 수 있는 르노삼성자동차 웹 라이팅 규칙
  • 15. 이미지/도표 적극 사용 간단한 도표를 이용한 CJ몰의 상품 평 안내 텍스트만으로 된 안내보다 도표, 이미지를 이용한 안내가 더 보기 쉽고 사용자의 눈길을 끈다. 도표로 한눈에 볼 수 있는 르노삼성자동차 웹 라이팅 규칙
  • 16. 같은 사항, 내용의 다른 표현 사용자들의 혼란을 가중 시킴 서비스 제공 관련 용어 모든 페이지에서 통일 정책이나 용어 변경 시 수정 일관성 있는 전달 웹 라이팅 규칙
  • 17. 사용자의 감성 고려 웹 라이팅 규칙
  • 18. Labeling 정의 사이트 곳곳에 적절한 이름을 정해서 붙이는 것 메뉴 이름, 각각의 버튼등 (더 보기, 채용공고, Q&A 등등) 역할 정보 탐색의 지름길 네비게이션의 역할 해당섹션, 콘텐츠의 대략적인 내용파악과 예측 가능 사용자의 관심 집중 사용자의 이해도 증가 레이블링의 규칙
  • 19. 직관적인 이름 사용_레이블링 비설명적 레이블링이 쓰여도 무리없는 사이트에서 특이한 레이블링 사용 가능 특이한 레이블링은 사용자의 혼란 야기 However, 사이트를 재미있고 테마에 맞는 분위기로 전환가능 역할 레이블링의 규칙
  • 20. 일부 속성을 표현하는 레이블링이 전체를 포괄하는 영역에 사용되지 않도록 주의 전체를 포괄하는 레이블링이 일부 요소만 가지지 않도록 주의 레이블링과 관련 있는 하위 메뉴 그룹핑 일부분이 아닌 대표성 표현 레이블링의 규칙
  • 21. 누구나 알 수 있는 단어 사용 ‘어트랙션’ 이라는 사용자가 잘 사용하지 않는 단어보다는 ‘놀이기구’ 라고 사용하는 편이 더 사용자의 이해도를 높임 용어사용의 규칙
  • 22. 영어나 외래어 사용의 절제 사이트 ‘신라호텔’ For Korean But Writing English 어매니티 라는 단어 사용대신 객실사용 이라는 단어를 사용하는 것이 더 사용자를 위하는 배려! 용어사용의 규칙
  • 23. 전문적인 용어에 대한 설명이 필요 사용자를 더 배려하는 서비스 전문용어에 대한 안내와 설명 전자제품의 경우 사용자를 위하여 더 상세한 설명이 필요 LG전자의 전문용어 설명 부재 레이블링의 규칙