반응형
1. 정보 설계
- 사용자가 원하는 정보를 쉽고 빠르게 찾을 수 있도록 하는 것
- 웹 사이트 조감도
- 시간과 비용 절감
- 계획상의 문제점 최소화
2. 정보의 순서와 정렬
- 명확한 콘텐츠 체계
- 알파벳순
- 가나다순
- 연대순
- 날짜순
- 시간순
- 지리 위치순
- 모호한 콘텐츠 체계
- 주제별 체계
- 작업 지향형 체계
- 사용자 구분형 체계
- 은유형 체계
- 혼합 콘텐츠 체계
- 중요 / 사용 빈도에 따른 콘텐츠 체계
3. 콘텐츠 분류 방법
- 경쟁사 벤치마킹
- 카드소팅
4. 정보 설계의 분류
- 네비게이션 시스템(Navigation System)
- 레이블링 시스템(Labeling System)
5. 사이트 구조
- 계열 구조(Sequential Stucture) : Prev Page <-> Next Page
- 계층 구조(Hierarchical Structure) : 홈페이지 > 서브메뉴 > 콘텐츠 페이지
- 그리드 구조(Grid Stucture)
- 네트워크 구조(Network Stucture)
6. 계열 구조
- 일련의 정보를 순차적으로 보여주는 방식
- 단계적 제시
- 정보를 놓치지 않음
- 개발자가 정해진 순서대로 항해할 수 밖에 없기 때문에 지루함
- 상호 작용성도 충분히 살릴 수 있음
7. 계층 구조
- 논리적인 연결 관계
- 정보 탐색
- 전체 구조에 대한 이해를 높일 수 있음
- 가장 효과적
8. 그리드 구조
- 수평과 수직 형태로 링크 구조
- 사용자의 이해도에 따라 나뉘어짐
- 정형화된 많은 정보가 요구되는 사이트에 적합
9. 네트워크 구조
- 순서나 특정 구조 없이 수많은 페이지로 나열
- 상호 작용성이 뛰어남
- 전반적인 구조를 이해하기 힘듬
- 엔터테이먼트 사이트, 체험 사이트, 교육 사이트에 적합
10. 탑 다운 방식(Top Down)
- 위에서 아래로 하부 구조 생성
- 비즈니스와 사용자의 요구 파생
- 전반적인 목표와 전략을 수립
11. 바텀 업 방식(Bottom-Up)
- 역으로 개별 콘텐츠 요소의 관계를 파악 분류 상부 구조 생성
- 레이블링 작업
- 콘텐츠 리스트 > 분류 > 레이블링
12. 네비게이션 시스템(Navigation System)
- 사용자의 이동과 관련된 개념
- 이동 편의성 증대 설계
- 이동 경로나 방법 구조와 인터페이스 디자인 등을 포괄하는 표현
- 글로벌 네비게이션 시스템
- 로컬 네비게이션 시스템
- 원격 제어 네비게이션 시스템
13. 레이블링 시스템(Labeling System)
- 정보를 분류하여 설계할 때 분류된 항목을 지칭
- 내용을 열거하지 않아도 예상
- 링크 레이블 : 시각적 구분 필요
- 아이콘 레이블 : 그래픽 아이덴티티
- 메뉴 레이블 : 웹 사이트 메뉴의 이름
- 메타데이터의 레이블 : 정보에 대한 메타데이터
- 페이지 타이틀 : 특정 페이지를 표현하는 이름
- 윈도우 타이틀 : 웹 브라우저의 윈도우 타이틀
- 버튼의 레이블 : 버튼에 대한 레이블
- 서비스 레이블 : 서비스 명칭
- 차별화
반응형
'Python_WEB > WebPlanning' 카테고리의 다른 글
사용성 테스트 - Usability Testing (0) | 2019.07.01 |
---|---|
사용자 중심 디자인 - User Centered Design (0) | 2019.07.01 |
콘텐츠 분류와 설계 - Content classification and design (0) | 2019.06.30 |
웹 사이트 분석 - Website analysis (0) | 2019.06.29 |
웹 사이트 기획 설계 - Website Planning and Design (0) | 2019.06.29 |