ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 3. IA패턴의 종류
    FrontEnd/UX_UI 2022. 2. 22. 16:27
    728x90
    1.  계층(Hierarchy)
    • 하향식 범주형 트리
    • 상위 레벨을 통해서만 하위 레벨에 접근가능
    • 논리적 계층 순서가 있는 정보들에 적합
    • 레벨 단위로 이동하기 때문에 탐색이 번거로움

    계층(Hierarchy)

     

    2. 탭(Tab)
    • 계층 패턴의 일반적인 구현 방식
    • 분류체계를 빠르게 이해하고, 각 컨텐츠에 접근 가능
    • 멀티태스킹에 유리
    • 정보가 많을 경우 오히려 복잡해 보이는 문제가 있음

    탭(Tab)

     

    3. 허브 앤 스포크(Hub & Spoke)
    • 중앙 허브를 통하는 방식(산만함 방지)
    • 섹션(스포크)에서 섹션으로 이동 불가
    • 각각의 섹션이 뚜렷한 목적을 가지고 있는 경우
    • 섹션 간 빠른 이동이 불가능하기 때문에 멀티태스킹을 요하는 구조에서는 안좋음

    허브 앤 스포크(Hub & Spoke)

     

    4. 선형(Linear)
    • 콘텐츠를 순차적으로 전개
    • 다음 단계를 진행하기 위해선 전 단계를 반드시 거쳐야 함
    • 단계를 진행중이라면 되돌아가기 힘듦

    선형(Linear)

     

    5. 중첩 인형(Nested Doll)
    • 선형 패턴의 변형
    • 사용자가 깊은 레벨로 접근할 때 마다 추가 정보를 제공하거나, 콘텐츠를 좁혀 줌
    • 좀 더 깊이 있는 주제를 다루게 해주며, 다른 패턴의 하위 섹션으로 사용 가능
    • 섹션간 빠른 이동불가

    중첩 인형(Nested Doll)

     

    6. 도시락(Bento Box)
    • 많은 도구를 한번에 확인하기 위한 방법
    • 큰 화면에 유리
    • 데이터 또는 상태 시각화
    • 여러 항목을 한번에 표시하기 때문에 계층 구조를 희석
    • Bento, Hamburger, Alt-Burger
    • Meatball, Kebab, Doner

    도시락(Bento Box)

     

    7. 필터링 된 보기(Filtered View)
    • 단일 컨텐츠를 다양한 보기, 정렬 옵션을 통해 여러 측변에서 탐색
    • 정보가 많은 경우 적합
    • 필터가 된다고는 하나, 정보가 많다면 한 화면에 표시하기가 어려워 복잡

    필터링 된 보기(Filtered View)

     

    8. 웹(Web)
    • 정해진 구조없이 다양한 컨텐츠를 연결
    • 사용자가 찾고자 하는게 무엇인지 모를 경우
    • 사용자가 컨텐츠를 생성할 수 있는 겨우
    • 정해진 구조나 패턴이 없기 때문에 검색능력 저하

    웹(Web)

     

     

    9. 데이터 베이스(Database)
    • 데이터를 구조화하고 저장
    • 같은 데이터를 여러가지 방법을 표시 해야할 때 사용

    데이터 베이스(Database)

     

    'FrontEnd > UX_UI' 카테고리의 다른 글

    플로우 차트 작성 규칙  (0) 2022.02.25
    2. IA의 대표적인 5가지 시스템  (0) 2022.02.22
    1. 기획의 과정  (0) 2022.02.21

    댓글

Designed by Tistory.