비디오: Web Applications with Interactive Infographics 2024
모션 그래픽과 비슷하게 대화 형 infographics는 주제에 시청자를 참여시키는 강력한 방법을 제공합니다. Interactive infographics에는 독자가 자신의 방식으로 infographic을 탐색 할 수있는 기능이 있습니다.
이 사용자 정의보기는 그래픽의 일부를 클릭하여 데이터를 보거나 그래픽의 구성 요소를 이동하여 더 많은 정보에 액세스 할 수있는 여러 가지 방법으로 나타날 수 있습니다.
모션 그래픽과 마찬가지로 인터랙티브 그래픽은 고유 한 이점과 이유를 선택할 수 있습니다.
-
풍부한 데이터
-
지나치게 복잡한 과정이나 설명
-
크고 상세한지도
-
긴 텍스트
-
다른 독자에게 다양한 방식으로 영향을 줄 데이터
아마도 가장 강력한 이유 엄청난 양의 데이터가있을 때 대화 형 솔루션을 사용하여 주제를 탐색하는 것이 중요합니다. 미국의 모든 주를 다양한 범주로 비교 한 데이터가 있다고 가정 해보십시오. 정적 접근 방식으로이 작업을 수행 할 수 있지만 독자에게 매우 긴 인포 그래픽을 위해 조정 상태를 유지하도록 요청할 수 있습니다. 오래 동안 관심을 가지기가 어렵습니다.
시청자가 오랫동안 당신을 따라하기를 기대하는 대신 자신의 시간과 속도에 따라 데이터를 탐색 할 수있는 대화 형 경험을 제공 할 수 있습니다.
Infographic World의 사람들은 교육, 교회 출석, 비만 율, 범죄율 등과 같은 다양한 라이프 스타일 요인을 국가별로 비교하는 대화 형 프로젝트를 만들었습니다. 그들은 50 개 주 전체에 대한 데이터를 수집 한 다음 대화 형 형식을 작성하여 독자가 원하는 모든 주에 상관없이 선택한 범주에서 데이터를 볼 수 있도록했습니다.
모든 효과적인 상호 작용에 포함되어야하는 몇 가지 요소직관적 인 경험
-
조직 지우기
-
현명한 사용자 제어 (이유가있는대로 원하는대로 할 수 있음)
-
여러 페이지 (긴 스크롤)
-
대화 형 인포 그래픽을 만드는 것을 선택하는 것이 토론의 끝은 아니다. 인터랙티브의 연구, 작성 및 디자인 측면 외에도 인터랙티브를 구축하는 데 사용할 코딩 언어를 결정해야합니다.
플래시와 HTML5의 두 가지 주요 옵션이 있습니다. Flash를 사용하면 더 적은 코드를 직접 작성해야하기 때문에 짧은 시간 안에 "더 섬세한"경험을 만들 수 있습니다. 플래시 사용의 가장 큰 단점은 호환성 문제가있는 iOS 장치 및 구형 인터넷 브라우저에서 볼 수 없다는 것입니다. HTML5의 가장 큰 단점은 코딩 과정이 길고 복잡하기 때문에 많은 시간이 걸린다는 점입니다. 두 옵션 모두에서 재능을 개발하는 것이 현명합니다. 둘 중 하나를 요구하는 프로젝트가 발생할 수 있습니다.