내용으로 건너뛰기
사용자 중심 대시보드: 시각적 디자인 접근 방식

사용자 중심 대시보드: 시각적 디자인 접근 방식

제가 접하는 많은 대시보드는 아름답거나 최소한 미학적으로는 만족스럽지만 효과적인 대시보드일까요?

8min read

제가 접하는 많은 대시보드는 아름답거나 최소한 미학적으로는 만족스럽지만 효과적인 대시보드일까요? 글쎄, 그것은 실제로 사용자가 누구이고 그들의 필요가 무엇인지에 달려 있습니다. 미학은 대시보드 디자인의 중요한 요소이지만 디자이너가 효과적이려면 먼저 대시보드의 목적, 대상 그룹, 대시보드 사용 방법의 세 가지 핵심 사항을 탐색하는 데 시간을 할애해야 합니다. 이 점을 염두에 두고 디자이너가 다음에 대시보드를 만드는 작업을 수행할 때 결정을 내리기 위해 물어볼 수 있는 질문 목록을 만들었습니다.

그 목적은 무엇인가?

대시보드의 목적은 조직의 목표에 영향을 주는 데이터를 추적하는 것입니다. 그러나 목표가 조직과 부서에 따라 다를 뿐만 아니라 목표를 추적하고 달성하는 방법도 다릅니다. 이 점을 염두에 두고 대시보드의 고유한 목적을 목표로 하는 것이 중요합니다. 데이터 시각화 전문가인 Stephen Few는 그의 저서 Information Dashboard Design에서 시각 디자인과 관련하여 이러한 목적 중 일부를 강조했습니다. 그런 다음 이러한 다양한 기능을 탐색하고 지원하기 위해 몇 가지 후속 질문을 만들었습니다.

전략적 목적은 일반적으로 높은 수준의 의사 결정자에게 서비스를 제공하며 정적 데이터를 사용하여 사물 상태에 대한 빠른 개요를 제공합니다. 전략적 목표를 달성하기 위해 설계할 때 해야 할 질문: 표현되는 메트릭을 빠르게 감지하고 이해하기 위해 어떤 시각적 신호를 구현할 수 있습니까? 각 데이터 시각화가 다른 스토리를 전달합니까? 대시보드는 가능한 한 단순하면서도 효과적입니까? 데이터가 아닌 픽셀을 제거할 수 있습니까?

Strategic Dashboard design example

이 대시보드는 상황에 대한 빠르고 간단한 개요가 필요한 사람에게 도움이 될 것입니다. 각 부분은 장기적인 목표에 영향을 미치는 다양하면서도 필수적인 수치를 표현하고 있습니다. 크고 대담한 활자, 밝은 색상, 전체적으로 미니멀한 디자인으로 정보를 빠르게 감지할 수 있습니다.

분석 목적에는 더 많은 정보 컨텍스트가 필요하고, 풍부한 비교를 제공하며, 정적 데이터를 통해 더 광범위한 기록을 제공해야 합니다. 이러한 목표를 염두에 두고 복잡한 메트릭을 가장 효과적이고 철저하게 표현하기 위해 어떤 데이터 시각화를 사용해야 하는지 질문하는 것이 도움이 될 것입니다. 데이터와의 탐색 및 상호 작용이 장려 또는 지원되고 있습니까? 데이터 간의 패턴과 연결을 쉽게 인식할 수 있습니까? 시각 디자인은 어떻게 예리한 초점을 만들 수 있습니까?

분석 대시보드 디자인 예시

이 예는 회사 현금 흐름에 대한 심층적인 탐색을 지원합니다.광범위한 역사를 예상 및 현재 수치와 비교합니다. '유입'과 '유출'의 출처를 인용함으로써 이러한 수치는 더 자세히 설명되고 더 넓은 정보 맥락을 제공합니다. 데이터 시각화는 명확하면서도 효과적이며, 단일 차트 내에서 여러 질문에 대한 답변이 제공됩니다. 색상은 메트릭 간의 관계를 만드는 데 사용되며 명확한 정보 계층이 있습니다. 토글 버튼 및 스크롤 막대와 같은 UI 요소는 상호 작용 및 탐색을 지원합니다.

운영 목적은 본질적으로 동적입니다. 지속적으로 변화하는 데이터를 처리하므로 즉각적인 조치가 필요한 문제나 기회를 감지하기 위해 자주 모니터링해야 합니다. 운영 대시보드는 단순해야 하지만 필요할 때 중요한 세부 정보를 제공해야 합니다. 이러한 목적으로 설계할 때 고려해야 할 질문은 다음과 같습니다. 경고가 유익하고 명확한가? 설계가 문제 해결을 지원합니까? 대시보드를 사용하는 데 스트레스가 많습니까?

운영 대시보드 설계 예제

이 예제에서는 라이브 데이터를 표시합니다(꺾은선형 차트와 게이지가 지속적으로 애니메이션화된다고 상상해 보십시오). 밝은 테마의 대시보드에 대한 좋은 이유가 있지만 이 어두운 인터페이스 디자인은 효율적인 사용성을 위한 기회도 제공합니다. 어두운 인터페이스는 데이터 시각화 및 경고가 팝업될 수 있도록 배경으로 페이드 아웃됩니다. 또한 화면을 더 쉽게 볼 수 있도록 하며, 이는 종종 운영 대시보드의 경우와 같이 장기간 필요한 모니터링에 필수적입니다. 어두운 색상도 진정 효과가 있어 이성적인 의사 결정이 중요한 비상 사태 발생 시 도움이 됩니다.

대시보드는 단일 목표 이상을 표현해야 할 수도 있지만, 이러한 기능 분석은 대시보드가 사용자에게 어떤 서비스를 제공할 수 있는지, 시각적 디자인이 사용자 목표를 달성하는 데 어떤 역할을 하는지 이해하는 데 도움이 된다는 것을 알게 되었습니다.

내 시청자는 누구인가요?

본질적으로 대시보드는 조직의 경영진 및 관리 수준에 서비스를 제공합니다. 그럼에도 불구하고 이 사용자 기반의 개인은 다양할 것입니다. 당신이 누구를 위해 디자인하고 있는지 더 잘 이해하기 위해, 나는 그들의 경험과 능력을 인정하는 것이 좋다.

  • 사용자의 기술 지식 고려: 사용자가 특정 디지털 플랫폼 또는 장치에 대해 얼마나 유능한가? 특정 UI 요소 또는 제스처 상호 작용이 일반적입니까, 아니면 알려지지 않았습니까?
  • 그들의 분석 능력 이해: 제시된 정보를 기반으로 문제나 기회를 인식할 수 있습니까?  나중에 무엇을 해야 하는지 알 수 있습니까, 아니면 다음 단계로 안내해야 합니까? 시각 디자인은 어떻게 그들의 능력을 향상시킬 수 있습니까?
  • 제공되는 정보에 대한 사용자의 사전 친숙도 파악: 사용자가 이미 알고 있는 것은 무엇입니까? 정보를 설명해야 합니까?

대시보드 사용 내역 확인: 조직에 레거시 제품이 있습니까? 대시보드에 대한 과거 경험에서 어떤 점이 좋았고 마음에 들지 않았나요?

Marketing campaign dashboard

이 대시보드의 사용자는 인터넷 마케팅 캠페인에 대한 광범위한 역사를 가지고 있을 뿐만 아니라 이러한 다양한 데이터 시각화를 연결하는 데 필요한 분석 기능을 보유하고 있는 사람입니다. 정보 그룹화, 색상을 통한 연결 및 차트에 대한 시각적 설명은 추세를 감지하는 사용자의 능력을 향상시킵니다.

청중의 배경과 특성을 탐색하면 사용자 그룹이 어떤 것인지 이해하는 데 도움이 됩니다. 목표, 가치, 태도, 사용 추세 및 조직의 책임은 식별해야 할 중요한 속성 중 일부에 불과합니다. 이러한 점을 고려하면 보다 사려 깊고 객관적인 시각 디자인 아이디어가 구체화되기 시작할 것입니다.

대시보드는 어떻게 사용되나요?

대시보드는 다양한 방법으로 사용할 수 있으므로 사용자의 작업 흐름을 염두에 두고 디자인하면 디자인 의사 결정 프로세스에 구조가 추가됩니다.

  • 사용자의 환경을 고려합니다: 대시보드를 자신의 사무실에서 사용할 것인가, 아니면 현장에서 사용할 것인가? 사용자가 실내에 있습니까, 실외에 있습니까, 아니면 둘 다에 있습니까?
  • 사용자가 일반적으로 대시보드를 보는 방식 파악: 대형 프레젠테이션 화면, 모바일 장치 또는 종이 한 장에 표시됩니까?
  • 사용자가 데이터를 검토해야 하는 시간 이해: 각 메트릭을 천천히 꼼꼼하게 검토할 것인가, 아니면 대시보드에서 주요 숫자를 빠르고 신중하게 스캔해야 할 것인가?
  • 공동 작업 고려: 대시보드에서 정보를 공유하거나 내보낼 수 있는 사용자에게 도움이 되나요? 인쇄하려면 대시보드의 서식을 지정해야 하나요?
  • 대시보드의 연결성은 청중에게도 도움이 될 수 있습니다: 청중이 목표를 달성하기 위해 인터넷 연결이 필요합니까? 라이브 데이터 소스가 필요한가요?
Multiple workflow dashboard design

이 글로벌 판매 보고 제품의 사용자는 활성 워크플로우를 가지고 있지만 위치에 관계없이 이 대시보드에 액세스해야 합니다. 이 디자인은 사용자의 여러 환경을 고려하고 해당 데스크톱 및 모바일 버전을 만들어 제한된 접근성의 상속 문제를 해결합니다. 데스크톱 디자인은 데이터 시각화를 단일 화면에 표시하지만 모바일 버전은 시각화를 분리하여 더 작은 장치에서도 여전히 효과적일 수 있습니다.

사용자가 대시보드를 어떻게 작동하려고 하는지 생각함으로써 디자이너는 어떤 것이 더 건설적인 예술적 원칙/요소인지, 그리고 디자인 내에서 어떻게 구현되어야 하는지 인식하기 시작할 수 있습니다.

위의 분류는 서로 분리되어 있지 않으므로 특별한 순서나 중요도 순위 없이 나란히 살펴봐야 합니다. 사실, 나는 이러한 범주화된 점들 중 많은 것들이 동시에 서로 영향을 미친다는 것을 발견했다. 경우에 따라 다양한 사용자 기반을 위해 디자인할 수 있으므로 위의 질문에 대한 대조적인 대답을 할 수 있습니다. 이 경우 모두에게 가치를 제공할 수 있는 방식으로 필요하다고 간주되는 요소의 우선 순위를 지정할 것을 제안합니다.

대시보드는 종종 조직의 성공에 필수적인 밀집된 정보와 시각화를 표현하기 때문에; 대시보드에 구현된 좋은 시각적 디자인은 명확하고 실용적이어야 하며 적절한 감정적 반응을 이끌어내야 합니다. 이를 달성하기 위한 수많은 방법과 관행이 있다고 확신하지만 대시보드의 목적, 대시보드를 사용하는 사람, 사용 방법을 먼저 설정하지 않고는 그 중 어느 것도 진정으로 효과적이지 않을 것입니다.

데모 요청