- 전체
- HTML
- Web Design (웹디자인)
- XE 응용 개발
- wordpress plugin dev
- Javascript & JavaScript Application
- MEAN Stack : full stack javascript
- angular js & ionic framework
- bootstrap
- WebGL, Three.js and Babylon.js
- restful api design
- mobile web
- node.js 응용
- Cloud Service 응용
- 웹 어셈블리 개발 [WASM, WebAssembly]
- 마이크로서비스, MSA (microservice architecture)
- WebGL / WebGPU
- next.js 개발
- micro frontend (마이크로프론트앤드)
- 전자상거래/쇼핑몰
- 서버 클라우드 (aws, azure, google)
Web Design (웹디자인) 웹사이트 평가 지표
2014.12.09 20:23
웹사이트 평가 요소
벤치마킹 시 웹사이트를 평가하거나, 고객사의 만족도 평가를 위해 웹이나 모바일의 객관적인 평가 지표가 필요하다. 꽤 많이 써야하는데 인터넷에서 관련 자료가 부족하여 책을 참고 하여 만든 정보이다.
(참고도서 : [웹 기획의 가치를 높이는 웹사이트 벤치마킹의 9가지 패턴], 전민수 지음, 멘토르)
대분류 | 중분류 | 소분류 | 소항목 | 평가 지표 | |
콘텐츠 | 유용성 | 통계자료 | 통계·자료에 대한 분류와 체계는 적절한가? | ||
다양한 통계·자료를 제공하는가? | |||||
연관 통계·자료를 제공하는가? | |||||
사용자에게 관심이 높은 통계 정보를 제공하는가? | |||||
검색 서비스 | 주제별, 분야별 디렉토리 및 검색 서비스 제공은 적절한가? | ||||
미디어 서비스 | 그래프는 통계 내용을 한눈에 알아볼 수 있도록 시각적 구성을 고려하였는가? | ||||
차별성 |
| 경쟁 사이트와 차별화된 서비스를 제공하는가? | |||
흥미성 |
| 사용자가 평소 관심 있어 하는 이슈나 흥미적인 콘텐츠를 지속적으로 제공하는가? | |||
신뢰성 |
| 정보 제공 시 정보의 객관성 및 정확성을 고려하여 신뢰할 수 있는 콘텐츠를 제공하는가? | |||
이해 용이성 |
| 사용자 누구나 내용을 쉽게 이해할 수 있도록 설명되어 있는가? | |||
정보 구조 | 구조성 |
| 정보 구조는 복잡하지 않고 사용자 누구나 쉽게 이해할 수 있는가? | ||
분류성 |
| 콘텐츠 분류는 논리적 기준에 의해 그룹핑되어 있는가? | |||
레이블링 |
| 보편타당하고 직관적인 의미를 지니고 있는가? | |||
디자인 | 레이아웃 | 합목적성 | 레이아웃에 전달하고자 하는 의미가 잘 나타나는가? | ||
시각적 안정성 | 시각적인 안정감이 나타나는가? | ||||
가독성 |
| 화면 요소를 시각적으로 명확하게 전달하고 있는가? | |||
심미성 |
| 색상 선정이 적절한가? | |||
감성 |
| 감성적 느낌이나 이미지가 사이트에 잘 반영되어 있는가? | |||
일관성 |
| 레이아웃, 색상, 폰트, 아이콘 등이 사이트에 일관성 있게 나타나는가? | |||
시스템 | 시스템 안정성 |
| 시스템은 안정감이 있는가? | ||
| 시스템 에러는 발생하지 않는가? | ||||
처리속도 안정성 |
| 로딩 속도는 적절한가? | |||
| 정보 처리 속도는 적절한가? | ||||
사용자 편의성 | 내비게이션 |
|
| 사용자가 관심 있어 하는 페이지로 이동할 수 있도록 다양한 이동 경로를 제공하는가? | |
위치성 |
|
| 현재 위치 표시 기능을 제공해 사용자가 길을 잃지 않게 배려하는가? | ||
사용성 | 서비스 이용의 편의성 |
| 사용자가 원하는 목적에 쉽게 찾아갈 수 있으며 서비스 이용에 불편함이 없는가? | ||
경제성 |
| 사용자가 원하는 정보에 정확하고 신속하게 도달할 수 있는가? | |||
시스템 이용의 용이성 | 학습의 용이성 | 시스템을 처음 이용하는 사용자도 빠른 시간 안에 시스템 이용방법을 배울 수 있는가? | |||
조작의 용이성 | 시스템 설계는 사용자가 조작하기 편리하도록 되어 있는가? | ||||
피드백의 적절성 | 사용자의 행동에 신속한 피드백이 나타나는가? | ||||
예측성 | 사용자는 다음 행동을 예측할 수 있는가? | ||||
통제성 | 사용자는 시스템을 통제할 수 있는가? | ||||
에러 대처 | 에러 발생 시 사용자에게 바로 대처하라 수 있도록 명확한 피드백이 나타나는가? | ||||
웹사이트 평가 요소
벤치마킹 시 웹사이트를 평가하거나, 고객사의 만족도 평가를 위해 웹이나 모바일의 객관적인 평가 지표가 필요하다. 꽤 많이 써야하는데 인터넷에서 관련 자료가 부족하여 책을 참고 하여 만든 정보이다.
(참고도서 : [웹 기획의 가치를 높이는 웹사이트 벤치마킹의 9가지 패턴], 전민수 지음, 멘토르)
대분류 | 중분류 | 소분류 | 소항목 | 평가 지표 | |
콘텐츠 | 유용성 | 통계자료 | 통계·자료에 대한 분류와 체계는 적절한가? | ||
다양한 통계·자료를 제공하는가? | |||||
연관 통계·자료를 제공하는가? | |||||
사용자에게 관심이 높은 통계 정보를 제공하는가? | |||||
검색 서비스 | 주제별, 분야별 디렉토리 및 검색 서비스 제공은 적절한가? | ||||
미디어 서비스 | 그래프는 통계 내용을 한눈에 알아볼 수 있도록 시각적 구성을 고려하였는가? | ||||
차별성 |
| 경쟁 사이트와 차별화된 서비스를 제공하는가? | |||
흥미성 |
| 사용자가 평소 관심 있어 하는 이슈나 흥미적인 콘텐츠를 지속적으로 제공하는가? | |||
신뢰성 |
| 정보 제공 시 정보의 객관성 및 정확성을 고려하여 신뢰할 수 있는 콘텐츠를 제공하는가? | |||
이해 용이성 |
| 사용자 누구나 내용을 쉽게 이해할 수 있도록 설명되어 있는가? | |||
정보 구조 | 구조성 |
| 정보 구조는 복잡하지 않고 사용자 누구나 쉽게 이해할 수 있는가? | ||
분류성 |
| 콘텐츠 분류는 논리적 기준에 의해 그룹핑되어 있는가? | |||
레이블링 |
| 보편타당하고 직관적인 의미를 지니고 있는가? | |||
디자인 | 레이아웃 | 합목적성 | 레이아웃에 전달하고자 하는 의미가 잘 나타나는가? | ||
시각적 안정성 | 시각적인 안정감이 나타나는가? | ||||
가독성 |
| 화면 요소를 시각적으로 명확하게 전달하고 있는가? | |||
심미성 |
| 색상 선정이 적절한가? | |||
감성 |
| 감성적 느낌이나 이미지가 사이트에 잘 반영되어 있는가? | |||
일관성 |
| 레이아웃, 색상, 폰트, 아이콘 등이 사이트에 일관성 있게 나타나는가? | |||
시스템 | 시스템 안정성 |
| 시스템은 안정감이 있는가? | ||
| 시스템 에러는 발생하지 않는가? | ||||
처리속도 안정성 |
| 로딩 속도는 적절한가? | |||
| 정보 처리 속도는 적절한가? | ||||
사용자 편의성 | 내비게이션 |
|
| 사용자가 관심 있어 하는 페이지로 이동할 수 있도록 다양한 이동 경로를 제공하는가? | |
위치성 |
|
| 현재 위치 표시 기능을 제공해 사용자가 길을 잃지 않게 배려하는가? | ||
사용성 | 서비스 이용의 편의성 |
| 사용자가 원하는 목적에 쉽게 찾아갈 수 있으며 서비스 이용에 불편함이 없는가? | ||
경제성 |
| 사용자가 원하는 정보에 정확하고 신속하게 도달할 수 있는가? | |||
시스템 이용의 용이성 | 학습의 용이성 | 시스템을 처음 이용하는 사용자도 빠른 시간 안에 시스템 이용방법을 배울 수 있는가? | |||
조작의 용이성 | 시스템 설계는 사용자가 조작하기 편리하도록 되어 있는가? | ||||
피드백의 적절성 | 사용자의 행동에 신속한 피드백이 나타나는가? | ||||
예측성 | 사용자는 다음 행동을 예측할 수 있는가? | ||||
통제성 | 사용자는 시스템을 통제할 수 있는가? | ||||
에러 대처 | 에러 발생 시 사용자에게 바로 대처하라 수 있도록 명확한 피드백이 나타나는가? | ||||
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
댓글 0
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 9 |
테이블 태그 셀 합치기 그리고, 테이블 안 테이블
| 졸리운_곰 | 2019.03.23 | 566 |
| 8 | 테이블 컬럼 너비 고정 : Fixed Table Cell Width | 졸리운_곰 | 2019.03.21 | 767 |
| 7 | 포지션 css - position (static, relative, absolute, fixed 차이) | 졸리운_곰 | 2019.03.16 | 497 |
| 6 |
DIV 태그를 이용하여 레이아웃 만들기
| 졸리운_곰 | 2019.02.06 | 806 |
| 5 | HTML DIV tag: 세 개의 DIV영역을 가로로 나란히 놓는 방법 - 테이블과 비교 | 졸리운_곰 | 2019.02.04 | 589 |
| 4 |
카드형 디자인/갤러리/리스트 코딩하기.
| 졸리운_곰 | 2018.09.06 | 481 |
| 3 |
[HTML5] span과 div의 차이
| 졸리운_곰 | 2018.06.04 | 800 |
| 2 | HTML div 왼쪽, 오른쪽 배치 | 가을의곰 | 2017.06.10 | 493 |
| 1 |
XPath 이야기
| 졸리운_곰 | 2017.03.20 | 591 |

