임베디드 분석으로 고임팩트 대시보드 만들기

뛰어난 임베디드 분석 솔루션은 데이터 기반 의사 결정을 강화하고 강력한 고임팩트 대시보드로 더 나은 성과를 이끌 수 있습니다.

안타깝게도 너무 자주 귀중한 비즈니스 데이터가 잘못된 표현에 가려집니다. 혼란스럽고 오해를 불러일으키는 정보로 가득 찬 과밀한 대시보드는 사용자가 실행 가능한 인사이트를 추출하지 못하게 합니다.

대시보드와 분석은 사용자가 이해할 수 있을 때만 유용합니다.

바로 이 지점에서 임베디드 분석 도구가 유용합니다. 이 도구는 훌륭한 시각적 UI 요소와 UX로 데이터를 이야기로 전환할 수 있게 해줍니다.

이 글에서는 최대의 수익성을 위해 최종 사용자의 의사 결정 과정을 개선하는 고임팩트 UI/UX 대시보드를 임베디드 분석으로 만드는 핵심 원칙을 공유하겠습니다.

UI/UX의 차이점은 무엇인가?

간단히 말해, UI(사용자 인터페이스)는 사용자가 제품이나 서비스와 직접 상호작용할 수 있게 하는 일련의 페이지, 화면, 시각적 요소입니다. 반면에 UX(사용자 경험)는 사용자가 회사 제품이나 서비스의 모든 측면과 상호작용할 때의 전체적인 경험입니다.

UI는 메뉴, 버튼, 양식, 아이콘, 이미지, 타이포그래피, 검색 필드 등 사용자가 제품이나 서비스를 사용할 때 접근하고 상호작용하는 모든 것입니다.

UX는 제품이나 서비스와 상호작용하는 최종 사용자를 위해 매끄러운 사용자 경험을 형성하도록 하나로 통합되는 모든 사소한 세부 사항과 많은 사용자 인터페이스를 포괄합니다. 이러한 세부 사항에는 사용성, 기능, 탐색의 용이성 등이 포함됩니다.

UI와 UX 사이의 미묘한 차이에도 불구하고 두 요소 모두 제품 개발에서 매우 중요하며, 하나가 다른 하나에 영향을 미치면서 제품이 어떻게 보이고 작동할지 결정하기 위해 긴밀하게 함께 작동합니다. UX 없이는 UI가 없고 그 반대도 마찬가지입니다.

가장 아름다운 웹사이트를 만들었지만 사람들이 탐색하기 어렵고 찾고자 하는 것을 찾을 수 없다는 것을 미처 깨닫지 못했다고 상상해 보세요. UI가 아무리 아름다워도 좋은 UX가 없으면 사용자는 좌절하고 웹사이트를 떠나 다시는 돌아오지 않을 것입니다.

대시보드 UI란 무엇인가?

대시보드는 사용자의 의사 결정 과정에 영향을 미치는 강력한 도구입니다. 대시보드는 사용자가 가장 중요한 KPI와 지표에 대한 한눈에 보는 정보를 얻고 관련성 있고 실행 가능한 데이터를 표시하도록 돕습니다. 고임팩트 대시보드는 가능하며 대시보드 UI 디자인을 통해 만들 수 있습니다.

현대적인 UI 대시보드를 설계하면 사용자에게 필요한 데이터를 훑어보고 이해하기 쉬운 형식으로 제공할 수 있습니다. 훌륭한 대시보드 UI의 다른 주요 이점은 다음과 같습니다.

• 데이터 인사이트를 빠르게 전달합니다
• 데이터를 명확하고 효율적으로 표시합니다
• 시간에 따른 데이터의 추세와 변화를 표시합니다
• 모든 필수 정보에 즉시 접근할 수 있습니다
• 모든 필수 정보가 하나의 화면에 표시됩니다
• 더 많은 정보를 위해 데이터를 세부적으로 파고들 기회를 제공합니다
• 차트, 표, 기타 시각적 요소가 축소된 뷰로 표시되며 모달 창에서 더 많은 세부 정보를 불러올 수 있습니다
• 사용자가 레이블, 카테고리, KPI를 사용하여 데이터를 필터링하고 사용자 지정할 수 있게 합니다
• 사용자가 주의가 필요한 애플리케이션의 다른 영역으로 쉽게 이동할 수 있게 합니다

훌륭한 UI/UX 대시보드 디자인의 지침 원칙

고임팩트 대시보드 UI를 설계하는 것은 벅찬 일일 수 있습니다. 특히 어디서부터 시작해야 할지 모른다면 더욱 그렇습니다. 하지만 아래에 소개하는 대시보드 디자인 모범 사례를 따르면 그 목표를 달성할 수 있습니다. 대시보드를 위한 현대적인 UI를 설계하려면 다음 12가지 UI/UX 원칙을 따르세요.

Reveal의 실제 작동 보기

1. 대시보드의 목적을 정의하라

대시보드에는 수행해야 할 특정한 목적이 있으며, 처음부터 그것을 잘못 설정하면 다른 모든 대시보드 디자인 모범 사례를 따르더라도 결과는 의미가 없을 것입니다.

선택할 수 있는 4가지 대시보드 카테고리가 있습니다.

• 운영형 – 비즈니스 인텔리전스 목적을 위한 운영형 대시보드의 목표는 더 즉각적이거나 짧은 시간 척도에서 운영을 모니터링, 측정, 관리하는 것입니다.
• 전략형 – 추세를 기반으로 가장 필수적인 정보를 분석하기 위해 장기적인 비즈니스 전략에 사용됩니다.
• 전술형 – 관리 계층에서 성장을 위한 전략을 수립하는 데 도움을 주기 위해 사용됩니다.
• 분석형 – 분석가 및 기타 비즈니스 사용자에게 방대한 종합 데이터를 표시하여 비즈니스 성장에 도움이 되는 인사이트를 만들도록 돕기 위한 것입니다.

2. 사용자를 이해하라

대시보드는 데이터 이야기를 전달합니다. 커뮤니케이션의 황금률은 청중을 아는 것입니다. 고임팩트 대시보드 디자인의 원칙을 따르려면 목표 청중, 즉 그 대시보드에서 제시하는 정보를 읽을 사람들을 식별해야 합니다.

기술 사용자에게는 비즈니스 사용자에게 하는 것과 다르게 대시보드 데이터를 전달할 것이며, 고객에게 세일즈 프레젠테이션을 하거나 회사 경영진에게 발표할 때도 다르게 전달할 것입니다.

3. 올바른 차트 유형을 선택하라

효과적인 대시보드 UI의 가장 큰 과제 중 하나는 이미 식별한 청중에게 데이터를 시각화할 올바른 차트 유형을 고르는 것입니다. 선택할 수 있는 차트 유형은 무수히 많으며, 각각은 메시지나 데이터 이야기를 가장 잘 전달하는 데 도움이 되는 고유한 특성을 가지고 있습니다.

데이터가 여러 차트와 함께 작동할 수 있더라도, 청중에게 데이터를 명확하고 간결하게 만드는 차트 유형을 선택하는 것은 대시보드 UI 디자이너인 여러분에게 달려 있습니다.

차트 유형을 선택할 때는 다음 핵심 질문을 생각하세요.

• 차트로 전달하고자 하는 핵심 요점은 무엇인가?
• 변수를 비교하고 싶은가?
• 데이터의 분포를 이해할 필요가 있는가?
• 분석해야 할 가능한 추세가 있는가?

전달하고자 하는 요점을 선택하고 그에 최적화된 차트 유형을 선택하세요.

4. 필수 데이터를 표시하라

이것이 당연하게 들릴 수 있지만 그렇지 않습니다. 우리는 산만하고 불필요한 데이터와 요소로 가득 찬 대시보드의 사례를 너무 많이 보아 왔지 않습니까?

여기서의 과제는 대시보드에 표시할 수 있는 데이터와 표시해야 하는 데이터 사이의 균형을 찾는 것입니다. 가능한 모든 차트와 필터를 대시보드에 추가하고 싶은 유혹이 있을 수 있다는 것을 알지만, 그것이 대시보드를 효과적이고 고임팩트하게 만들까요? 아니요!

제품의 다른 영역에서 데이터를 더 깊이 파고들 수 있는 접근 권한을 제공하여 사용자가 더 많은 정보를 쉽게 찾을 수 있게 하세요.

5. 단순함을 지향하라

이전 요점의 논리를 바탕으로, 대시보드는 사용자를 압도하지 않으면서 필수 데이터를 표시해야 할 뿐만 아니라 단순함을 추구해야 합니다.

대시보드 UI/UX 디자인을 직관적으로 만드세요. 예를 들어, 사용자가 찾을 것으로 예상하는 화면 왼쪽에 사이드바를 배치하세요.

또한, 곧 다루겠지만 색상, 그래픽, 효과 등을 과도하게 사용하지 마세요. 대시보드는 인상적이거나 놀라울 필요가 없습니다. 효율적이어야 합니다.

6. 맥락을 드러내라

훌륭하고 고임팩트한 대시보드에는 사용자가 데이터를 빠르게 이해하고 대시보드를 쉽게 탐색하도록 돕는 설명적인 제목과 설명도 포함됩니다.

차트에 대한 이유와 설명을 사용자에게 제공하는 설명적이고 간결한 제목을 사용하세요. 데이터와 시각화가 이야기의 핵심을 전달해야 하므로 차트 제목은 단순하고 요점을 짚도록 유지하세요. 제목은 그 아래의 차트와 직접적으로 관련되고 이를 뒷받침해야 합니다.

또한:

• x축에 카테고리를 사용하고 사람들이 찾는 것을 빠르게 찾도록 도와야 할 때는 데이터를 알파벳순으로 정렬하세요.
• 성장 이야기를 전달하는 데 도움이 필요할 때는 데이터를 오름차순으로 정렬하세요.
• 가장 큰 것부터 가장 작은 것까지 비교해야 할 때는 데이터를 내림차순으로 정렬하세요.

7. 색상의 적절한 사용

색상은 중요한 것을 강조하는 데 도움이 될 수도 있고 대시보드를 탈선시킬 수도 있습니다. 하지만 색상에 대해 이야기할 때 우리는 모두 서로 다른 색상에 대한 다양한 선입견을 가지고 있습니다. 예를 들어, 빨간색은 일반적으로 나쁜 신호로 여겨지고, 초록색은 일반적으로 좋은 신호로 여겨집니다.

당연히 대시보드를 디자인할 때 이를 고려하고 기본적인 디자인 심리학 원칙을 염두에 두어야 합니다.

그러나 차트의 혼란과 이야기에서의 탈선을 피하기 위해 대시보드에서 사용할 수 있는 세 가지 유형의 색상 구성표가 있습니다. 발산형, 순차형, 범주형입니다.

• 중심 값이 양 끝 사이에 공유될 때 발산형 색상 구성표를 사용하세요.
• 숫자 또는 순서가 있는 값에는 순차형 색상을 사용하세요.
• 순서가 없는 별개의 변수에는 범주형 색상을 사용하세요.

8. 중요한 것을 강조하라

데이터 이야기에서 가장 중요한 것에 사용자가 집중하도록 시각화를 디자인하세요. 데이터 내의 핵심 요점, 추세, 경계를 강조하는 것은 최종 사용자에게 필요한 빠른 인사이트를 제공하는 데 핵심이 될 수 있습니다.

중요한 데이터를 강조하고자 할 때 다음의 핵심 기능을 사용하세요.

• 계열 강조를 사용하여 사용자가 보길 원하는 것에 사용자의 주의를 집중시키세요.
• 조건부 서식으로 핵심 데이터 요점에 주의를 끌어보세요. 데이터의 변화와 상관관계가 있는 경계를 설정하세요.
• 차트 주석을 사용하면 차트에서 또는 협업을 통해 데이터 스토리텔링을 뒷받침할 수 있습니다. 주석은 데이터 요점보다 더 깊은 인사이트를 사용자에게 제공합니다.
• 이상값 탐지를 사용하여 데이터 세트의 이상이나 편차를 빠르게 강조하세요.
• 시계열 예측을 사용하여 과거와 현재 데이터를 기반으로 미래 데이터 요점에 대한 예측을 수행하여 사용자에게 예측 분석을 제공하세요.
• 선형 회귀를 사용하면 종속 변수와 독립 변수 사이의 추세를 그릴 수 있습니다. 데이터의 일반적인 추세에 맞추기(예측하기) 위한 “최적 적합” 선을 보여주고 싶을 때 선형 회귀를 사용하세요.

9. 효과적인 상호작용을 사용하라

현대적인 데이터 분석 프로그램은 사용자가 답을 찾고자 하는 질문에 대한 더 깊은 인사이트를 얻기 위해 데이터를 다양하게 분석할 수 있도록 상호작용을 쉽게 만들 수 있게 합니다.

가장 효과적인 상호작용에는 다음이 포함됩니다.

동적 필터링 – 대시보드나 시각화에 필터를 추가하면 데이터를 즉석에서 피벗하여 더 깊은 인사이트를 얻을 수 있습니다. 대시보드 수준이나 시각화 수준에서 카테고리 필드나 날짜 범위별로 데이터를 다양하게 분석할 수 있는 여러 옵션을 사용자에게 제공하세요.

드릴다운 – 카테고리나 날짜 필드 내에서 계층 구조를 활성화하면 최종 사용자가 더 깊은 분석을 수행할 수 있습니다.

트리맵 – 트리맵은 방대한 양의 계층적 데이터를 컴팩트한 공간에 한눈에 표시하고 전체의 일부로서 데이터를 보여주기 때문에 드릴다운을 위한 훌륭한 시각화입니다.

대시보드 연결 – 데이터 요점이나 시각화를 다른 대시보드에 연결하세요.

10. 여백을 두 배로 늘려라

네거티브 스페이스라고도 알려진 여백은 대시보드의 지표 사이에 눈에 띄는 간격입니다. 그 흰색 네거티브 스페이스가 균형을 이루지 못하면 데이터 이야기는 읽기 어려워집니다.

대시보드의 차트와 요소 사이에 이 영역을 확보하면 대시보드가 더 넓어 보이고 덜 압도적으로 보이게 됩니다. 다양한 뷰와 데이터 필터를 사용하여 여백을 두 배로 늘리고 모든 정보를 같은 화면에 표시할 수 있게 만들 수 있습니다.

11. 올바른 척도를 사용하라

그래프 축의 척도는 청중이 데이터 이야기 안의 메시지를 해석하는 방식에 상당한 영향을 미칠 수 있으며 데이터 시각화 최적화의 중요한 부분입니다.

오해를 불러일으키는 시각화의 오류를 피하는 가장 좋은 방법은 Y축의 척도를 변경하지 않는 것입니다. 이는 데이터가 전달해야 하는 것과 다른 이야기를 전달하는 경향이 있습니다.

차트가 잘못된 이야기를 전달하는 방식의 한 가지 예를 들어보겠습니다. 두 차트 모두 같은 데이터를 보여줍니다. 그러나 오른쪽 차트는 축이 5%에서 시작하여 미국 GDP가 급락하는 것처럼 보이게 합니다. 반면에 왼쪽 차트를 보면 실제로는 작고 점진적인 하락만 있을 뿐입니다.

12. 세부 사항에 주의를 기울여라

때로는 세부 사항이 대시보드 UI/UX를 향상시킬 수 있지만, 다른 때에는 과도한 세부 사항이 메시지를 혼란스럽게 만듭니다. 예를 들어, 숫자의 서식을 유지하거나 상위 결과를 필터링하면 데이터를 더 쉽게 읽을 수 있게 됩니다.

데이터의 서식을 지정하는 것은 숫자를 더 시각적으로 매력적이고 최종 사용자가 읽기 쉽게 만드는 빠르고 간단한 방법이 될 수 있습니다. 게이지든 막대 차트나 세로 막대 차트 같은 차트든, 데이터 서식을 조정하여 데이터 요점을 돋보이게 할 수 있습니다. 예를 들어 소수점 자릿수를 제한하거나 쉼표 구분 기호의 위치를 조정하는 것입니다. 또한 통화, 백분율 측정, 또는 큰 숫자 서식을 사용하는 것도 고려하세요.

임베디드 분석을 사용하여 대시보드를 위한 훌륭한 UI를 만드는 방법은?

여러분은 아마도 임베디드 분석과 그로부터 파생되는 비즈니스 인텔리전스 인사이트에 대한 급증하는 수요에 대해 들어봤을 것입니다. 최근 Reveal의 설문조사에 따르면 임베디드 분석 플랫폼은 데이터 기반 의사 결정을 내리고 경쟁 우위를 확보하며 판매를 촉진하는 능력으로 인기가 치솟고 있으며, 2021년 33%에 비해 2022년에는 응답자의 58%가 자체 사용을 위해 앱에 분석을 내장하고 있습니다.

그 주된 이유는 임베디드 분석 플랫폼이 고임팩트 대시보드를 통해 비즈니스 의사 결정을 개선하기 때문입니다. 임베디드 분석은 실시간 인터랙티브 데이터 시각화와 대시보드, 그리고 비즈니스 인텔리전스 기능을 사용자의 워크플로에 직접 가져와 비즈니스 사용자를 위한 데이터의 사용성을 개선하는 상황에 맞는 데이터를 만듭니다.

사용자에게 워크플로 안에서 관련성 있고 시의적절한 인사이트를 제공하면 데이터 기반 문화가 촉진되고 더 분석적인 사고가 장려됩니다. 상황에 맞는 분석은 사용자가 그 순간에 사용 가능하거나 보고 있는 특정 화면에 표시된 정보를 기반으로 더 빠르고 더 지능적인 의사 결정을 내릴 수 있게 합니다.

또한, 좋은 임베디드 분석 솔루션은 직관적인 UI를 제공하는 셀프 서비스 기능을 갖추고 있어 기술 지식이 없는 사람들도 데이터와 더 쉽게 상호작용할 수 있게 합니다. 셀프 서비스 기능을 통해 사용자는 독립적으로 데이터에 접근하고 스스로 분석하며 유익한 고임팩트 대시보드와 보고서를 구축할 수 있습니다.

Reveal은 데이터의 힘을 직원, 고객, 파트너, 공급업체의 손에 쥐여주는 종단 간 셀프 서비스 임베디드 분석 솔루션입니다. 그 핵심에서 Reveal은 데이터 기반 의사 결정을 중심으로 하며, 인터랙티브 대시보드와 데이터 시각화, 화이트 라벨 기능, 머신러닝, 예측, 통계 함수 등을 포함한 고급 및 예측 분석을 앱에 쉽게 통합할 수 있도록 설계되어 사용자가 실시간 인사이트에 접근하고 어디서나 어떤 기기에서든 아름답고 유익한 대시보드를 구축할 수 있게 합니다.

SDK를 다운로드하거나 빠른 데모를 예약하여 Reveal과 그 작동 방식에 대해 더 자세히 알아볼 수 있습니다.