9장 복잡한 데이터 보여주기 - 사용자를 끌어들이는 UX/UI의 비밀

2022 우아한스터디 - UX 패턴파인더 스터디

 

인포그래픽 Infographic

인포그래픽은 지식전달 목적으로 '시각적으로 제시된 데이터'를 뜻한다. 지도, 표, 트리, 타임라인, 플로우 차트 등 다양한 종류의 다이어그램을 포함하는 개념이다.

잘 디자인된 인포그래픽은 다음의 질문에 대해 답을 줄 수 있어야 한다.

• 데이터가 어떻게 구성되어 있는가?
• 각 데이터는 서로 어떻게 연관되어 있는가?
• 데이터를 어떻게 둘러볼 수 있는가?
• 데이터를 정렬하는 방법은 무엇인가?
• 필요한 데이터만 필터해서 보는 방법은 무엇인가?
• 지금 찾고 있는 특정 데이터의 값은 무엇인가?

 

프리어텐티브 특성 Preattentive Attributes

'사전주의적 특성' 또는 '전주의적 특성'이라고도 번역되는 '프리어텐티브 특성'은 의식적인 노력없이도 바로 알아차릴 수 있게 하는 시각적 특성을 의미한다.

'프리어텐티브 특성'이 처리되는 과정은 해당 시각 자극에 노출되고 200ms 안에 발생한다. 뇌에서 특별한 처리 없이 시각 자극으로 정보를 처리할 수 있기 때문에 정보를 시각화하는데 활용하기 좋다.

• 형태 (방향, 선 길이, 선 두께, 크기, 모양, 곡률, 둘러쌈, 마킹, 질감)
• 컬러 (색상, 채도, 밝기)
• 위치와 정렬
• 움직임 등

이미지 출처: https://help.tableau.com/current/blueprint/ko-kr/bp_why_visual_analytics.htm

 

인포그래픽에서 이렇게 '프리어텐티브 특성'을 활용해서 데이터 유형이나 차원을 구별하는 것을 '인코딩'한다고 표현하기도 한다.

 

참고: https://datasavvy.me/2017/11/30/design-concepts-for-better-power-bi-reports-part-2-preattentive-attributes/

 

 

 

내용출처: 사용자를 끌어들이는 UX/UI의 비밀(제니퍼 티드웰, 찰스 브루어, 아인 발렌시아 저)