『웹 사이트 벤치마킹의 9가지 패턴』



 베스트 사례를 찾는 웹 사이트 평가지
       표를 개발하라



                       Department of Digital Contents
                                             Shannon
CONTENTS

1.   웹 사이트 평가 모델 정의

2.   사용자 의견조사

3.   사용자 의견을 서비스별로 분류

4.   사용자의 의견을 긍정적 이미지로 변환

5.   긍정적 이미지를 의문형 체크리스트 전환

6.   웹사이트 평가 지표 완성
“사이트를 분석하기 위해서는 분석 기준이 있어
야 한다. 물론 여기서의 기준은 누구를 위해 만
들 것인가를 토대로 어떻게 만들것인가가 매우
중요한 관건이 된다.”


          - 051goid,『e-Biz 속의 웹 디자인』
웹 사이트 평가와 평가항목


  A. 콘텐츠
  B. 정보구조
  C. 사용자 편의성
  D. 디자인
  E. 시스템
A. 콘텐츠 평가 항목

기억의 효과(차
           • 경쟁사이트와 차별화된 서비스를 제공
  별성)

정보의 양질(유
           • 실제 생활에 도움이 되는 유용한 정보
  용성)

정보의 관심(흥   • 사용자가 평소 관심있어하는 이슈나 흥미로운 콘텐츠를 직
  미성)       속적 제공


정보의 믿음(신
           • 정보의 객관성 및 정확성을 고려
  뢰성)

정보의 이해(이
           • 누구나 내용을 쉽게 이해가능하도록 설명
  해성)
정보의 양질
▶실제 생활에 도움이 되는 유용한 정보 제공
▶ 누구나 쉽게 이해할 수 있도록 설명해 놓은
비씨카드의 로그인 및 회원 가입 설명 페이지
B. 정보 구조 평가 항목


구조체계의     • 사용자가 쉽게 이해할 수 있도록 복잡하지 않
 적합성       고 한눈에 쉽게


분류체계의
          • 콘텐츠 분류는 논리적 기준에 의해 그룹화
 명확성


레이블링의
          • 보편타당하고 직관적이 의미를 지녀야함
 적합성
C. 사용자 편의성 평가 항목


사용자 편의성   • 사용자 편의를 고려한 네비게이션




위치 경로의
          • 현재의 위치를 표시하는 기능제공
 명확성


서비스 이용의   • 경제성 – 원하는 정보에 신속히 도달

 편의성      • 용이성 – 쉬운 이용 방법
사용자의 편의성을 높이는 LG전자의 퀵서비스
D. 디자인 평가 항목

       • 전달하고자 하는 의미의 명확화, 시각적인 안정감 있어야함
레이아웃
       • 시각적 그룹화, 동선, 강조, 여백


가독성    • 화면요소를 시각적으로 명확히 전달



심미성    • 적절한 색상선택



 감성    • 감성적 효과가 디자인적으로 반영



       • 레이아웃, 색상, 폰트, 아이콘 등이 사이트에 일관성 있게 나타나
일관성
        야함
▶ 필요한 요소끼리 그룹화한
   에버랜드의 홈페이지
▶ 변화된 캐논의 브랜드 이미지를
    강조한 캐논의 홈페이지
E. 시스템 평가항목


 시스템의     • 시스템은 안정감이 있는가?
          • 시스템에 에러가 발생하지 않는가?
  안정성



 정보처리     • 로딩 속도는 적절한가?

속도의 안정성 • 정보 처리 속도는 적절한가?
THANK YOU

More Related Content

PPT
웹사이트 벤치마킹의2
PPT
벤치마킹 part1
PPT
벤치마킹
PPTX
벤치마킹
PDF
웹사이트 벤치마킹 기법
PPTX
part6
PDF
Conference Link mini_Session2
PPTX
벤치마킹
웹사이트 벤치마킹의2
벤치마킹 part1
벤치마킹
벤치마킹
웹사이트 벤치마킹 기법
part6
Conference Link mini_Session2
벤치마킹

Viewers also liked (17)

PDF
1주 WEB UI Overview
PPTX
Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹
PDF
모바일 웹 UI/UX의 현재와 미래 - Agenda
PDF
사용자경험유지하기(@UX Storming/2012)
PPTX
웹사이트 벤치마킹의 9가지 패턴 05
PDF
손가락이 제멋대로 UX 하고 움직이는 UI
PDF
실무를위한모바일 UI UX step up
PDF
대단한 기술없이 반응형웹 UI 만들기
PPTX
스마트 UI/UX 기술 및 산업 동향
PDF
차세대 웹 환경에서의 UI/UX 기술 표준화 동향
PDF
UXDS_Naver me UX 개선안 프로젝트_1차
PDF
UX, UX Design, UX Process (@Daum/2014)
PDF
최신 UX/UI 디자인 트렌드
PDF
사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드
PDF
'UX', 'UX Design' and 'Good UX'
PDF
Mobile UX Design Essential
PPT
USER INTERFACE DESIGN PPT
1주 WEB UI Overview
Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹
모바일 웹 UI/UX의 현재와 미래 - Agenda
사용자경험유지하기(@UX Storming/2012)
웹사이트 벤치마킹의 9가지 패턴 05
손가락이 제멋대로 UX 하고 움직이는 UI
실무를위한모바일 UI UX step up
대단한 기술없이 반응형웹 UI 만들기
스마트 UI/UX 기술 및 산업 동향
차세대 웹 환경에서의 UI/UX 기술 표준화 동향
UXDS_Naver me UX 개선안 프로젝트_1차
UX, UX Design, UX Process (@Daum/2014)
최신 UX/UI 디자인 트렌드
사용자 중심의 소프트웨어 개발을 위한 UI/UX 참조모델 가이드
'UX', 'UX Design' and 'Good UX'
Mobile UX Design Essential
USER INTERFACE DESIGN PPT
Ad

Similar to Patten5 (20)

PPT
Website Benchmarking(P5)
PPT
정리
PPT
정리
PDF
유사 이미지 검색 기술 동향 - Pinterest 사례
PDF
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
PPT
QlikView ppt
PPT
아세아시멘트홈페이지제작제안.ppt
PDF
데이터가 흐르는 조직 만들기 - 마이리얼트립
PDF
시나브로 CSS3
PPTX
UX Case Study
PPT
Website Benchmarking3
PDF
[2014널리세미나] 접근성과 사용성, 기획자가 챙겨야 하는 이유
PDF
데이터품질진단솔루션
PDF
책 "제품의 탄생" 소개
PDF
KOSTA 소프트웨어 재직자 교육과정 수강안내 브로셔 A4_20250701.pdf
PDF
[우리가 데이터를 쓰는 법] 온라인 서비스 개선을 위한 데이터 활용법 - 마이크로소프트 김진영 데이터과학자
PPTX
온라인 서비스 개선을 데이터 활용법 - 김진영 (How We Use Data)
PDF
[141]지난 1년간의 웨일 브라우저와 그 미래 (부제: 제품 매니저가 들려주는 생생한 기술/제품 이야기)
PDF
Data discovery qlikview
PDF
Wes소개&제안서
Website Benchmarking(P5)
정리
정리
유사 이미지 검색 기술 동향 - Pinterest 사례
HCI KOREA 2017 데이터 기반 UX 평가를 통한 반응형웹 디자인 개선 방안
QlikView ppt
아세아시멘트홈페이지제작제안.ppt
데이터가 흐르는 조직 만들기 - 마이리얼트립
시나브로 CSS3
UX Case Study
Website Benchmarking3
[2014널리세미나] 접근성과 사용성, 기획자가 챙겨야 하는 이유
데이터품질진단솔루션
책 "제품의 탄생" 소개
KOSTA 소프트웨어 재직자 교육과정 수강안내 브로셔 A4_20250701.pdf
[우리가 데이터를 쓰는 법] 온라인 서비스 개선을 위한 데이터 활용법 - 마이크로소프트 김진영 데이터과학자
온라인 서비스 개선을 데이터 활용법 - 김진영 (How We Use Data)
[141]지난 1년간의 웨일 브라우저와 그 미래 (부제: 제품 매니저가 들려주는 생생한 기술/제품 이야기)
Data discovery qlikview
Wes소개&제안서
Ad

More from shannonsi (11)

PPTX
Dc Final
PPTX
Dc Final
PPTX
Patten4
PPTX
프레젠테이션1
PPTX
3번째 웹사이트벤치마킹
PPTX
Part2 웹사이트 벤치마킹의 9가지 패턴
PPTX
웹사이트 벤치마킹의 9가지 패턴
PPTX
웹사이트 벤치마킹의 9가지 패턴
PPTX
웹사이트 벤치마킹의 9가지 패턴Pptx
PPTX
웹사이트 벤치마킹의 9가지 패턴 완성
PPTX
웹사이트 벤치마킹의 9가지 패턴 완성
Dc Final
Dc Final
Patten4
프레젠테이션1
3번째 웹사이트벤치마킹
Part2 웹사이트 벤치마킹의 9가지 패턴
웹사이트 벤치마킹의 9가지 패턴
웹사이트 벤치마킹의 9가지 패턴
웹사이트 벤치마킹의 9가지 패턴Pptx
웹사이트 벤치마킹의 9가지 패턴 완성
웹사이트 벤치마킹의 9가지 패턴 완성

Patten5

  • 1. 『웹 사이트 벤치마킹의 9가지 패턴』 베스트 사례를 찾는 웹 사이트 평가지 표를 개발하라 Department of Digital Contents Shannon
  • 2. CONTENTS 1. 웹 사이트 평가 모델 정의 2. 사용자 의견조사 3. 사용자 의견을 서비스별로 분류 4. 사용자의 의견을 긍정적 이미지로 변환 5. 긍정적 이미지를 의문형 체크리스트 전환 6. 웹사이트 평가 지표 완성
  • 3. “사이트를 분석하기 위해서는 분석 기준이 있어 야 한다. 물론 여기서의 기준은 누구를 위해 만 들 것인가를 토대로 어떻게 만들것인가가 매우 중요한 관건이 된다.” - 051goid,『e-Biz 속의 웹 디자인』
  • 4. 웹 사이트 평가와 평가항목 A. 콘텐츠 B. 정보구조 C. 사용자 편의성 D. 디자인 E. 시스템
  • 5. A. 콘텐츠 평가 항목 기억의 효과(차 • 경쟁사이트와 차별화된 서비스를 제공 별성) 정보의 양질(유 • 실제 생활에 도움이 되는 유용한 정보 용성) 정보의 관심(흥 • 사용자가 평소 관심있어하는 이슈나 흥미로운 콘텐츠를 직 미성) 속적 제공 정보의 믿음(신 • 정보의 객관성 및 정확성을 고려 뢰성) 정보의 이해(이 • 누구나 내용을 쉽게 이해가능하도록 설명 해성)
  • 6. 정보의 양질 ▶실제 생활에 도움이 되는 유용한 정보 제공
  • 7. ▶ 누구나 쉽게 이해할 수 있도록 설명해 놓은 비씨카드의 로그인 및 회원 가입 설명 페이지
  • 8. B. 정보 구조 평가 항목 구조체계의 • 사용자가 쉽게 이해할 수 있도록 복잡하지 않 적합성 고 한눈에 쉽게 분류체계의 • 콘텐츠 분류는 논리적 기준에 의해 그룹화 명확성 레이블링의 • 보편타당하고 직관적이 의미를 지녀야함 적합성
  • 9. C. 사용자 편의성 평가 항목 사용자 편의성 • 사용자 편의를 고려한 네비게이션 위치 경로의 • 현재의 위치를 표시하는 기능제공 명확성 서비스 이용의 • 경제성 – 원하는 정보에 신속히 도달 편의성 • 용이성 – 쉬운 이용 방법
  • 10. 사용자의 편의성을 높이는 LG전자의 퀵서비스
  • 11. D. 디자인 평가 항목 • 전달하고자 하는 의미의 명확화, 시각적인 안정감 있어야함 레이아웃 • 시각적 그룹화, 동선, 강조, 여백 가독성 • 화면요소를 시각적으로 명확히 전달 심미성 • 적절한 색상선택 감성 • 감성적 효과가 디자인적으로 반영 • 레이아웃, 색상, 폰트, 아이콘 등이 사이트에 일관성 있게 나타나 일관성 야함
  • 12. ▶ 필요한 요소끼리 그룹화한 에버랜드의 홈페이지
  • 13. ▶ 변화된 캐논의 브랜드 이미지를 강조한 캐논의 홈페이지
  • 14. E. 시스템 평가항목 시스템의 • 시스템은 안정감이 있는가? • 시스템에 에러가 발생하지 않는가? 안정성 정보처리 • 로딩 속도는 적절한가? 속도의 안정성 • 정보 처리 속도는 적절한가?