데이터 시각화 : 일반적인 시각 패턴 - 인형

시각화를 시작할 때 차트, 그래프 및 기타 주요 데이터의 배치에 관심을 가질 수 있습니다. 데이터 시각화에 익숙하지 않으므로 작동하는 것과 그렇지 않은 것에 대해 누적 된 지식이 없다고 느낄 수 있습니다. 다음과 같은 몇 가지 이유가있을 수 있습니다.

• 차트에 각 요소를 배치했는지 확신 할 수 없습니다.

• 귀하의 사용자가 누구입니까?

• 메뉴 항목을 어디에 넣을 지 모릅니다. 다행히도인지 과학자들은 사람들이 특정 패턴으로 텍스트와 이미지를 읽는다고 결정했습니다. 시각화에서 정보를 구성 할 때 이러한 표준 패턴을 사용하면 사용자가 정보를 빠르고 쉽게 스캔 할 수 있습니다.

두 가지 가장 일반적인 시각 패턴은 다음과 같습니다.

Z 패턴:

Z 패턴은 텍스트 및 시각적 레이아웃에 자주 사용됩니다. 예상대로, 사람의 눈이 Z 패턴을 따를 때, 그의 눈은 왼쪽에서 오른쪽으로, 왼쪽에서 오른쪽으로, 그리고 아래쪽에서 페이지를 가로 지르며 추적됩니다. 아래 그림은 독자의 눈이 한 페이지의 정보를 가로 지르는 순서대로 번호가 매겨진 Z의 점을 나타냅니다.

• 이 패턴은 시각화에서 콘텐츠의 레이아웃에 어떤 영향을 줍니까? 독자는 Z 경로를 따라 콘텐츠를 검색하므로 핵심 콘텐츠와 함께 Z 상단에 제목을 배치해야합니다. 가운데와 아래쪽에 더 많은 시각적 컨텐츠를 배치하십시오.
  F 패턴:

  

  인지 과학자들은 웹 페이지를 볼 때 인간의 눈이 어디로가는 지 결정하기 위해 열지도를 만들었습니다. 다음 그림에서와 같이 히트 맵은 독자가 페이지를 스캔 한 곳을 나타내는 색 농도로 구성됩니다. 가장 강렬한 색상 (빨간색과 노란색)은 독자의 눈이 가장 오래 머문 곳을 보여줍니다. 독자들은 파란색 영역을 보는 데 더 적은 시간을 보냈습니다. 보시다시피 빨간색과 노란색 영역은 F

• F 패턴과 비슷합니다. 처음 두 가지 레이아웃 패턴을 고수하면 데이터를 디자인 할 때 지나치게 멀리 갈 수 없습니다.

  

  패턴 디자인

시각적 패턴 지식을 사용하여 잘 디자인 된 시각화를 만드는 데 필요한 몇 가지 지침은 다음과 같습니다.

잔액:

시각화에 항목을 배치 할 때 균형을 유지해야합니다. 너무 많은 항목이 함께 모여 있으면 사람들이 해당 항목이 어떻게 관련되어 있는지보기가 어렵습니다.

• Color: 빨간색과 같은 색상을 무작위로 사용하면 오도 할 수있어 경보가 발생하지 않아도 시청자가 경고를 볼 수 있습니다.

• Hierarchy: 텍스트 개요와 관련된 계층 구조의 사용에 익숙합니다. 외곽선의 최상위 레벨은 로마 숫자를 가질 수 있고, 다음 레벨은 대문자를 가질 수 있으며, 그 다음 세 번째 레벨은 숫자를 가질 수 있습니다. 시각화에서는 계층 구조의 위 또는 아래에있는 항목의 크기 또는 위치를 기준으로 말할 수 있습니다. 서면 개요 에서처럼 번호 매기기를 사용할 필요가 없습니다.

• 반복: 반복을 사용하면 사람들이 디자인의 항목에 익숙해 질 수 있습니다. 전체적으로 동일한 요소를 사용하는 경우 사람들은 통합 된 전체를보고 이전에 이러한 요소를 보았 기 때문에 특정 요소의 의미를 추측 할 필요가 없습니다.

• 공백: 공백의 사용은 수십 년 동안 옹호되어 왔습니다. 공백은 컨텐츠가 "호흡"할 수있게합니다. 즉, 이미지는 시각화에서 오브젝트 주위에 충분한 공간을 확보합니다. 너무 많은 혼란은 사람들이 이미지를 한눈에 파악하는 것을 어렵게 만듭니다.