visuality + usability

Visuality + Usability

정보 시각화의 정의

정보 시각화의 정의

사용자에게 더 효율적으로 정보를 전달하기 위하여 그래픽 요소를 활용하여 데이터가 정보로서 의미가 생성되도록 형상화하는 것

시각화의 효과

시각화의 효과

• 인간의 시각 시스템에 저장된 자료들을 그대로 사용함으로써 정보를 직관적으로 이해할 수 있게 한다.

시각화의 효과

• 많은 데이터를 동시에 차별적으로 보여 줄 수 있다.

시각화의 효과

시각화의 효과

• 다른 방식으로는 어려운 지각적 추론perceptual inference을 가능하게 한다.

시각화의 효과

시각화의 효과

• 시각화된 정보는 정보에 감성을 부여하여 보는 이의 흥미를 유발한다.

시각화의 효과

시각화의 효과

• 문자보다 친근하게 정보를 전달한다.

일반적으로 사람들은 그림이 문자보다 쉽다고 생각한다.

시각화의 효과

시각화의 효과

• 시각화를 통해 정보를 입체적으로 만들 수 있다.

필요에 따라 정보를 거시적 혹은 미시적으로 표현할 수 있으며 정보에 위계를 부여할 수도 있다.

시각화의 효과

시각화의 유의점


• 정보를 재가공하게 되므로, 이를 해석하려면 지적 능력이 요구되기도 한다.

이는 미술 작품의 감상이 그림에 대한 사전 정보나 지식에의해 크게 좌우되는 것과 유사하다.


• 시각화 과정에서 정보가 왜곡될 수 있다.

이런 문제를 방지하려면 정보 시각화에 앞서 정보의 심도 있는 이해가 필요하다.


• 지나치게 시각화된 정보는 오히려 효율을 떨어뜨릴 수 있다.

시각적 요소들이 불필요하게 많거나 서로 충돌하면 정보 읽기를 방해한다.

정보 시각화 프로세스

1. 조직화된 데이터 organized data

2. 시각적 매핑 visual mapping

3. 시각적 형태 visual form

4. 전달 방식 representation

Visual Mapping

Visual Mapping

• 인간이 사물이나 현상에 대해 사고하는 방식을 “심성 모형”

• 조직화된 데이터를 사용자의 심성 모형에 일치된 시각적 형태로 자리잡게 하는것

Visual Mapping

Mapping:데이터를 인간의 인지 구조와 프로세스에 적합한 형태로 재배치

봄 ㅡ 여름 ㅡ 가을 ㅡ 겨울

선형적 모형

봄

여름

가을

겨울

순환적 모형

게슈탈트 이론

게슈탈트 이론

• 일상생활에서 사물을 지각한다는 사실은 개개의 사물이 갖는 속성으로서가 아니라 이러한 속성이 합쳐진 전체로서의 사물을 인지한다.

게슈탈트 이론

• 근접성• 유사성• 연속성• 폐쇄성

근접성

유사성

연속성

폐쇄성

Visual Form

Visual Form

• 매핑으로 만들어진 시각적 구조에 사용자가 이해하기 쉽도록 그래픽 요소를 사용하여 정보가 구체적으로 표현된 것

• 그래픽 요소는 장식이 아니라 시각적 구조의 이해를 도우면서 정보의 목적과 특성을 효과적으로 표현할 수 있어야한다.

Visual Form

그래픽 요소

그래픽 요소

• 정보의 내용을 시각적 형식으로 전환하여 사용자의 감각을 자극

이 때 지각 시스템을 작동시켜 정보가 쉽게 이해되도록 시각적 안내 역할

Jacques Bertin7가지 그래픽 요소 지적

그래픽 요소

texture

position

orientation

타이포그래피

• 그래픽이 주목성을 높이고 정보의 문맥을 이해하는 데 도움을 주지만,

• 정확하고 구체적인 정보는 문자가 제공한다.

디자인은 정보를 전달하는 매개이다. 그것 자체가 너무 두드러지게 보여서는 안 된다.사람들이 보고 싶어 하는 것은 정보의 내용이지 멋 부린 디자인이 아니다.

Trevor Bounford

Technology