본문 바로가기

Python_WEB/WebPlanning

정보 설계 - Information design

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)

  • 정보를 분류하여 설계할 때 분류된 항목을 지칭
  • 내용을 열거하지 않아도 예상
  • 링크 레이블 : 시각적 구분 필요
  • 아이콘 레이블 : 그래픽 아이덴티티
  • 메뉴 레이블 : 웹 사이트 메뉴의 이름
  • 메타데이터의 레이블 : 정보에 대한 메타데이터
  • 페이지 타이틀 : 특정 페이지를 표현하는 이름
  • 윈도우 타이틀 : 웹 브라우저의 윈도우 타이틀
  • 버튼의 레이블 : 버튼에 대한 레이블
  • 서비스 레이블 : 서비스 명칭
  • 차별화