디자인 컨셉과 정보 구조

Jamie·2023년 12월 10일

UX/UI

목록 보기
8/25
post-thumbnail

✅ 디자인 컨셉 (Design Concept)

디자인 컨셉이란 스케치, 이미지, 또는 텍스트로 이루어진 핵심 아이디어 이다.
한마디로 내가 생각하는 디자인이 무엇인지 시각적인 자료 혹은 문서 또는 다이어그램으로 만든 것

예시로 알아보는 디자인 컨셉

  • 목표 Goal
    자주 주문하는 메뉴의 식당 중 빨리 배달 가능한 가게 정보를 제공하여 사용자의 탐색시간을 줄이고 의사결정에 도움을 준다.
  • 범위 Scope
    사용자 유입, 가맹점 상태확인, 가장 주문이 적은 매장 정보 도출 + 사요자의 이전 주문 기록
  • 전략 Key feature
    히어로 배너에 지금, 가장 빠른 배달! 배너로 각 사용자에게 개인화된 데이터를 바탕으로 빠른 배달이 가능한 지점을 노출해주어 효용성을 높힌다.

✅ 정보 구조 설계 (Information Architecture design)

애플리케이션 또는 웹사이트에서 제공하는 정보와 기능의 관계와 순서를 정의하는 것이다.

  • 정보 구조를 디자인 할 때 생각해야 하는 것

  • 정보 구조의 종류

    • Broad structure
      한번에 보여주는 양이 많지만, 얕게 구성된 구조
      entry 포인트는 많지만 1depth, 2depth로 구성됨
      (사용 의도가 명확한 경우, 전문가용, 제공하는 정보의 연관성이 낮고 정보량이 많을 경우 사용된다.)

    • Deep and Narrow structure
      정보가 깊게 구성되어 있고 사용자에게 더 집중된 내용을 제공하는 구조이다. 주제나 기능별로 깊이 있는 정보를 담고 있으며, 더 적은 항목을 다루지만 그 안에는 상세한 정보가 포함되어 있다.
      주로 모바일에서 많이 사용되며, 사용자들이 빠르게 원하는 정보에 접근하고 목표를 달성하는 데 도움을 주는 특징을 가지고 있다.
      이 구조는 사용자들이 명확한 목적을 가지고 있을 때, 즉각적인 정보에 빠르게 접근해야 하는 상황에서 유용하게 활용된다.
  • 카드 소팅

    • 개방형 카드소팅
      1. 사용자를 섭외하여 테이블에 미리 준비한 메뉴 카드를 사용자에게 보여준다.
      2. 사용자에게 '서로 어울린다고 생각되는 카드끼리 그룹핑해주세요' 라고 요청한다.
      3. 그룹핑이 끝나면 사용자와 함께 각 그룹에 해당하는 이름을 정의한다.
    • 폐쇠형 카드소팅
      1. 사용자를 섭외하여 테이블에 미리 준비한 메뉴 카드와 그룹이름을 사용자에게 보여준다.
      2. 사용자에게 '각 카드를 정해진 그룹에 따라 분류해주세요.'라고 요청한다.
      3. 그룹핑이 끝나면 사용자에게 이렇게 분류한 이유와 혹시 그룹 이름을 변경할 수 있다면 어떻게 하고 싶은지 물어본다.

🤔 카드 소팅의 장점

  1. 사용자의 멘탈모델을 엿볼 수 있다.
    카드소팅은 사용자가 각 정보를 어떤 속성으로 이해하고 있는 이해 할 수 있는 강력한 도구이다.
    동시에 메뉴의 이름label이 이해하기 쉽게 정의되어 있는지도 확인 할 수 있다.
  2. 정보구조를 User friendly 하게 개선할 수 있다.
    해당 정보를 바라보는 사용자의 언어를 파악 할 수 있다. 메뉴명 뿐만아니라 메뉴간의 계층관계(어떤 메뉴가 어떤 메뉴를 포함해야 하는지에 대한)에 대한 정보도 파악 할 수 있다.
  3. 다양한 가능성을 확인 할 수 있다.
    테스트를 5번 하면, 5개의 다른 형태의 정보구조를 얻을 수 있다.
    이를 바탕으로 다양한 가능성 속에서 가장 일반적이고 이해가 쉬운 형태를 찾아나갈 수 있다.
profile
#UXUI #코린이

0개의 댓글