대시보드 디자인과 관련하여 정확히 무엇이 작동하고 무엇이 효과적인지 혼동하기 쉽습니다. 대시보드가 잘 계획되고 프로그래밍되는 것은 드문 일이 아니며 프런트 엔드가 무너지는 경우만 있습니다. 오늘 우리는 현대적인 대시보드를 디자인할 때 사람들이 가장 흔히 저지르는 몇 가지 실수에 대해 논의합니다. 그러니 배울 준비를 하세요!

상황에 맞는 차트를 사용하지 않습니다.

목록의 첫 번째는 차트의 사용입니다. 또는 오히려 잘못된 사용. 너무나 자주 우리는 데이터 이면의 실제 메시지를 설명하는 데 비효율적인 차트를 발견합니다. 최신의 가장 발전된 모양의 차트나 그래프를 사용하는 것이 마음에 들 수 있다는 것을 이해하지만, 클래식 파이 차트를 사용하여 동일한 정보를 표시할 수 있다면 거의 항상 더 나은 솔루션입니다. 이렇게 하면 요점을 짧고 정확하게 유지할 수 있으며 사용자도 혼동하지 않습니다.

툴팁이나 적절한 컨텍스트를 제공하지 않습니다.

이는 더 큰 대시보드, 특히 다양한 요소가 포함된 시각화 대시보드를 개발할 때 염두에 두어야 하는 사항입니다. 디자이너가 시간을 내어 사용자가 자세한 내용을 확인하기 위해 마우스를 올리거나 클릭할 때 표시되는 툴팁을 포함하는 것을 좋아합니다. 이렇게 하면 혼란과 고객 서비스 호출을 줄이는 데 도움이 될 수 있기 때문입니다.

도구 설명이 자신의 스타일이 아닌 경우 전체 대시보드 디자인의 컨텍스트를 염두에 둘 수도 있습니다. 누군가가 대화에서 완전히 다른 주제에 대해 이야기하기 시작할 때 혼란스러워 하는 것처럼 데이터가 갑자기 투자 수익에 초점을 맞추는 것에서 평균 온도와 같은 다른 것으로 이동하면 혼란스러워집니다. 섹션 사이에 명확한 구분선을 사용하고 색상을 사용하여 사용자를 한 영역에서 다른 영역으로 안내합니다.

단순한 값 대신 복잡한 차트 사용

첫 번째 요점과 유사하게 불행히도 디자이너가 가능한 한 차트를 추가하는 것을 좋아하는 것도 매우 일반적입니다. 그리고 기술적으로 상황에 맞는 차트일 수 있지만 "42%"를 사용하여 동일한 의미를 전달할 수 있다면 사용자가 쉽게 사용할 수 있을 뿐만 아니라 사용할 수 있는 귀중한 공간을 절약할 수 있습니다. 다른 요소.

또한 우리 대부분은 텍스트에 포함된 값을 읽는 데 익숙하지만 차트를 보는 데 익숙해지는 데 시간이 조금 더 오래 걸릴 수 있으므로 사용자가 더 빨리 이해하는 데 도움이 됩니다.

여러 화면 및 보기 사용

지금쯤이면 이 기사의 전체 메시지를 파악했을 것입니다. 간단하게 유지하세요. 모든 중요한 메트릭과 데이터 요소를 단일 화면에 포함할 수 있다면 사용자가 탐색해야 하는 여러 보기를 만드는 것과는 반대로 거의 항상 선호됩니다.

대시보드 유형에 따라 여러 화면에 걸쳐 있는 소형 대시보드보다 단일 화면에 높은 대시보드를 두는 것이 더 나은 경우가 있습니다. 사용자가 다른 페이지 사이를 앞뒤로 클릭해야 하는 경우 집중력과 귀중한 시간을 잃을 수 있어 답답할 수 있습니다.

너무 많은 데이터 포인트 사용

평범한 대시보드를 멋진 대시보드로 즉시 바꾸는 한 가지 방법은 초과 데이터 요소를 줄이는 것입니다. 사람들이 시각화 대시보드를 사용하는 이유를 고려하십시오. 지난 한 달 동안 그들의 비즈니스가 어떻게 수행되었는지 알아보기 위한 것입니까? 이 경우 ROI, 이익, 비용 등과 같은 핵심 메트릭에 초점을 맞추는 것이 이러한 핵심 데이터를 계산하는 데 사용되는 모든 중간 데이터 요소를 표시하는 것보다 훨씬 낫습니다.

적절한 색 구성표가 없습니다.

대시보드에서 가장 혼란스러운 것 중 하나는 색상이 오용되는 경우일 수 있습니다. 좋은 대시보드 색 구성표는 몇 가지 독특한 색상으로 구성되며, 마찬가지로 중요한 것은 사용자가 본능적으로 따라하게 되는 친숙한 느낌을 만들 수 있도록 색상을 설계하는 것입니다.

또한 적절한 색 구성표를 사용하고 개인적으로 좋아할 수 있는 색을 선택하는 것을 잊지 마십시오. 잘 계획된 색 구성표를 사용하면 멋지게 보일 뿐만 아니라 사용자가 대시보드를 처음 방문할 때 받는 시각적 과부하를 단순화하는 데 도움이 되는 일관된 시각적 디자인을 얻을 수 있습니다.

큰 그림을 잊고

대시보드 디자인을 만드는 데는 이유가 있습니다. 그 이유를 기억하십시오. 어떤 정보를 표시할지 뿐만 아니라 표시 방법과 위치도 유스 케이스에 따라 결정하십시오. 대시보드가 비즈니스 성과를 보여주는 것이라면 관련성을 유지하고 요점을 유지하세요.

사용자가 하나의 화면에서 모든 관련 주요 정보를 쉽게 배울 수 있도록 하면 고객 만족도가 크게 향상되는 보장을 볼 수 있습니다! 개발 예산이 허용한다면 사용자가 측정할 항목을 선택할 수 있는 화면을 갖는 것은 대시보드를 각 개별 고객에게 맞춤화하는 좋은 방법이 될 수 있습니다.

사용자의 말을 듣지 않습니다.

일부 디자이너는 최종 사용자의 조언을 잘 받아들입니다. 다른 사람들은 그렇게 많지 않습니다. 그 엄청난 데이터 시각화 작업에 얼마나 많은 시간을 투자했더라도 사용자에게 도움이 되지 않는다면 실제로 사용자에게 도움이 되는 것으로 변경하는 것이 좋습니다.

대시보드 뒤에 있는 모든 이유는 사람들이 필요한 정보를 찾도록 돕기 위함입니다. 따라서 그들이 비판으로 반응할 때 그들의 고충과 문제를 경청하고 모든 사람에게 효과적인 해결책을 찾으려고 노력하십시오. 더 나은 제품을 얻을 수 있을 뿐만 아니라 더 행복한 고객도 얻을 수 있습니다. 그들은 더 오래 머물고 심지어 친구에게 당신을 추천하게 할 것입니다.

사용자가 대시보드를 사용자 정의할 수 없도록 합니다.

이것이 많은 대시보드가 비효율적이라고 느끼는 또 다른 큰 이유입니다. 사용자가 표시하려는 메트릭을 정렬, 필터링 및 지정할 수 있게 함으로써 실제로 이를 처리하기 위해 많은 코드를 작성하지 않고도 시각화 대시보드를 사용자 정의할 수 있습니다.

기본 필터와 정렬 규칙을 대시보드 디자인에 적용하기만 하면 사용자를 크게 돕고 워크플로의 속도를 높일 수 있을 뿐만 아니라 다른 모든 고객이 받는 표준 패키지 대신 사용자 지정 솔루션이 있다는 느낌을 받을 수 있습니다.

2D와 3D 요소 결합

마지막으로 디자인의 일관성과 관련된 또 다른 주제를 언급할 가치가 있다고 생각합니다. 대시보드에 동일한 데이터에 대한 2D 요소와 결합된 차트 및 그래프용 3D 요소가 있는 경우 혼란과 시각적 일관성 부족으로 빠르게 이어질 수 있습니다.

사용자가 다른 시각화와 혼동하지 않도록 다른 색상을 지정하거나 화면에서 이동하여 2D를 3D 요소와 명확하게 구분하는 것을 고려하십시오. 또는 가능하면 모든 차트와 그래프에 대해 스타일 중 하나만 사용하여 모든 것을 더욱 단순화하십시오.

마지막 생각들

그래서 당신은 그것을 가지고 있습니다! 이것이 대시보드를 디자인할 때 가장 일반적인 10가지 문제였습니다. 전반적인 아이디어는 대시보드의 모든 측면에서 가능한 한 단순화하고 깔끔한 라인을 유지하며 일관된 디자인 철학을 갖는 것입니다. 행운을 빕니다!

대시보드를 디자인할 때 흔히 저지르는 실수는 무엇입니까?

가장 흔한 실수는 사용자를 혼동시키는 것과 관련이 있습니다. 이는 임의의 색 구성표, 너무 많은 화면 사용 또는 너무 많은 데이터 표시와 같은 여러 가지 때문일 수 있습니다.

대시보드에서 하지 말아야 할 것은?

서로 다른 글꼴, 충돌하는 색상, 지나치게 복잡한 차트를 함께 사용하지 마십시오. 대신 다양한 섹션과 측정항목을 명확하게 구분하여 모든 것을 깔끔하고 깨끗하게 유지하세요.

대시보드에서 볼 수 있는 일반적인 함정이나 문제는 무엇입니까?

모든 프레임워크와 디자인 요소를 무료로 사용할 수 있으므로 보기 좋은 것을 복사하여 혼합 대시보드에 붙여넣기만 하면 됩니다. 그러나 이것은 디자이너가 주의하지 않으면 빠르게 "흐릿한" 느낌이 들거나 불분명할 수 있습니다.

대시보드 디자인을 개선하려면 어떻게 해야 합니까?

모든 것을 가능한 한 단순하게 유지하십시오. 항상 사용자에게 진정으로 필요한 것이 무엇인지 자문하고 주요 목적에서 방해가 되는 모든 것을 제거하도록 노력하십시오.