[아티클] 대시보드 디자인의 10가지 규칙

아티클 요약본

 

대시보드를 사용하는 목적

 

 

복잡하고 추상적인 데이터를

사용자들이 이해하기 좋은 형태로

시각화하여 간단하게 나타내는 등

 

사용자들에게 정보를 효과적으로 제공하여

시간을 절약해줍니다.

 

 

잘 디자인된 대시보드는

 

한 번 보고 5초 안에 이해할 수 있을 만큼 명확하고,

전달하고자 하는 바가 무엇인지 바로 알 수 있고,

레이아웃이나 구성, 컨텐츠가 일관성있습니다.

 

 

그렇다면

대시보드 디자인을 잘 하려면

어떻게 해야 할까요?

 

먼저 누가 이 대시보드를 보고,

어떤 정보를 전달해야하는지 알아야합니다.

 

사용자의 배경지식 수준을 파악하고

사용자들의 배경지식 수준이 다양한 만큼

사용자를 세분화하여

기본/고급 콘텐츠를 제공합니다.

 

그들이 알고 싶어하는 정보를 알고,

그에 따라 적절한 지표를 선택합니다.

 

 

이제 대시보드 디자인의 10가지 규칙에 대해서

알아보겠습니다!

 

 

대시보드 디자인의 10가지 규칙

 

 

1. 정보의 중요도에 따라 위젯 크기와 위치 조절

 

어떤 정보가 더 중요한지 정의하고

더 중요한 정보일수록 상단 왼쪽에 배치합니다.

 

핵심 지표와 요약된 수치 정보의 경우

대시보드를 읽기 시작한 동시에 볼 수 있도록

맨 처음에 배치하는 게 좋습니다.

 

좋은 예시

 

2. 너무 어려운 정보를 제공하지 않기

 

불필요한 내용은 제거하고

적은 수의 컬럼만 사용하여

심플하게 표현해야 합니다.

 

 

3, 4. 일관성 있는 레이아웃 사용하기

 

일관성 있는 레이아웃을 사용하면

사용자가 읽기에 편합니다.

 

또한 관련이 있는 내용을 가까이 배치하여

시각적으로 그룹화하면

내용을 이해하기 쉽습니다.

 

좋은 예시

 

5. 정렬하기

 

위젯이 정렬되면

시각적으로 잘 균형잡혀 보입니다.

 

Grid View를 사용하면

위젯을 정렬하기 수월합니다.

 

안 좋은 예시

 

6. 적절한 공백을 사용하기

 

공백은 보는 사람에게 잠시 숨 고를 시간을 줍니다.

적은 공백은 사람들이 대시보드를 그만보고 싶게 한다고 합니다.

 

안 좋은 예시

 

7. 효과적인 색상을 사용하기

 

색상만 잘 사용해도 사용자들의 주의를 끌어

전달하고자 하는 내용을 쉽게 잘 전달할 수 있습니다.

 

가장 보여주고 싶은 정보를

배경의 색과 가장 상반된 색으로 표현하는 게

효과적이라고 합니다.

 

8. 적당한 글자 크기와 폰트를 사용

 

글씨체의 경우 표준 글씨체를 사용하는 것이 좋다고 합니다.

스타일리시한 글씨체는 시각적으로 강렬하지만

이해하는데 시간이 걸린다고 합니다.

 

또한 단어 전체를 대문자로 쓰지 않는 것을 권합니다.

Big Data를 BIG DATA로 쓰지 않도록 합시다.

 

안 좋은 예시

 

9. 숫자 형식

 

필요 이상의 정밀도

즉, 모든 소수점을 보여주는 것은

보는 사람으로 하여금 이해하기 어렵게 합니다.

 

3.14678처럼 모든 소수점을 보여주는 것보다는

소수 셋째자리에서 반올림하여 3.15로 표현하거나

 

절삭하여 3.14로 나타내는 것을 권합니다.

 

좋은 예시

 

10. 라벨 사용하기

 

라벨을 사용할 때는

기울어진 라벨을 사용하지 않는 게 좋습니다.

사용자가 읽기 힘들기 때문입니다.

 

라벨이 길다면 그래프의 가로 길이를 늘이거나

표준 약어를 사용하면 됩니다.

 

 

 

https://medium.muz.li/10-rules-of-dashboard-design-f1a4123028a2

10 Rules of Dashboard Design

 

 

위 아티클 내용을 바탕으로 작성하였습니다.