본문 바로가기

컴퓨터/데이터 분석

경영정보시각화 디자인

1. 시각화디자인 기본원리 이해

경영정보시각화 개요

정보 시각화의 개념

정보 시각화는 인간의 시지각 능력을 활용해 데이터를 그래픽 요소를 사용해 시각적으로 묘사하고 표현하는 것이다. 이는 데이터를 시각적으로 표현해 데이터에 대한 이해와 설득을 도우며, 색상, 도형, 텍스트 등 미적 속성을 활용해 상호작용이 가능한 형태로 데이터를 표현한다.

정보 시각화를 사용하면 전달하고자 하는 메시지와 분석 결과를 설명하고, 데이터에 숨겨진 관계와 패턴을 찾기 위한 시각적 분석 제공하고, 데이터 활용을 통해 감정적 반응을 이끌거나 이야기를 전달하는 기능을 한다.

 

경영정보시각화 프로세스

1. 목표 설정: 시각화를 통해 전달하고자 하는 정보를 명확히 정의한다.

2. 데이터 수집: 내부 시스템, 데이터베이스, 엑셀 파일 등 다양한 소스에서 데이터를 수집하고 정리하는데, 데이터는 정확하고 일관된 형식으로 준비되어야 한다.

3. 데이터 전처리: 수집한 데이터를 누락, 오류, 이상치를 처리하여 분석에 적합한 형태로 가공한다.

4. 시각화 디자인: 데이터 특성과 목표에 맞게 시각화 유형, 색상, 레이아웃 등을 설계하여 시각화의 형식과 디자인을 결정한다.

5. 시각화 구현: 그래프, 차트, 대시보드 등 다양한 도구와 라이브러리를 활용하여 시각화를 실제로 구현한다.

6. 시각화 분석: 데이터를 비교, 필터링, 상호 작용 등을 통해 다양한 관점에서 분석해 경영 정보를 분석하고 해석한다.

7. 결과 전달: 보고서, 프레젠테이션, 대시보드 등으로 시각화 결과를 전달한다.

 

경영정보시각화의 원칙은 독자를 고려해 시각화를 단순하게 구성하고, 목적에 맞는 시각화 요소를 선택하는 것이다.

경영정보 시각화에서 자주 사용되는 시각적 속성

 

위의 이미지를 보면 자주 사용하는 6개의 유형을 제시하였는데 상황에 따라 아래 활용 예시처럼 사용한다.

1. 범주형 자료의 구별 (예: 성인 – 검은색, 유아 – 노란색).

2. 수치형 자료의 측정값 표현 (예: 낮은 수익률 – 빨간색, 높은 수익률 – 파란색).

3. 특정 자료 강조 (예: 불만족스러운 소비자의 반품 여부 – 빨간색).

 

디자인의 기본 원리

색의 3속성

 

색상(Hue): 색의 이름이나 종류를 의미하며, 무지개 스펙트럼의 색상들을 포함한다.

명도(Value): 색의 밝고 어두운 정도를 나타내며, 밝은 색에서 어두운 색까지를 결정한다.

채도(Saturation): 색의 순수성과 강도를 나타내며, 순수하고 강렬한 색일수록 높은 채도, 회색에 가까울수록 낮은 채도를 가진다.

 

리듬은 디자인에서 요소들이 일정한 간격과 규칙에 따라 반복되면서 생기는 패턴으로 생동감과 일관성을 부여하며, 관찰자의 시선을 이끌어 시각적인 흥미와 조화를 형성한다.

리듬

강조

색상, 크기, 형태 등을 사용하여 특정 요소의 돋보이게 해 강조할 수 있다.

강조

대비

명암, 색상, 크기의 차이를 이용해 요소 간의 대조를 만들어낸다. 이를 통해 강렬한 시각적 효과와 주목성 제공한다.

대비

대칭

중심축을 기준으로 요소들이 좌우 또는 상하 대칭적으로 배치하여 안정감과 조화를 주며, 관찰자에게 평형감을 전달한다.

대칭

변화

형태, 색상, 크기, 배치, 패턴, 텍스처 등에서 변화를 주어 시각적인 흥미와 독특성을 제공한다.

변화

통일

일관된 스타일, 색상 팔레트, 폰트 등을 사용하여 디자인에 통일감을 부여하여 디자인 전체가 하나의 통일된 표현으로 전달될 수 있다.

 

조화

통일된 요소들과 변화 요소들을 조화롭게 결합해 시각적으로 균형 잡힌 효과를 만들어 디자인의 품격과 독특성을 높이며, 통일성을 유지하면서도 다양성을 제공할 수 있다.

 

균형

디자인 요소 간의 배치와 무게 조절을 통해 시각적 안정성을 형성한다.

 

형태

디자인 요소의 외형으로 요소의 모양, 윤곽 등으로 디자인의 스타일과 특징을 전달한다. 간단한 형태는 현대적이고 깔끔한 느낌을, 복잡한 형태는 우아한 느낌을 준다.

 

공간

디자인 요소 간의 물리적 크기와 배치를 사용하고, 평면과 부피 개념을 적용하여 디자인의 시각적 조화와 균형을 형성.

 

규모

주요 요소와 그 주변 요소 간의 크기 차이를 통해 강조하거나 조화를 부여하여 큰 요소는 힘과 강도를, 작은 요소는 섬세함과 부드러움을 표현한다.

 

비례

디자인 요소 간의 상대적인 크기와 배치를 통해 요소들이 조화롭게 어우러지도록 배치해 주목성을 높인다.

 

인포그래픽 디자인

인포그래픽은 정보를 시각적으로 전달하기 위한 도구로, 복잡한 데이터나 추상적인 개념을 더 쉽게 이해할 수 있도록 도와주는 시각적 표현이다.

이는 데이터의 패턴, 비교, 상관관계 표현: 그래프, 차트, 지도, 플로우차트 등 다양한 시각적 요소를 사용하여 텍스트, 숫자, 그림, 색상, 크기 등 시각적 요소를 조합해 정보를 시각적으로 해석하고 전달하여 정보의 가시성과 이해성을 높이고 사용자의 관심과 참여를 유도한다.

이러한 인포그래픽은 보고서, 프리젠테이션, 웹사이트, 광고 등에서 사용되며, 데이터 분석, 비즈니스, 교육, 과학, 마케팅 등 다양한 분야에서 사용된다.

 

그래프 및 차트 인포그래픽

선 그래프, 막대 그래프, 원 그래프 등을 사용해 데이터 시각화하는 것으로 데이터의 비교, 추세 파악, 관계 등을 시각적으로 보여준다.

 

지도 및 지리적 인포그래픽

지도, 도표, 지리적 요소를 통해 지리적 정보를 시각화하는 것으로 지역, 국가, 대륙 등의 지리적 특성을 나타내며, 위치에 따른 데이터 분석에 적합하다.

 

프로세스 및 플로우차트 인포그래픽

화살표, 상자, 다이어그램을 사용해 데이터 흐름과 상호작용을 시각화하는 것으로 과정이나 절차를 단계별로 시각화해 복잡한 과정도 쉽게 이해할 수 있도록 표현한다.

 

인포그래픽 아이콘

아이콘, 그림, 이미지를 사용해 정보를 시각적으로 전달하는 것으로 개념, 객체, 통계 등을 그림이나 아이콘으로 표현해 이해를 돕고 사용자의 시각적 관심을 끈다.

 

타임라인 및 역사적 인포그래픽

연표, 시간축 등을 사용해 시간에 따른 변화나 역사적 이벤트를 시각화하는 것으로 특정 기간 동안의 데이터 변화나 발전 과정을 보여준다.

 

비교 및 대조 인포그래픽

막대차트, 원형 차트 등을 사용해 데이터 간의 차이나 비율을 비교하는 것으로 다양한 항목을 시각적으로 비교해 이해를 돕고, 각 항목의 상대적 중요성을 시각적으로 전달한다.

 

설명적 인포그래픽

주제나 개념을 설명하는 텍스트와 함께 그림, 그래프를 사용하여 주제의 전반적인 이해를 돕기 위해 다양한 시각적 요소를 조합해 정보를 전달한다.

 

인포그래픽의 원리

 - 단순성(Simplicity)

복잡한 요소를 최소화하고 필요한 정보만 간결하게 전달하여 불필요한 시각적 요소를 제거해 메시지를 쉽게 이해할 수 있도록 만든다.

 

 - 명확성(Clarity)

그래프, 차트, 아이콘 등 시각적 요소를 목적에 맞게  사용하여 명확한 메시지를 전달한다.

 

 - 중요성(Importance)

중요한 데이터나 메시지를 시각적으로 부각시켜 사용자가 주요 정보를 쉽게 파악할 수 있도록 설계한다.

 

 - 일관성(Consistency)

서체, 색상, 아이콘 스타일을 일관되게 사용해 전체 디자인이 통일감을 가질 수 있도록 한다.

 

 - 가독성(Readability)

텍스트의 크기, 배경 대비, 차트의 축 레이블 등을 적절히 설계해 정보를 쉽게 읽고 이해할 수 있도록 디자인한다.

 

 - 효과성(Effectiveness)

시각적 요소를 데이터와 목적에 맞게 선택하고 배치하여 사용자가 쉽게 이해할 수 있도록 만든다.

 

 - 대상 독자(Target Audience)

독자의 관심사, 수준, 문화적 배경을 반영해 독자 수준을 바탕으로 정보 전달 스타일과 톤을 조절한다.

 

오컴의 면도날은 단순한 설명이 복잡한 설명보다 선호된다는 원칙으로 불필요한 세부 정보를 제거하고 중요한 내용에 집중해 메시지를 명확히 전달하고, 과도한 세부 정보나 복잡한 그래프를 배제하고 필요한 만큼의 시각적 요소만 사용하고, 정보 간의 계층 구조를 정의해 이해를 돕고, 핵심 내용이 한눈에 들어오도록 하고, 간결하고 명확한 문구를 사용하여 가능한 경우 그래픽 요소를 통해 텍스트를 대체해 전달력 향상시키는 것이다.

 

인포그래픽 디자인 시 고려애햐 할 요소

 

1. 제목

인포그래픽의 주요 메시지를 강조하고 전반적인 주제를 한눈에 파악할 수 있도록 도와준다.

제목은 정보의 중요성을 강조하며 사용자의 주의를 끌기 위해 시각적으로 부각되어 카테고리화 및 구조화를 돕고 정보에 대한 기대감을 형성한다.

 

2. 서체 

텍스트의 외관을 뜻하는 것으로 인포그래픽의 가독성과 사용자 경험에 직접적인 영향을 미친다.

이는 전체적인 분위기를 결정짓고, 크기와 스타일을 조절하여 중요한 내용과 부가적인 내용을 구분하고, 텍스트의 중요도를 시각적으로 표현한다.

 

3. 주석 

특정 부분에 대한 설명이나 추가 정보를 제공하여 사용자가 정보를 더 잘 이해하고 해석하는 데 도움을 준다.

주석은 텍스트 형태로 주로 제시되지만 그래픽 요소와 함께 사용되어 중요한 세부 정보나 통계 데이터의 해석 등을 제공하여 정보의 정확성과 신뢰성을 강화하기 위해 사용되며, 그래픽 요소와의 관계를 명확히 하여 정보를 보다 효과적으로 전달한다.

 

4. 격자선 

격자선은 그래프나 차트의 구조를 명확히 하고 데이터의 비교와 정확한 위치 파악을 도와준다.

가로선과 세로선으로 이루어진 격자선은 그래프의 영역을 구분하고 데이터의 배치를 정렬하는 데 유용하고, 데이터의 패턴이나 추세를 쉽게 파악할 수 있도록 하며, 가독성을 높이고 정보의 해석을 용이하게 한다.

추가로 격자선은 시각화의 목적과 대상 독자를 고려하여 필요할 때만 적절히 사용되어야 하며, 색상, 두께, 스타일 등을 조절해 디자인과 일관성을 유지해야 한다.

격자선

 

5. 클립아트 

클립아트는 주제나 개념을 시각적으로 표현하여 사용자의 시각적 이해를 돕는 단순하고 명확한 형상으로 구성된다.

이는 복잡한 데이터나 추상적인 개념을 쉽게 이해할 수 있도록 그림으로 변환하여 전달하며, 친근하고 컬러풀한 이미지로 사용자의 관심을 끌 수 있다. 다만, 클립아트 사용 시 저작권에 유의해야 하며, 무료 또는 라이선스가 부여된 클립아트를 사용하는 것이 중요하다.

 

6. 두 번째 축 

차트에서 두 번째 축은 추가적인 정보를 나타내며, 기존 축과 다른 척도나 차원의 데이터를 보여준다.

축을 두개 사용함으로서 서로 다른 단위의 데이터를 동시에 표현하여 상대적 크기나 관계를 비교하고 분석할 수 있도록 해줌으로써 그래프의 가독성과 이해를 향상시킨다.

두 번째 축

 

7. 범례 

그래프나 차트에서 사용된 색상, 패턴, 기호 등을 설명하여 각 항목의 의미를 사용자에게 명확히 전달하는 것으로 데이터를 이해하고 비교하는 데 중요한 역할을 하며, 시각적 조화와 가독성을 유지한다.

범례

8. 질감

질감은 표면의 느낌이나 특성을 시각적으로 나타내며, 나무, 금속, 섬유 등의 표면을 표현할 수 있다. 이러한 질감을 통해 디자인에 감정적 요소를 부여하며, 부드러운 질감은 안정감을, 거친 질감은 강인한 느낌을 준다.

질감

시각화 도구 활용

사무자동화 프로그램을 활용한 시각화

 

차트

엑셀 등에서 일반적으로 사용하는 시각화 기능으로 막대 그래프, 선 그래프, 원 그래프, 히트맵 등 다양한 차트를 생성하여 데이터의 패턴, 비교, 추세 등을 시각적으로 파악한다.

차트 기능

조건부 서식

특정 조건에 따라 셀의 서식을 변경하여 시각적인 효과를 통해 특정 범위의 값을 강조하거나, 데이터 크기에 따라 서식을 변경하여 데이터의 패턴과 예외를 빠르게 식별할 수 있게 한다.

조건부서식

조건부 서식 내부에 데이터 막대, 아이콘 세트, 스파이크라인을 사용하면 상황에 따라 데이터를 더욱 잘 보여줄 수 있다.

데이터 막대, 아이콘 세트, 스파이크라인 예시

 

시각화 도구(BI 소프트웨어)의 특징

시각화도구란 비즈니스 인텔리전스(BI)를 지원하는 소프트웨어로 데이터를 수집, 저장, 분석하며, 분석 결과를 차트나 그래프 등으로 시각화하는 기능을 포함한다.

시각화도구는 다양한 데이터 소스로부터 데이터 추출, 변환, 로드가 가능하여 데이터베이스, 스프레드시트, 클라우드 서비스 등 여러 데이터 소스를 활용하여 데이터를 정제하고 모델링한다.

시각화 도구를 사용하면 동일한 데이터를 다양한 시각화 방법으로 빠르게 적용하여 데이터 탐색이 가능하고, 기술 통계와 시각화 기법을 통해 데이터의 분포, 상관 관계, 이상치 등을 시각적으로 파악할 수 있다.

하지만 대부분 최종 결과만 저장하므로 데이터별 변환 과정이 기록되지 않고, 재현 가능성과 반복 가능성을 위해서는 프로그래밍 방식으로 도표를 생성하는 것이 더 적합한 문제가 있다.

재현 가능성: 다른 사람이나 미래에 동일한 결과를 다시 만들 수 있는 능력.

반복 가능성: 동일한 조건에서 일관된 시각화 결과를 다시 얻을 수 있는 능력.

 

구분 기능 파워BI 태블로
숫자/
집계/
통계함수

절댓값 반환 ABS ABS
나누기 DIVIDE DIV
반올림 ROUND ROUND
모든 값의 평균 반환 AVERAGE AVG
열에서 비어있지 않은 항의 수 반환 COUNT COUNT
최댓값 반환 MAX MAX
최소값 반환 MIN MIN
합계 반환 SUM SUM
중앙값 반환 MEDIAN MEDIAN
샘플집단의 기준으로 모든 값의 통계적 표준편차 반환 STDEV.S STDEV
샘플집단을 기준으로 모든 값의 통계적 분산 반환 VAR.S VAR
문자열
함수

주어진 문자열이 지정한 부분 문자열이 포함되어 있으면 TRUE 반환 CONTAINS CONTAINS
텍스트 문자열의 시작 부분부터 지정된 문자 수 반환 LEFT LEFT
텍스트 문자열의 끝 부분부터 지정된 문자 수 반환 RIGHT RIGHT
지정한 위치에서 지정된 문자 수 반환 MID MID
지정한 문자 수에 따라 텍스트 문자열의 일부를 다른 텍스트 문자열로 전환 SUBSTITUTE REPLACE
텍스트 문자열의 문자 수 반환 LEN LEN
문자열 앞/뒤의 공백 제거 TRIM TRIM
소문자를 모두 대문자로 변환 UPPER UPPER
논리함수

조건을 확인하여 TRUE일 경우 첫째 값, 그렇지 않으면 둘째 값 반환 IF IIF
두 값 중 하나 이상 TRUE인지 확인 OR OR
일련의 테스트하여 TRUE인 경우 THEN 값을 반환 - IF ... THEN ... ELSE ... END
논리 테스트를 수행하여 적합한 값 반환 - CASE ... WHEN ...
THEN ... ELSE ... END
날짜함수

지정된 간격 수만큼 증감량 또는 뒤로 이동한 날짜 열이 포함된 테이블을 반환 DATEDADD DATEADD
두 날짜 사이의 간격 반환(월, 일 등) DATEDIFF DATEDIFF
날짜에 대한 반올림(개월, 일, 주 등) DATETRUNC DATETRUNC
주어진 날짜의 연도 정수로 반환 YEAR YEAR
주어진 날짜의 분기를 정수로 반환 QUARTER QUARTER
주어진 날짜의 월을 정수로 반환 MONTH MONTH
주어진 날짜의 주를 정수로 반환 WEEKNUM WEEK
주어진 날짜의 일자(1~31)를 정수로 반환 DAY DAY
지정된 년, 월, 일로 정성된 날짜 값을 반환 DATE MAKEDATE
현재 로컬 시스템 날짜 반환 TODAY TODAY
테이블
계산함수
테이블 인수의 값에 대한 숫자 목록의 순차 순위 RANKX RANK
지정된 테이블 또는 테이블 내 계산 열 추가 ADDCOLUMNS -
다른 테이블에서 관련 값을 반환 RELATED -

 

시각화도구(BI 소프트웨어)의 주요 기능

대시보드는 데이터의 시각적 표시를 통해 상황을 모니터링하고 이해하는 데 도움을 주는 것으로 여러 시각화 요소를 배치해 데이터를 쉽게 탐색할 수 있는 디자인이다.

대시보드

대시보드에는 막대 그래프, 선 그래프, 원 그래프, 히스토그램 등 다양한 그래프를 통해 데이터를 필터링하여 원하는 범위의 데이터만 표시하거나,  상호작용을 통해 데이터를 탐색한다.

시각화요소 디자인

차트 디자인

수량 시각화

사물의 비교나 양의 많고 적음을 표현하는 것으로 수직막대차트는 범주별 수량 비교에 유용하며, 시간 추이를 표현하고, 수평막대차트는 범주 이름이 길 때 유용하다.

수량 시각화

비율 시각화

전체 중 부분의 비율을 나타내는 시각화로 아래와 같은 예시들이 있다.

분포 시각화

데이터 값의 분포를 파악하는 시각화로 아래와 같은 예시가 있다.

관계 시각화

두 개 이상의 정량적 변수의 관계를 표현하여 상관관계를 시각적으로 이해 가능하게 한다.

대표적인 관계 시각화 차트는 버블차트로 면적을 추가적인 변수로 사용하여 이해를 돕는다.

버블 차트
관계 시각화 유형

공간 시각화

지리공간 데이터를 활용한 시각화방법으로 대표적으로 카토그램이 있는데, 이는 특정 데이터 강조를 위해 지도의 크기를 변형하여 표현한다.

카토그램
공간 시각화 유형

시간 시각화

시간의 추이에 따른 변화를 시각화 한것으로 아래의 그림을 통해 데이터의 주요한 요인들이 어떤것인지 볼 수 있다.

시계열 데이터의 4가지 요인
경사 차트와 영역차트

경사 차트의 경우 시간 추이 중 특별히 두 점 사이의 추리를 비교하여 두 날짜 사이의 정량적 데이터의 변화를 비교한다.

 

불확실성 시각화

데이터의 불확실성을 표현한 것이다.

 

흐름 시각화

여러 대상의 흐름을 표현하여 범주의 계층 간 관계를 표현하는 차트이다.

생키 차트

순위 시각화

순위 변동 상황을 명확하게 이해할 수 있는 차트이다.

범프 차트

누적 시각화

누적효과를 보기위해 사용하는 것으로 최종이익에 기여하는 세그먼트와 그 기여 정도를 쉽게 파악할 수 있다.

폭포수 차트

분류 목적 시각화

군집화 결과를 트리 형태로 표현하여 그룹과 유사성 수준을 확인할 수 있다.

덴드로그램

업무배분 시각화

프로젝트 일정과 진행 상황을 나타낸다.

간트차트

결합형 차트

두 개 이상의 차트를 결합하여 여러 정보를 동시에 표현한다.

결합형 차트

테이블 디자인

테이블

행과 열로 구성된 2차원 구조로 행은 테이블의 가로 방향으로 데이터베이스에서는 레코드 혹은 튜플로 불리고, 열은 테이블의 세로 방향으로 데이터베이스에서는 속성 혹은 필드라고 불린다.

테이블

캘린더차트

날짜 데이터를 활용해 구성하는 테이블 형태로 칸의 색상과 레이블을 통해 데이터를 시각적으로 제공한다.

캘린더 차트