LuckyTemplates 탐색 단추

종종 아이콘은 LuckyTemplates 보고서를 만들 때 LuckyTemplates 탐색 단추 와 함께 사용됩니다. 홈 아이콘이 보이면 클릭하면 랜딩 페이지로 돌아갑니다.

정보 아이콘은 특정 그래프 또는 페이지에 대한 추가 컨텍스트를 제공합니다. LinkedIn 또는 Twitter 아이콘이 디자이너의 계정으로 연결됩니다.

식별하기 쉬운 아이콘을 사용하고 싶지만 이것만으로는 충분하지 않으므로 사용자에게 항상 추가 컨텍스트를 제공해야 합니다 .

데이터 스토리 관점에서 사용자 경험을 제어해야 합니다.

디자이너로서 우리는 사용자에게 무엇을 보여줄지, 언제 보여줄지, 질문을 예상하고 명확한 상호 작용 및 탐색을 제공하고 추가 컨텍스트를 제공할지에 대한 책임이 있습니다.

우리는 항상 변화 추진, 권장 사항 제공 등과 같은 보고서의 목적을 가지고 있어야 합니다. 특정 상호 작용 또는 LuckyTemplates 탐색 단추와 함께 아이콘을 사용하고 사용자가 이를 보거나 이해하지 못한다면 우리의 이야기는 사라집니다.

최종 사용자는 특정 결론으로 ​​이어지는 분석의 일부를 볼 수 없습니다. 다시 한 번 말하지만 문맥은 매우 중요합니다. 화면에 추가하기 위해 아이콘을 추가하고 싶지는 않습니다.

특정 목적을 위해 원하고 해당 목적이 최종 사용자에게 명확하지 않은 경우 컨텍스트를 추가해야 합니다.

홈 아이콘을 버튼으로 사용하는 경우 사용자에게 홈 아이콘을 클릭하여 랜딩 페이지로 돌아가도록 안내하세요. 정보 버튼인 경우 대시보드 설명 정보를 보려면 사용자에게 마우스를 올려놓으라고 표시하십시오.

Twitter 또는 LinkedIn 아이콘 버튼을 사용하는 경우 이 설명도 추가하세요. 사용자 상호 작용이 필요한 영역에 대한 컨텍스트를 제공해야 한다는 점을 명심하십시오.

목차

• 탐색 단추가 있는 LuckyTemplates 보고서
• LuckyTemplates 보고서에서 도구 설명 사용
• 웹 사이트로 이동하는 LuckyTemplates 탐색 단추
• KPI 옆에 아이콘 추가
• 밴드를 KPI로 추가
• 결론

탐색 단추가 있는 LuckyTemplates 보고서

이제 LuckyTemplates 내부로 이동하여 몇 가지 실제 사례를 살펴보겠습니다.

이 보고서의 경우 내비게이션 버튼 가까이에 아이콘을 배치했습니다. 항목 스타일의 유사성 원칙 과 버튼 간의 근접성 에 따라 연결했습니다 .

페이지의 위치, 음수 공간 및 첫 번째 항목의 윤곽선 색상이 주의를 끌며 이것이 LuckyTemplates 탐색 단추임을 나타냅니다.

식별자 역할을 하는 버튼 내부 또는 근처에 레이블이 없습니다. 따라서 추가 컨텍스트를 배치하면 사용자가 어떤 페이지로 이동할지 알 수 있도록 도움이 됩니다 .

LuckyTemplates 보고서에서 도구 설명 사용

버튼 위로 마우스를 가져갈 때 도구 설명 에 표시되는 정보는 보고서를 작성할 때 유용한 기능입니다.

이 기능을 사용하지 않는 경우 서비스에 게시할 때 보고서를 다듬지 않은 모양으로 제공하므로 이 옵션을 비활성화하는 것을 잊지 마십시오.

도구 설명을 활성화 및 비활성화하는 것이 얼마나 쉬운지 설명하기 위해 페이지에 빈 단추를 추가해 보겠습니다.

작업 버튼 에서 도구 설명 없음 옵션은 기본적으로 활성화되어 있지 않습니다.

즉, 이 버튼 위로 마우스를 가져가면 " 이 보고서의 이전 페이지로 이동하려면 여기를 CTRL+클릭하십시오 "라는 메시지가 표시되는데 이는 좋지 않습니다.

따라서 사라지려면 활성화해야 합니다. 내 팁은 도구 설명을 사용하는 경우 계속 활성화하는 것입니다. 그렇지 않은 경우 비활성화하십시오.

웹 사이트로 이동하는 LuckyTemplates 탐색 단추

아이콘을 사용할 수 있는 또 다른 방법은 사용자를 특정 사이트 페이지로 안내하는 것입니다. 예를 들어 회사 로고를 클릭하면 해당 웹사이트로 바로 연결됩니다.

이 보고서에는 JIRA 로고가 있고 툴팁이 활성화된 이 보이지 않는 버튼도 있습니다. 보기 좋게 비활성화해 보겠습니다.

JIRA 로고 버튼을 클릭하면 회사 웹사이트로 연결됩니다. 이 경우에는 입니다 .

그러나 대부분의 사용자는 이러한 상호작용이 존재한다는 사실을 모를 것입니다. 설상가상으로 홈 버튼으로 작동할 것으로 예상할 수도 있습니다. 웹사이트에서 로고를 클릭하면 랜딩 페이지로 이동하는 것이 매우 일반적입니다.

사용자의 인식을 잊지 말자. 사용자는 다른 웹 사이트에서 이러한 유형의 탐색에 익숙할 수 있으며 가장 좋은 방법은 "웹 사이트에 연결하거나 이동하겠습니다."라는 툴팁을 표시하는 것입니다.

KPI 옆에 아이콘 추가

다른 예를 들어보겠습니다. 

근접성 및 유사성의 원칙에 따라 단추 사이에 유사한 스타일을 유지하여 단추와 연결할 수 있는 KPI 옆에 아이콘을 사용할 수도 있습니다. 또한 KPI의 레이블은 아이콘의 식별자이므로 추가 컨텍스트가 필요하지 않습니다.

밴드를 KPI로 추가

KPI는 밴드라고도 합니다. 이 경우 우리가 보고 있는 밴드의 종류는 활동을 추적하는 데 유용한 정보를 제공하는 주요 지표입니다. 우리는 평균 배달 시간 , 재료 , PO , 주문하지 않은 톤 및 클라이언트 가 있습니다 .

그러나 그 숫자가 좋은가요 나쁜가요? 그리고 그것들이 나쁠 경우 특정 달에 대한 수치가 나쁠까요, 아니면 역학 관계가 나쁠까요? 추세가 올라가고 있습니까, 내려가고 있습니까? 내가 왜 이것에 관심을 가져야 합니까?

이 보고서를 처음부터 살펴보면서 최종 사용자로서 디자이너가 만들고자 하는 정보나 메시지를 스스로 작업하고 탐색하고 발견해야 한다는 것을 깨달았습니다.

첫 번째 KPI에서 세 번째 KPI로 마우스를 가져가면 추가 정보가 없습니다. 그러나 네 번째 KPI에서 총 PO 초과 인도를 보여주는 매우 흥미로운 정보를 찾을 수 있습니다 .

그런 다음 클라이언트 로 이동하면 매우 중요한 고객당 마진을 볼 수 있습니다 .

또한 전체 마진의 80%가 단 11개의 재료에서 나온다는 것을 알 수 있습니다. 이 정보는 훌륭합니다.

이 튜토리얼 에서는 사용자가 Z 패턴으로 화면을 왼쪽에서 오른쪽으로, 위에서 아래로 스캔하는 방법을 설명했습니다.

내 주요 두 KPI는 화면 하단에 있습니다. 이것은 추가 정보로 생성된 유일한 두 개의 KPI이므로 잘못된 디자인 선택입니다.

청중의 입장이 되어 보겠습니다. 직접 데이터를 탐색하고 싶은데 굳이 LuckyTemplates 개발자에게 보고서 작성을 요청해야 하는 이유는 무엇입니까?

내가 이 보고서를 만든 사람이기 때문에 재미있다. 이것은 작년에 LuckyTemplates에서 조직한 에 대한 초기 제출물 중 하나입니다 .

나는 내 자신의 초기 작업을 비판하고 있습니다. 보고서를 개선하기 위한 과정에서 우리 모두는 실수를 하고 실수를 통해 배웁니다 .

KPI 옆에 아이콘을 추가하는 것은 전문적인 느낌을 주기 때문에 멋지지만 KPI를 만들기에는 충분하지 않습니다. KPI를 만들 때 가장 먼저 스스로에게 물어봐야 할 것은 "그래서 뭐?"입니다.

참조를 추가하거나 작년 예측의 예산과 비교하거나 추세를 추가하여 얼마나 오래 좋았는지 나빴는지 표시할 수 있습니다.

정말 나쁜 경우 최종 사용자의 질문을 예상합니다 . 예를 들어 KPI 중 하나가 사용자의 관심을 끌면 세부 정보를 파헤쳐야 합니다. 추가 컨텍스트를 추가하거나 드릴 다운하여 사용자에게 더 자세한 정보를 제공 할 수 있습니다 .

사용자가 자세한 정보를 알게 되면 그에 대해 어떻게 해야 합니까? 실행 계획에 대한 권장 사항을 제시할 때까지 사용자가 있어야 하는 위치입니다.

LuckyTemplates 사용자 지정 아이콘 | PBI 시각화 기술
LuckyTemplates 보고서 개발: 테마, 회사 로고, 아이콘 및 배경 만들기
사용자 지정 LuckyTemplates 아이콘을 보고서에 추가하는 방법

결론

이 예를 통해 스토리텔링에서 탐색 버튼에 관한 중요한 교훈을 이해하시기 바랍니다.

KPI에 관한 올바른 질문을 하고 탐색 버튼에 추가 컨텍스트를 배치하면 스토리텔링이 더욱 강력해집니다.

디자이너로서 항상 염두에 두어야 할 것은 우리가 보고서를 작성하는 것만이 아니라는 것입니다. 우리는 실질적인 영향을 미치고 있습니다.

모두 제일 좋다,