데일리 미션/Article

Article : 데이터 시각화 101 - ②직관적인 데이터 시각화 만들기

pipiiiiii 2023. 12. 12. 20:20

https://yozm.wishket.com/magazine/detail/1792/

 

데이터 시각화 101: ②직관적인 데이터 시각화 만들기 | 요즘IT

데이터를 시각화하여 전달하면 우리의 뇌는 빠른 속도로 많은 양의 정보를 처리할 수 있고, 데이터 테이블에 비해 트렌드나 패턴, 아웃라이어 등을 쉽게 파악할 수 있습니다. 때문에 데이터를

yozm.wishket.com

 

<아티클 내용 요약>

시각 정보를 처리하는 과정

- 시각화를 연구하는 콜린 웨어 박사는 우리의 뇌가 시각 정보를 처리하는 과정을 세 단계로 나누어 설명했다.

  1. 뚜렷한 시각 요소 파악하기
    1단계에서는 시각 정보가 눈의 신경 세포에 입력되어 뇌로 전달된다. 각각의 신경 세포들이 기본적인 시각 요소들을 빠른 속도로 추출하고 그중 뚜렷한 시각 요소들이 감각 기억에 저장된다.
  2. 패턴 알아차리기
    2단계에서는 앞서 추출한 시각 요소들의 공통점과 차이점을 발견합니다. 
  3. 해석하기
    3단계에서는 전 단계에서 추출된 시각 요소 및 패턴을 이용하여, 뇌에서 능동적으로 의미를 부여하고 해석합니다. 

이와 같이 데이터 시각화가 해석되는 3단계는 그전 단계에서 추출된 시각적 요소에 큰 영향을 받는다. 우리는 1, 2단계에서 추출되는 시각 정보들을 의도적으로 디자인하여, 해석 단계에 도움을 줌으로써 직관적인 데이터 시각화를 만들 수 있다. 

 

전주의적 속성 이해하기

- 우리의 뇌는 사물을 보자마자, 눈의 신경 세포들을 통해 빠른 속도로 시각 요소들을 추출한다. 이때 무엇을 보자마자 주의를 기울이지 않아도 알아차리는 시각 요소들을 ' 전주의적 속성 '이라고 한다. 

직관적인 데이터 시각화는 이러한 전주의적 속성들을 디자인에서 의도적으로 사용하는 것이다. 

  • 지진 데이터
    지진 데이터 시각화는 두 개의 큰 지진이 16,000개 이상의 다른 지진을 촉진시켰다는 정보를 전달했다. 따라서 큰 두 개의 지진을 강조하기 위해 전체 지진들을 날짜별, 크기별로 배열하고 지진의 크기에 따라 원의 크기 및 색을 디자인했다. 전주의적 속성을 사용함으로써 두 개의 큰 지진이 다른 지진들을 촉진시켰다는 정보를 인식할 수 있다.   

  • 백신의 효과
    작은 사각형들로 미국의 주 그리고 연도에 따라 배열하고 확진자 수가 많으면 붉은색으로, 적으면 옅은 푸른색으로 나타낸 후 백신이 소개된 시점을 굵은 선으로 디자인해서 강조해 백신이 소개된 이후로 확진자 수가 급감한 것을 확인할 수 있다.  

 - 이와 같이 전주의적 속성을 이해하면 중요한 정보들이 보자마자 눈에 띄도록 디자인할 수 있지만, 한 번에 많은 속성을 사용하면 어떤 정보가 중요한지 알 수 없다. 그렇기 때문에 전주의적 속성을 사용할 때는 너무 많이 사용하지 않고 실제로 의도한 시각정보가 눈에 띄는지 유저 테스팅을 통해 확인하는 것이 중요하다.

 

게슈탈트 원리를 바탕으로 한 디자인

- 추출된 시각 요소들에서 패턴을 찾을 때 우리의 뇌가 사물을 형태를 지각하는 원리를 정리한 게슈탈트 원리를 적용할 수 있다. 게슈탈트 원리에 따르면 우리의 뇌는 사물을 구성 요소로 분해하는 것보다 큰 전체를 이해하는 데 탁월하다. 또한 특정 규칙이 적용될 때, 요소들을 연관된 하나의 그룹으로 인식하는 경향이 있다. 이 과정을 통해 복잡한 시각 정보를 좀 더 이해하기 쉬운 형태로 정리해 패턴을 인식하는 것이다. 

  • 가까이 위치하기
    근접성의 원리는 서로 가까이 있는 요소들은 서로 멀리 떨어져 있는 요소들에 비해 더 연관되어 보인다는 것이다. 
  • 비슷한 특징 가지기
    유사성의 원리는 비슷한 특징을 가지고 있는 요소들은 그렇지 않은 요소들에 비해 더 연관되어 보인다는 것이다.  
  • 같은 방향으로 움직이기 
    공동 운명의 원리는 같은 방향으로 움직이는 요소들은 움직이지 않거나, 서로 다른 방향으로 움직이는 요소들에 비해 더 연관되어 보인다는 것이다. 
  • 연결하기 
    균일한 연결의 원리는 시각적으로 연결된 요소들은 연결되지 않은 요소들에 비해 더 연관성 있는 것처럼 인지된다는 것이다. 

 

시각 정보 처리 과정을 이해하기

- 직관적인 데이터 시각화를 디자인하기 위해서는 우리의 뇌가 시각 정보를 처리하는 과정을 이해해야 한다. 그로 인해 데이터 시각화를 만들 때 시각 정보를 의도적으로 디자인하여, 해석 단계에 도움을 줌으로써 직관적인 데이터 시각화를 만들 수 있다. 

 

 

<알게 된 개념>

- 시각화를 위해 사용하는 다양한 원리를 알 수 있었다. 

- 데이터 시각화를 할 때 다양한 표현 방법으로 나타낼 수 있음을 알 수 있었다.