지난 몇 년 동안 인포그래픽은 정적인 사진에서 고유한 콘텐츠에 맞게 조정된 애니메이션 및 비디오를 통해 풍부한 인터랙티브 경험으로 발전했습니다. 더 이상 사전 준비에 국한되지 않고, 범용 템플릿. 그리고 오늘의 편집에는 흥미롭고 유익한 경험이 어떤 것인지 보여주는 최고의 인포그래픽이 포함되어 있습니다.
이 목록에 있는 대부분의 인포그래픽은 표시하도록 선택되었습니다. 다양한 방법, 디자이너가 데이터 시각화에 접근하는 방법입니다. 그러나 여기에는 인포그래픽과 풍부한 멀티미디어 경험 사이의 경계가 모호해지는 것을 보여 주는 동시에 방문 페이지에서 매력적인 콘텐츠와 매력적인 스토리를 만드는 몇 가지 하이브리드가 있습니다. 전통적인 형식에서 벗어나는 것은 우리가 더 복잡한 미디어 영역에 진입한다는 것을 의미하며, 미래를 형성하는 데 중요한 기술과 스토리텔링에 대한 이러한 종류의 실험입니다. 그래픽 디자인.
1. 윈드 맵
Wind Map은 미국 상공의 풍향과 속도를 보여주는 숨막히는 디자인입니다. 이 디자인은 실용적인 목적보다는 예술적인 목적을 가지고 있습니다. 이것은 훌륭합니다. 그냥 앉아서 지도를 가늘고 가는 실이 얼마나 감고 있는지 지켜보는 것이 매우 좋습니다. 모양의 경로를 보여주는 인포그래픽이 애니메이션과 움직이는 이미지의 이점을 얻을 수 있는 방법에 대한 간단하지만 잘 생각한 예입니다.
2. 비행 중
2014년 가디언은 실시간 상용 비행 데이터(지금은 업데이트되지 않는 것 같아 안타깝다)와 항공 역사에 대한 교훈을 보여주는 In Flight 인포그래픽을 출시했습니다. 인터랙티브 쇼의 시작과 함께 승무원들 사이의 은밀한 대화는 특별한 분위기를 조성합니다. 요즘 인포그래픽이 영화 같은 경험으로 서서히 변해가는 것 같습니다. 적어도 "비행 중"은 그 방향을 가리키고 있습니다 ...
3. 달을 다이얼하다
Dial A Moon 인포그래픽에서는 그다지 많은 일이 일어나지 않지만 그 목적을 꽤 잘 수행합니다. 2015년에는 NASA 덕분에 문페이즈 인포그래픽이 매시간 업데이트되었고, 이 미스터리한 정보를 찾기 위해 Google에 갈 수 없었습니다. 이제 월, 일 및 시간을 수동으로 입력하여 사진을 볼 수 있습니다.
4. 명왕성과의 하루
네이처 매거진은 과학에 관심이 있는 독자들을 위해 많은 흥미로운 인포그래픽을 게시합니다. 그 중에는 명왕성 근처의 유명한 우주선 비행(명왕성의 24시간)에 관한 것이 있었습니다. 인포그래픽에는 많은 문자 정보, 그러나 영상은 왜행성의 구조에서 위성의 형성에 이르기까지 가장 흥미로운 것에 대한 쉬운 이해를 제공했습니다. 이제 인터넷에서 텍스트 부분과 인포그래픽에서 가져온 두 개의 애니메이션 비디오를 사용할 수 있습니다.
5. 미국 주택의 변화
하우스 스타일의 진화를 통해 반영된 위대한 아메리칸 드림을 통해 여행을 떠나십시오. 이 잘 설명된 인포그래픽을 사용하면 자동차를 운전하고(시대에 발맞추기 위해 스크롤할 때도 변경됨) 1900년대부터 2000년대까지 수십 년 동안 인기 있는 건물을 지나갈 수 있습니다. 길을 가다 보면 많은 사람들을 만나게 될 것입니다. 유용한 자료(당시의 사회정치적 여건과 패션의 경향을 포함하여) 그리고 그것은 모두 미국 가정의 미래를 상상하도록 격려하는 질문으로 끝납니다. Decades Of American Homes 인포그래픽은 수평 스크롤의 좋은 예이며 여기에 딱 맞습니다.
6. 마케팅 분석의 진화
지능형 사용자 조사 회사인 Vision Critical은 Evolution of Insight 인포그래픽에서 1890년대부터 현재까지 전 세계 마케팅 기술 시장의 발전을 추적합니다. 이것은 How American Homes Have Changed 인포그래픽과 유사하게 작동하므로 두 개의 매우 다른 이야기. Decades Of American Homes 인포그래픽은 운전하면서 주택을 보는 것이 훌륭한 미국 분석을 통해 여행하는 것보다 훨씬 직관적이라는 이점이 있습니다. 좋은 인포그래픽은 콘텐츠 주변이 아니라 콘텐츠를 염두에 두고 만들어집니다.
7. 전 세계 LGBT 커뮤니티의 권리
Guardian은 전 세계 모든 국가에서 다양한 문제(결혼, 직장 차별, 증오 범죄 등)에 대한 LGBT 권리의 법적 지위를 설명하는 이 우아한 인포그래픽으로 목록에서 또 다른 위치를 차지합니다. 반원으로 이동하면 두 그룹 사이의 통계를 빠르고 쉽게 비교할 수 있습니다. 다른 나라, 그리고 인포그래픽 구성은 중앙의 전경에서 글로벌 상태를 유지합니다. 단순한 인식과 행동주의 사이의 간극을 메우는 것을 목표로 하는 강력한 행동 촉구도 있습니다.
8. 불평등은 고칠 수 있다
대화형 인포그래픽의 또 다른 훌륭한 예인 불평등은 고칠 수 있습니다. 청중이 문제를 깊이 있게 다루도록 초대합니다. 시청자는 상사가 급여를 적게 받는 이유와 그 이유를 알려주는 자료에 흥미를 잃지 않을 것입니다. 사용자를 스토리의 일부로 만들면 개발자는 호기심을 자극하고 마지막에 클릭 유도문안까지 필요한 모든 단계를 통해 사용자를 안내합니다.
"이런 일이 일어나도록 내버려 두었습니다. 이제 어떻게 고칠 수 있습니까?"
9. 스스로 그리기: 가계 소득이 자녀의 대학 진학 기회를 예측하는 방법
이 목록에 있는 많은 인포그래픽은 애니메이션과 상호 작용을 사용하여 풍부한 경험을 제공합니다. 시각적으로 New York Times(You Draw It: How Family Income Predicts The Family Income Predicts Children's College Chances)의 이 인포그래픽은 시각적으로 고전적인 차트 형식을 따르지만 사용자 행동에 대한 이해를 사용하여 예측 및 대화형 시각화. 독자들에게 자신만의 곡선을 그리게 함으로써 이기적인 요소를 도입하여 사람들에게 정말 귀중한 정보를 제공합니다.
최악의 결과는 아닙니다! 세로축은 대학에 가는 아이들의 비율입니다. 가로축은 부모 소득의 백분위수
10 미국인이 죽는 방법
제목 이미지를 제외하고 이 예제에서는 대부분 좋은 구식 차트를 사용하여 콘텐츠를 렌더링합니다. 그러나 이것은 사용자가 그래프를 따라 커서를 이동하여 데이터를 독립적으로 이동할 수 있기 때문에 전혀 지루하지 않습니다. 이것은 예를 들어 70년대의 자살 관련 사망자 수를 오늘날과 비교하는 것을 훨씬 더 쉽게 만듭니다.
11.
Snowfall이 전 세계의 주목과 찬사를 받은 이래로 New York Times는 최첨단 멀티미디어 저널리즘으로 명성을 유지해 왔습니다. 출판 팀은 인포그래픽 디자인과 심도 있는 스토리텔링의 조합을 사용하여 인상적이고 흥미로운 경험을 만듭니다. 더 눈에 띄는 예가 있지만, <러시아가 남긴 흔적>은 어느 정도 반향을 불러일으킨 작품이다. 인포그래픽은 러시아(지도에서 길을 탐색)를 통한 대화형 여행과 같은 기능을 합니다.
12. 본드카
그의 차를 보고 제임스 본드의 역사에 대해 배우고 싶다면 영국 자동차 딜러인 Evans Halshaw에게 감사하십시오. 그는 당신에게 그런 기회를 주었습니다. 대화형 Bond Cars 인포그래픽을 통해 각 Bond 자동차의 제조 및 디자인과 몇 가지 추가 사항을 탐색할 수 있습니다. 흥미로운 사실. 유비쿼터스 슬라이더 전술을 사용하면 자동차의 모든 금속성을 "공개"할 수도 있습니다(기본적으로 단일 색상 도면만 제공됨). 그래서 작가들은 인포그래픽의 미학과 어울리지 않는 사진을 넣어야 하는 문제를 창의적으로 해결했습니다.
13. 무브먼트 컬러
Colors Of Motion은 모든 프레임의 조합에서 파생된 컬러 팔레트만을 기반으로 영화를 분석하는 인포그래픽 시리즈입니다. 궁금했다면 이제 답을 찾았습니다. 데이터베이스에서 제목을 찾을 수 없습니까? 개발자에게 메시지를 보내면 요청을 수락합니다.
14. 페루의 왕릉
내셔널 지오그래픽은 "대화형 그래픽"(예: Trajan's Column의 경우와 같이 대부분의 자세한 텍스트 설명과 함께 제공됨)이라고 하는 상당히 인상적인 컬렉션을 가지고 있지만 애플리케이션을 강조하기 위해 이 비교적 간단한 예를 선택했습니다. 그 중 인터랙티브 인포그래픽에서 정말 효과적인 방법이 있습니다. "페루 왕릉"(페루 왕실 와리 무덤)은 당시 귀족 여성의 매장 모습을 보여줍니다. 초점은 미라를 감싸는 것에서 장식과 위치로 이동합니다. 정보를 더 작은 덩어리로 나누고 사용자가 그 사이를 이동할 수 있도록 함으로써 대화형 그래픽은 데이터 과부하 및 시각 효과. 또한 이후의 각 상호 작용은 경험을 확장하여 모든 것이 한 번에 제시될 때보다 훨씬 더 보람이 있습니다. 우리의 뇌는 억제 자극을 거부하는 메커니즘을 가지고 있으며, 주어진 유형상호 작용은 사용자에게 훌륭한 솔루션이 되어 정보를 쉽게 흡수할 수 있습니다.
15. "스코틀랜드 국민투표"란 무엇입니까? 비 영국인을 위한 설명
The Guardian은 New York Times와 마찬가지로 멀티미디어 저널리즘에 의존하고 있으며 그들의 비디오는 인포그래픽의 주요 기능 중 하나인 번거로운 정보를 수용 가능한 형식으로 제공하는 역할을 훌륭하게 수행하고 있습니다. 영국 이외의 많은 사람들에게 국민투표는 매우 혼란스러운 주제입니다. 다행스럽게도 이 비디오(비영국인을 위한 스코틀랜드 국민투표 설명)는 이야기에 대해 깊이 파고들 필요 없이 중요한 측면에 대해 빠르게 배우는 데 도움이 될 것입니다.
16. 공중 보건
대서양 이전의 과제는 사회의 건강을 향상시키는 개념을 개발하는 것이 었습니다. 이는 Truth Labs에 디지털 내러티브로 Population Health에 대한 3부작 시리즈를 작성하도록 의뢰했습니다. 수행자의 주요 목표는 문서의 자연스러운 스크롤과 사용자의 일반적인 읽기 조건을 유지하면서 시각적 관점에서 다른 경험을 만드는 것이었습니다. 그들의 비전을 실현하기 위해 그들은 영화에서 도구와 전략을 빌렸지만 가독성을 주요 규칙으로 지원하는 일련의 디자인 원칙에도 의존했습니다.
17. 조호의 곡식
오스트리아의 커피 생산자인 Joho's가 제작한 인상적인 멀티미디어 경험 Joho's Bean은 커피 콩의 기원, 새의 지저귐, 볶은 커피콩이 가방에 포장되는 소리, 번잡한 거리와 도시의 교통 소음 등 커피 콩의 기원에 대한 이야기를 전합니다.
Joho's는 커피 원두의 기원을 설명하는 여행을 안내합니다.
18. 태고의 길
Wild Path는 Canvas로 만든 대화형 여행 스토리 경험입니다. 주요 요소는 페이지가 스크롤될 때 지도의 경로에 애니메이션 효과를 주는 지도입니다. 프로젝트는 모든 브라우저에서 작동하지 않을 수 있습니다. 그러나 모든 비하인드 인포그래픽 기술을 설명하는 기사가 함께 제공됩니다.
19.
2016년 미국 대통령 선거에 대한 가디언(Live Election Results)의 보도는 관심과 투표소의 진지한 비즈니스에 재미있는 요소를 가져왔습니다. 대화형 인포그래픽은 4개 주에서 투표를 추적했습니다. 기본적으로 그래프는 국가 전체에 대한 결과를 보여주며 사용자가 지도의 아무 지역에나 마우스를 가져가면 해당 지역에서 후보자가 득점한 숫자가 표시됩니다. 대통령 후보들은 재미있는 픽셀화된 아바타로 제시되었습니다. 인포그래픽이 실시간으로 업데이트되면서 작은 남자들이 승리한 주에 색을 입혔습니다. 이따금 후보자 옆에 거품 안의 인용문이 나타났다.
선거 결과 실시간 반영
칩 가상 현실다른 사람들에게 당신은 바보처럼 보일 것입니다.
Google의 Cardboard Design Lab은 초보자 VR 디자이너를 위한 좋은 "교과서"입니다.
인포그래픽 - RPG 게임처럼
Unity의 문제는 웹에서 좋은 일을 하는 것이 그리 쉽지 않다는 것입니다.
가상 현실은 눈을 위한 헤드폰과 같습니다.
가상 현실은 안전한 환경이 필요하며 이동 중에 들어갈 수 없습니다. VR의 가능성을 제한합니다.
오전에 세션 종료 아치 체"왜 NYT가 상호 작용이 덜한 작업을 하는지"라는 도발적인 주제로 New York Times에서 발췌했습니다.
NYT의 작업은 시각적 스토리텔링의 세 가지 규칙을 기반으로 합니다.
- 독자가 스크롤하지 않고 클릭해야 하는 경우 비정상적인 일이 발생해야 합니다.
- 툴팁 및 기타 호버 효과는 누구도 볼 수 없다고 가정합니다. 내용이 중요한 경우 독자가 즉시 볼 수 있도록 하십시오.
- 인터랙티브한 것을 만들고 싶다면 모든 플랫폼에서 작동하게 하려면 비용이 많이 든다는 것을 기억하십시오.
데스크탑과 모바일 모두에서 작동하려면 그래픽을 2~3번 다시 그려야 합니다.
이 규칙이 NYT의 접근 방식을 어떻게 바꾸었는지:
- 대부분의 시각화는 이제 정적입니다.
- 더 많은 텍스트
- 그림에서 움직임이 필요한 경우 스크롤하는 동안 나타납니다.
(4번 항목은 그들이 여전히 대화식 작업을 하고 있다고 말합니다. 하지만 지금은 그 기회가 매우 의미가 있어야 합니다.)
우리는 "다단계"를 했습니다. 사용자는 3단계에서 멈춥니다. 독자는 클릭이 아닌 스크롤을 원합니다.
Archie Tse: 스크롤링 대 클릭
Andy Kriebel은 18주 동안 매주 일요일 밤 VizWiz에 기반한 인포그래픽과 데이터를 게시했습니다. 작업은 월요일에 약 1시간의 시간을 할당하고 빠르게 시각화를 분석하여 자신의 버전을 만드는 것입니다.
아래에서 우리는 지난 주 결과를 게시합니다 - XXI 세기의 노예.
#MakeoverMonday by Andy Kriebel. 상세 설명및 대화형 - Andy의 블로그:
#MakeoverMonday by Andy Cotgreave. 자세한 설명 및 대화형 - Andy의 블로그:
나는 또한 세계 인구의 51%가 나보다 어리고 러시아는 63%가 나이가 많다는 사실을 알게 되었고, 지금 당장 내가 죽을 확률은 그리 높지 않습니다. 숫자는 갑자기 "통계"를 중단하고 핵심을 만졌습니다.
데이터 시각화 - 용도 큰 세트수동 설계 작업이 적은 데이터; 알고리즘을 기반으로 합니다. 예를 들어, New York Times의 인터랙티브 작업.
시각 예술 - 단방향 코딩. Kunal Anand의 컴퓨터 예술처럼 아름답지만 해독하기 어려운 시각화입니다.
문제가 무엇입니까?
결과적으로 많은 작품이 정교한 사용자만을 끌어들이지만 초심자 독자가 문제의 본질을 탐구하는 것을 허용하지 않아 시각화의 목적-대중에게 알리는 데 해를 끼칩니다. 그렇기 때문에 시각화의 맥락에서 시각적 리터러시 문제를 인식하고 이해하는 것이 중요합니다.
저널리즘의 새로운 "시각적 문법"
다음은 양방향 저널리즘을 제시하는 방법을 실험한 세 작품입니다. 그것들은 인상적으로 보이지만 해석은 많은 사람들에게 어려운 작업이 될 수 있습니다.
미국의 게이 권리, 주별
오늘날 사용할 수 있는 데이터 소스와 데이터 처리 도구의 수는 그 자체로 많은 사람들이 데이터 시각화의 세계에 익숙해지기 위해 노력한 적이 없었다는 것을 분명히 보여줍니다. 그리고 공부할 수 있는 자료가 너무 많을 때 질문은 하나입니다. "어디부터 시작할까요?"모든 초보자를 놀라게 할 수 있습니다. 그렇다면 최고의 라이브러리는 무엇이며 전문가는 무엇을 권장합니까? 이것은 이 기사에서 논의될 것입니다.
데이터 시각화에 대해 이야기하고 언급하지 않는 것은 생성의 역사에 대해 이야기하는 것과 같습니다. 개인용 컴퓨터스티브 잡스에 대해 한 마디도 하지 마십시오. D3(영문. Data Driven Documents)는 과장 없이 시장에서 가장 중요하고 지배적입니다. 자바스크립트 라이브러리열려 있는 소스 코드, SVG 차트를 만드는 데 일반적으로 사용됩니다. SVG(영어에서. Scalable Vector Graphics)는 차례로 다음 형식입니다. 벡터 이미지, 웹 브라우저에서 지원되지만 과거에는 거의 사용되지 않았습니다.
D3 라이브러리의 인기는 웹 디자이너 측에서 SVG에 대한 갑작스러운 관심에 기인합니다. 벡터 그래픽고해상도 화면(특히, 애플 기기), 점점 더 보편화되고 있습니다.
독립 데이터 시각화 전문가이자 이 회사의 소유주인 Moritz Stefaner는 "솔직히 말해 SVG 기반 데이터 시각화 작업이라면 다른 모든 라이브러리는 이를 해결할 수 없었습니다."라고 말합니다. 진실과 아름다움. “표준 그래픽 구성 요소를 제공하는 NVD3와 같이 D3를 기반으로 하는 흥미로운 프로젝트도 꽤 있습니다. 바로 사용할 수 있지만 사용자 정의가 가능합니다. 또는 Crossfilter는 단순히 뛰어난 데이터 필터링 도구입니다."
Scott Murray, 프로그래머-디자이너 및 책 저자 웹을 위한 대화형 데이터 시각화, 이전 의견에 동의합니다. “D3는 브라우저가 제공해야 하는 모든 것을 사용한다는 사실에 특별한 힘이 있습니다. 여기에는 단점이 있지만 브라우저가 WebGL 기반 3D 이미지(영어 웹 그래픽 라이브러리)와 같은 것을 지원하지 않으면 D3도 지원하지 않습니다.
그리고 이 라이브러리는 진정으로 보편적이지만 여전히 이상적인 솔루션어떤 작업이든. "말하자면 D3 라이브러리의 주요 단점은 시각화에 대한 특정 접근 방식을 규정하거나 제안하지 않는다는 것입니다."라고 Scott Murray가 덧붙입니다. "따라서 브라우저에 데이터를 로드한 다음 해당 데이터를 기반으로 DOM 구성 요소를 생성하기 위한 도구입니다."
D3는 사용자 지정 이미지를 위한 훌륭한 도구이지만 시각적 측면에서 너무 많은 작업 없이 표준 차트를 만들고 싶다면 다음과 같은 도구가 있습니다. 베가. D3 위에 개발된 프레임워크인 Vega는 그래픽 구성 요소를 표시하는 대안을 제공합니다. Vega를 사용하면 데이터를 JSON 형식 The European Journalism Center 및 Data Driven Journalism Project로 시각화할 수 있습니다. 과정의 정확한 날짜는 아직 알려지지 않았지만 지금 등록할 수 있습니다.
5일 동안 코스 참가자는 데이터 저널리즘이 무엇인지, 어떻게 작동하는지, 이 분야의 전문가가 되기 위해 어떤 핵심 기술을 마스터해야 하는지 배울 수 있습니다. 스토리를 뒷받침할 데이터를 어디에서 찾아야 하고 기존 데이터에서 새로운 통찰력을 찾는 방법을 알아보세요. 지루한 데이터를 매력적인 스토리, 인포그래픽 또는 대화형 시각화로 바꾸는 기술을 배우십시오. 저널리스트가 알아야 할 그래픽 디자인의 기본 원리를 익힙니다.
코스 강사는 데이터 저널리즘 및 시각화 분야의 세계 최고의 전문가 5명입니다.
데이터 시각화의 미래는 대화형입니다.
하지만 정말 멋진 인터랙티브 인포그래픽을 어떻게 만들 수 있을까요?
인포그래픽은 어디에나 있으며 점점 더 자주 인터랙티브해지고 있습니다.
오늘 기사에서는 대화형 인포그래픽을 만드는 방법과 유용한 리소스에 대한 링크를 공유합니다.
1. 심리학 이해
인포그래픽을 인터랙티브하게 만들기 전에 왜 그렇게 만들고 싶은지 이해하는 것이 중요합니다.
이 인포그래픽에 자세히 설명되어 있듯이 사람들은 시각적 정보를 더 잘 흡수합니다. 매력적인 시각 자료가 있는 프레젠테이션을 읽고, 이해하고, 기억할 가능성이 훨씬 더 높습니다. 효과적인 학습 도구이지만 더 좋아질 수 있습니다.
운동 학습은 사람들이 신체 행동을 통해 더 잘 배우기 때문에 훌륭한 대안입니다.
그렇기 때문에 시각화의 원근감 범위에 대화형 기능을 추가하면 더욱 기억에 남고 효과적인 인포그래픽을 만드는 데 도움이 됩니다.
이러한 시각적 접근 방식과 운동적 접근 방식의 조합은 애니메이션 인포그래픽을 미래의 콘텐츠로 만듭니다. 물론 일부 테마의 경우 대화형 요소를 사용하지 않는 것이 좋지만 대부분의 경우 콘텐츠를 개선할 뿐입니다.
모션은 정보에 의미를 더하고, 사용자가 경험을 제어할 수 있게 하며, 정적인 인포그래픽이 할 수 없는 방식으로 상상력을 불러일으킵니다.
2. 스크롤 효과 추가
텍스트 기반 콘텐츠에서 시각적 콘텐츠로의 온라인 세계의 엄청난 변화를 눈치채셨을 것입니다.
인터넷과 일상 생활에서 영상의 힘을 부인할 수 없습니다. YouTube와 Instagram은 시각적 콘텐츠가 지배적입니다. YouTube는 웹에서 세 번째로 많이 방문한 사이트이며 Instagram에는 매일 8천만 장이 넘는 사진이 업로드됩니다.
블로그 게시물과 기사는 컬러 이미지, 제목 또는 미리보기 이미지가 있으면 80% 더 "소모성"이 되며, 처음 몇 초부터 관심을 끌지 못하면 사람들은 사이트에서 15초 이상을 보내지 않을 것입니다.
인포그래픽은 청중과 상인들 사이에서 가장 좋아하는 것으로 2012년보다 오늘날 사람들이 800% 더 관심을 갖고 있습니다.
게다가 콘텐츠는 놀라운 속도로 생성되고 있습니다. 마케터의 60%는 매일 새로운 콘텐츠의 작은 부분을 생성합니다! 리뷰 기사에서 더 자세히 알아볼 수 있습니다.
점점 더 많은 사람들이 콘텐츠를 만들기 시작하면서 무언가가 분명해지고 있습니다. 눈에 띄려면 눈에 띄어야 합니다.
당연히 콘텐츠 마케터는 이미 자신이 할 수 있는 것, 구현할 수 있는 것, 이미 등장할 새로운 기술을 고려하여 비주얼 콘텐츠의 미래에 대해 생각하고 있습니다. 이러한 미래 지향적인 사고는 모든 콘텐츠 마케팅 노력을 성공시키거나 깨뜨릴 수 있습니다. 적응해야 합니다. 그렇지 않으면 익사할 것입니다.
인포그래픽과 같은 시각적 콘텐츠를 통해 마케터는 다가오는 미래를 볼 수 있는 독특한 기회를 갖게 됩니다. 회사, 그래픽 디자이너 및 마케터는 모두 인포그래픽을 사용하여 청중에게 더욱 매력적으로 보이도록 업데이트하기 시작했습니다. 이미 정기적으로 인포그래픽을 "포스팅"하고 있다고 해도 콘텐츠 마케팅 전략에 인포그래픽을 통합하는 방법을 배우는 것이 너무 이른 것이 아니듯이, 이제 막 발전하기 시작하는 트렌드에 대해 배우는 것도 결코 이르지 않습니다.
미래를 엿보고 다른 사람들보다 먼저 몇 가지 트릭을 배우고 싶다면 지금이 적기입니다!
다음은 (가까운) 미래에 가장 일반적이 될 세 가지 유형의 인포그래픽입니다.
멋진 인포그래픽 도구를 찾고 계시다면 Visme을 추천합니다. 우선, 그들은 디자이너가 아닌 사람들을 위해 무료 계정과 훌륭한 편의 기능을 제공합니다. 지금 무료 계정을 얻을 수 있습니다.
1. 인터랙티브 인포그래픽
인터랙티브 웹사이트와 사용하기 쉬운 게임의 아름다움을 알고 있지만 인터랙티브 인포그래픽은 여전히 해당 분야에서 매우 새로운 분야입니다. 인포그래픽과 마찬가지로 일부 정보가 분명히 포함되어 있으며 일반적으로 동적입니다. 그러나 대화형 요소를 사용하면 사용자가 정보와 연결하고 자신의 정보를 생성할 수 있습니다.
비즈니스, 제품, 서비스 또는 메시지가 무엇이든 사람들이 스스로를 평가할 수 있는 대화형 인포그래픽을 만들 수 있습니다(예: "여기서 BMI 계산"). 또한 사용자는 관련 정보를 클릭하여 보다 심층적으로 타겟팅된 리소스로 이동하거나 랜딩 페이지로 돌아가 트래픽을 생성할 수 있습니다. 이것은 청중을 참여시키는 매우 적응력 있고 재미있는 방법입니다.
많은 마케터들이 이미 이런 종류의 인포그래픽에 적응했으며 빠르게 전달됩니다. 그러나 동시에 많은 사람들이 그럼에도 불구하고 기초로 삼습니다. 간단한 인포그래픽:
….대화형 인포그래픽으로 무엇을 할 수 있는지 상상해 보세요.
당신은 시도 할 수 있습니다:
- 이미지나 모양을 배경에서 돋보이게 하는 스크롤 기술 사용
- 텍스트 영역을 확장하는 "팝업" 구축
- 이미지 또는 통계를 클릭하면 팝업
- 인포그래픽을 사용자가 볼 수 있는 여러 페이지로 변환
이상 자세한 예인터랙티브 인포그래픽, 이것을 보세요:
인포그래픽을 고도의 인터랙티브(스크롤링, 팝업 등)로 만들려면 HTML5 또는 CSS에 대해 조금 배우거나 다른 사람을 고용하여 알아낼 필요가 있습니다.
추가 노력에도 불구하고 독특하고 매력적이며 효과적인 콘텐츠로 보상을 받을 것입니다.
가까운 장래에 인포그래픽을 구현해야 하는 이유는 무엇입니까?
- 청중이 콘텐츠에 참여하고 공유하도록 영감을 줍니다.
- 트래픽 생성(링크를 통해)
- 이는 귀하가 혁신적이고 수완이 있으며 시기 적절하고 흥미로운 콘텐츠를 제공하기 위해 최선을 다하고 있음을 청중에게 증명합니다.
- 개발을 관리할 수 있게 해주는 대화형 인포그래픽 수준이 있습니다.
2. 임베디드 비디오 및 GIF
이것은 오늘날 우리가 점점 더 자주 보게 되는 다른 유형의 인포그래픽입니다. 짧은 비디오 또는 GIF(Graphic Data Interchange Format)를 제공하는 인포그래픽은 사람들의 관심을 끌고 당신의 인포그래픽을 돋보이게 할 수 있는 좋은 방법입니다. 이는 플랫폼을 제한하지만 실시간으로 인포그래픽을 공유할 수 있습니다.
Easel.ly와 같은 많은 간단한 인포그래픽 도구는 "포함된 YouTube 비디오" 옵션을 제공하거나 비디오 레이어를 사용하여 Photoshop에서 만든 인포그래픽에 비디오를 추가할 수 있습니다. 인포그래픽으로 변환할 수 있는 파워포인트 슬라이드에 비디오를 추가할 수도 있습니다.
또한 웹에서 수백만 개의 GIF를 찾아 동일한 방식으로 붙여넣을 수 있습니다. 여기서 주의할 점은 인포그래픽이 사이트에 제대로 포함되었는지 확인하기 위해 URL로 인포그래픽을 배포해야 한다는 것입니다. 이러한 인포그래픽을 .jpeg 또는 PDF 형식으로 배포하거나 저장할 수 없습니다. 의심할 여지 없이, 점점 더 대중화됨에 따라 다른 비디오 및 GIF 삽입 도구가 나타나 프로세스를 훨씬 더 쉽게 만들 것입니다.
그러나 다른 모든 사람들, 심지어 그들의 개도 그 방법을 배우기 전에 이러한 유형의 인포그래픽을 사용하려면 온라인에서 찾을 수 있는 도구로 지금 시작하십시오.
다음 단계로 넘어가고 싶다면 이미 가지고 있는 인포그래픽으로 동영상을 만들 수 있습니다. 이것은 YouTube, Instagram은 물론 Vimeo, Snapchat 등과 같은 비디오 플랫폼에서도 볼 수 있는 좋은 기회입니다. 아래 비디오는 인포그래픽을 비디오로 변환하는 방법의 좋은 예입니다.
인포그래픽에 동영상이나 GIF를 삽입하는 이유는 무엇인가요?
- 이것은 당신에게 놀라운 요소를 제공합니다. 사람들은 사진이 움직이는 것을 기대하지 않습니다!
- 매우 재미있고 독창적이어서 사람들이 귀하의 인포그래픽과 상호 작용하고 공유할 가능성이 높아집니다.
- 그것 좋은 방법모두에게 브랜드의 독창성을 보여주세요
3. 애니메이션 인포그래픽
애니메이션 인포그래픽은 큰 금액시각적 모델이며 많은 주의가 필요합니다. 사용자가 페이지를 볼 때 일반적으로 아무 것도 이동할 것으로 기대하지 않으므로 다른 사람보다 먼저 이러한 기술을 모두 배우는 것이 좋습니다.
많은 애니메이션 인포그래픽은 상당히 복잡하고 일종의 그래픽 디자인, 코딩 및/또는 소프트웨어 지식이 필요할 수 있기 때문에 매우 가치가 있습니다.
내가 말하는 것의 예는 다음과 같습니다.
애니메이션 인포그래픽을 만드는 방법에 대해 자세히 알아보려면 Tabletop Whale에서 이 인포그래픽을 확인하세요. 또한 이러한 종류의 인포그래픽을 만드는 데 도움이 되는 다양한 서비스를 찾을 수 있습니다. 어쨌든 이것은 인포그래픽의 진화에서 가장 복잡한 과정 중 하나입니다.
애니메이션 인포그래픽을 만드는 데 시간, 에너지 및/또는 돈을 써야 하는 이유는 무엇입니까?
- 모든 사람이 이런 종류의 액세스 권한을 갖고 있지 않기 때문에 실제로 군중에서 눈에 띄게 만들 것입니다. 소프트웨어또는 콘텐츠
- 몇 년 안에 이것은 일상적인 일이 될 것입니다. 당신은 그것을 가장 먼저 하는 사람이 될 것입니다!
- 애니메이션은 인포그래픽 안의 정보를 더욱 기억에 남게 만들 것입니다.
- 사용자가 귀하와 함께 작업하도록 영감을 줄 것입니다.
이 중 어느 것도 공상과학 소설이 아닙니다.
너무 기술적으로 들릴 수도 있고 지금은 능력 밖의 일처럼 보일 수도 있지만 이러한 유형의 인포그래픽은 2-3년 안에 매우 보편화될 것입니다. 특히 gif가 계속해서 인기를 얻으면서 애니메이션 인포그래픽과 gif 인포그래픽에서 획기적인 발전을 이미 볼 수 있습니다. 인포그래픽은 인터넷에서 가장 많이 소비되고 가장 자주 생성되는 콘텐츠 유형 중 하나가 되었습니다. 왜요? 예, 뇌가 기호의 의미를 받아들이고 처리하는 데 250밀리초만 필요하기 때문입니다.
평균적인 사람이 사이트에서 약 15초를 보낸 다음 지루해지면 자연스럽게 화면에서 지연시킬 수 있는 모든 것을 꺼내고 싶거나 최소한 15초 이내에 메시지를 받습니다. 어떤 연구에서는 사람들이 8초 이상 집중할 수 없다는 사실이 입증되었으며, 이 수치는 매년 감소하고 있습니다.
이것은 정보에 대한 우리의 끊임없는 요구의 원인이자 아마도 부산물입니다. 우리는 정보화 시대에 살고 있으며 모든 정보를 이용할 수 있습니다. 그러나 그것은 또한 더 많은 사람들이 메시지를 공유하고 가능한 모든 질문에 답하려고 할수록 더 많은 콘텐츠가 배경 소음이 된다는 것을 의미합니다.
오늘날 인포그래픽의 존재가 지표라면 곧 모든 곳이 될 것입니다. 이것은 당신의 작업에 새로운 변화를 의미합니다. 역사상 어떤 마케팅 캠페인도 항상 같은 일을 해서 성공한 적이 없습니다.
여기서 아이디어는 인포그래픽을 .jpeg 이미지 이상의 것으로 보는 것입니다. 인포그래픽은 다양한 환경에 적용할 수 있으며 다양한 플랫폼에서 사용할 수 있습니다. 기업가와 마케터는 이미 이것의 잠재력을 보았습니다. 당신은요?