در چند سال گذشته، اینفوگرافیک ها از تصاویر ثابت به تجربه های غنی و تعاملی با انیمیشن و عناصر ویدیویی متناسب با محتوای منحصر به فرد تبدیل شده اند. دیگر محدود به از پیش آماده سازی نیست، قالب های جهانی. و انتخاب امروز شامل بهترین نمونه های اینفوگرافیک است که نشان می دهد یک تجربه جالب و آموزنده چگونه به نظر می رسد.

بیشتر اینفوگرافیک های این لیست برای نمایش انتخاب شده اند راه های مختلف، که با آن طراحان به تجسم داده ها نزدیک می شوند. با این حال، چند «ترکیب» نیز در اینجا وجود دارد که نشان‌دهنده محو شدن خطوط بین اینفوگرافیک و تجربیات رسانه‌ای غنی هنگام ایجاد محتوای جذاب و داستان‌های جذاب در صفحات فرود است. انحراف از شکل‌های سنتی به این معنی است که ما وارد قلمرو رسانه‌ای پیچیده‌تر می‌شویم، و این نوع آزمایش با فناوری و داستان‌گویی است که برای شکل‌دهی به آینده حیاتی است. طراحی گرافیکی.

1. نقشه باد

نقشه باد یک قطعه طراحی نفس گیر است که جهت و سرعت باد را بر فراز ایالات متحده نشان می دهد. این طرح یک هدف هنری دارد تا سودمند، و این فوق العاده است: بسیار لذت بخش است که فقط بنشینید و تماشا کنید که چگونه رشته های نازک و نازک روی نقشه می پیچند. یک مثال ساده اما کاملاً سنجیده از این که چگونه اینفوگرافیک ها مسیرهای شکل را نشان می دهند از انیمیشن و تصاویر متحرک بهره می برند.

2. در حال پرواز

در سال 2014، گاردین یک اینفوگرافیک به نام In Flight راه‌اندازی کرد که داده‌های بی‌درنگ پروازهای تجاری را نشان می‌داد (به نظر نمی‌رسد که دیگر به‌روزرسانی نمی‌شود، که مایه شرمساری است) و همچنین شامل یک درس در مورد تاریخچه هوانوردی بود. گفتگوهای خاموش بین خدمه هوایی در شروع نمایش تعاملی فضای خاصی را ایجاد می کند. به نظر می رسد اینفوگرافیک ها این روزها کم کم به تجربه های سینمایی تبدیل می شوند. حداقل «در پرواز» به این سمت اشاره می کند...

3. شماره گیری ماه

در اینفوگرافیک Dial A Moon اتفاقات زیادی نمی افتد، اما به خوبی به هدف خود عمل می کند. در سال 2015، به لطف ناسا، اینفوگرافیک مراحل ماه هر ساعت به روز می شد و نیازی به مراجعه به گوگل برای جستجوی این اطلاعات مرموز نبود. اکنون می توانید با وارد کردن دستی ماه، روز و ساعت، تصاویر را مشاهده کنید.

4. روز با پلوتون

مجله نیچر اینفوگرافیک های جالب زیادی را برای مخاطبان علاقه مند به علم خود منتشر می کند. یکی از آنها در مورد سفینه فضایی معروف در نزدیکی پلوتون (24 ساعت از پلوتون) بود. اینفوگرافیک شامل موارد زیادی بود اطلاعات متنی، اما تصاویر بصری بینش آسانی را در مورد نکات برجسته، از ساختار سیاره کوتوله گرفته تا فرآیند تشکیل قمرهای آن، ارائه کردند. اکنون بخش متن و همچنین دو فیلم متحرک از اینفوگرافیک در اینترنت موجود است.

5. خانه های آمریکایی چگونه تغییر کرده اند

سفری به رویای بزرگ آمریکایی داشته باشید، همانطور که از طریق تکامل سبک های خانه منعکس شده است. این اینفوگرافیک که به خوبی نشان داده شده است به شما امکان می‌دهد پشت فرمان خودرو بنشینید (که همچنین با پیمایش ظاهر آن تغییر می‌کند تا از آن دوران عقب نمانید) و مسیر خود را از دهه 1900 تا 2000 طی کنید، از کنار ساختمان‌هایی که در دهه‌های مختلف محبوب بودند. در این مسیر با افراد زیادی روبرو خواهید شد مواد مفید(از جمله شرایط سیاسی-اجتماعی آن زمان، و همچنین روند مد)، و همه با سوالی به پایان می رسد که شما را به چالش می کشد تا آینده خانه آمریکایی را تصور کنید. اینفوگرافی Decades Of American Homes یک نمونه عالی از اسکرول افقی است و در اینجا مفید است.

6. تکامل تجزیه و تحلیل بازاریابی

در اینفوگرافیک Evolution of Insight، شرکت اطلاعاتی کاربر Vision Critical، توسعه بازار فناوری بازاریابی در سراسر جهان را از دهه 1890 تا به امروز دنبال می‌کند. عملکردی مشابه اینفوگرافیک خانه‌های آمریکایی چگونه تغییر کرده است، و بنابراین به شما امکان می‌دهد اثربخشی استفاده از یک جدول زمانی تعاملی را برای دو نفر مقایسه کنید. داستان های مختلف. اینفوگرافی Decades Of American Homes این مزیت را دارد که خانه‌ها را در حین رانندگی ببینید، که بسیار شهودی‌تر از سفر از طریق Great American Analytics است. اینفوگرافیک های خوب حول محتوا ایجاد می شوند، نه پیرامون آن.

7. حقوق دگرباشان جنسی در سراسر جهان

گاردین با این اینفوگرافیک زیبا که چشم انداز قانونی حقوق دگرباشان جنسی را در طیف وسیعی از مسائل (ازدواج، تبعیض در محل کار، جنایات ناشی از نفرت و غیره) در هر ایالت جهان توضیح می دهد، جایگاه دیگری را در لیست ما به خود اختصاص داده است. حرکت در اطراف نیم دایره راهی سریع و آسان برای مقایسه آمار بین آنها فراهم می کند کشورهای مختلف، و ترکیب اینفوگرافیک وضعیت جهانی را در جلو و مرکز نگه می دارد. همچنین یک فراخوان قدرتمند برای اقدام در اینجا وجود دارد که هدف آن پر کردن شکاف بین آگاهی و فعالیت است.

8. نابرابری قابل رفع است.

یکی دیگر از نمونه‌های عالی اینفوگرافیک تعاملی، نابرابری قابل رفع است، مخاطب را دعوت می‌کند تا در یک موضوع غوطه‌ور شود و در عین حال آن را عمیقاً شخصی می‌کند. بیننده تضمین می‌کند که به مطالبی که به او می‌گوید رئیسش چقدر و چرا کمتر دستمزد می‌دهد علاقه‌مند خواهد بود. با قرار دادن کاربر در داستان، توسعه‌دهندگان کنجکاوی را برانگیخته و کاربر را از طریق تمام مراحل لازم و درست به سمت Call-To-Action در پایان راهنمایی می‌کنند.

"ما اجازه دادیم این اتفاق بیفتد - اکنون چگونه می توانیم آن را برطرف کنیم؟"

9. برای خود نقاشی بکشید: چگونه درآمد خانواده شانس کودک برای رفتن به دانشگاه را پیش بینی می کند

بسیاری از اینفوگرافیک های موجود در این لیست از انیمیشن و تعامل برای ارائه یک تجربه غنی استفاده می کنند. از نظر بصری، این اینفوگرافیک نیویورک تایمز (شما آن را ترسیم می‌کنید: چگونه درآمد خانواده شانس تحصیل کودکان را پیش‌بینی می‌کند) به قالب نمودار کلاسیک پایبند است، اما همچنین از درک رفتار کاربر برای گسترش دامنه طراحی اینفوگرافیک، یعنی روش پیش‌بینی استفاده می‌کند. و تجسم تعاملی. با درخواست از خوانندگان برای ترسیم منحنی خود، آنها عنصری از علاقه شخصی را معرفی می کنند و بنابراین اطلاعات واقعاً ارزشمندی را در اختیار مردم قرار می دهند.

بدترین نتیجه نیست! محور عمودی درصد کودکانی است که به دانشگاه رفتند. محور افقی: صدک درآمد والدین

10. آمریکایی ها چگونه می میرند

به استثنای تصویر عنوان، این مثال بیشتر از نمودارهای قدیمی ساده برای تجسم محتوا استفاده می کند. اما این به هیچ وجه خسته کننده نیست، زیرا کاربران می توانند به طور مستقل در داده ها با حرکت مکان نما در امتداد نمودارها حرکت کنند. به عنوان مثال، مقایسه تعداد مرگ‌های ناشی از خودکشی در دهه 70 در مقایسه با اکنون بسیار آسان‌تر می‌شود (اشاره: اکنون در حال افزایش است)، چیزی که یک نمودار ثابت نمی‌تواند به این سادگی انجام دهد.

11.

از زمانی که بارش برف برای اولین بار مورد توجه و ستایش گسترده قرار گرفت، نیویورک تایمز شهرت خود را برای برتری در روزنامه نگاری چند رسانه ای حفظ کرده است. تیم انتشارات از ترکیبی از طراحی اینفوگرافیک و داستان سرایی عمیق برای ایجاد یک تجربه جذاب استفاده می کند. آنها نمونه های برجسته تری دارند، اما The Russia Left Behind اثری است که طنین خاصی ایجاد کرده است. اینفوگرافیک به عنوان یک تور تعاملی روسیه عمل می کند (شما مسیر خود را روی نقشه حرکت می کنید).

12. ماشین های باند

اگر می خواهید تاریخچه جیمز باند را با نگاه کردن به اتومبیل های او تجربه کنید، از فروشنده اتومبیل بریتانیایی ایوانز هالشاو برای این فرصت تشکر کنید. اینفوگرافیک تعاملی Bond Cars او به شما این امکان را می دهد که ساخت و طراحی هر یک از اتومبیل های Bond را بررسی کنید، به علاوه تعدادی اضافی به شما می دهد. حقایق جالب. با استفاده از تاکتیک لغزنده همه جا، می توانید خودرو را با تمام شکوه متالیک آن "آشکار" کنید (به طور پیش فرض فقط یک طرح تک رنگ ارائه می شود). به این ترتیب نویسندگان خلاقانه مشکل نیاز به گنجاندن عکس هایی را که کاملاً با زیبایی شناسی اینفوگرافیک مطابقت ندارند حل کردند.

13. رنگ های حرکت

The Colors Of Motion یک مجموعه اینفوگرافیک است که فیلم ها را صرفاً بر اساس پالت رنگ آن ها تجزیه و تحلیل می کند که از ترکیب همه فریم ها به دست آمده است. اگر تا به حال فکر کرده اید، اکنون پاسخ آن را دارید. نمی توانید عنوانی را در پایگاه داده پیدا کنید؟ فقط یک پیام به توسعه دهندگان بفرستید - آنها درخواست ها را می پذیرند.

14. مقبره سلطنتی در پرو

نشنال جئوگرافیک مجموعه ای بسیار چشمگیر از آنچه که "گرافیک های تعاملی" می نامند دارد (که اغلب آنها با توضیحات متنی مفصل مانند ستون تراژان همراه هستند)، اما ما این مثال نسبتاً ساده را برای برجسته کردن تکنیک های استفاده واقعاً مؤثر در آن انتخاب کرده ایم. اینفوگرافیک های تعاملی "مقبره سلطنتی واری پرو" ویژگی های دفن یک نجیب زاده آن زمان را نشان می دهد. تمرکز از پوشش های مومیایی به تزئینات و موقعیت آن منتقل می شود. با تقسیم اطلاعات به قطعات کوچک و اجازه دادن به کاربر برای حرکت بین آنها، گرافیک های تعاملی از موذیانه ترین دام ها جلوگیری می کند: اضافه بار داده ها و جلوههای بصری. علاوه بر این، هر تعامل بعدی، تجربه را افزایش می‌دهد، و آن را بسیار بیشتر از زمانی که همه چیز به یکباره ارائه می‌شد، پاداش می‌دهد. مغز ما مکانیزمی دارد که محرک های شدید را رد می کند و این نوعتعامل به یک راه حل عالی برای کاربر تبدیل می شود و جذب اطلاعات را آسان می کند.

15. "رفراندم اسکاتلند" چیست؟ توضیح برای افراد غیر انگلیسی

گاردین، مانند نیویورک تایمز، به روزنامه‌نگاری چند رسانه‌ای متعهد است و ویدیوی آن‌ها یکی از کارکردهای اصلی اینفوگرافیک را به خوبی انجام می‌دهد: قرار دادن اطلاعات دست و پا گیر به شکل قابل مدیریت. برای بسیاری از ما که در خارج از بریتانیا زندگی می کنیم، همه پرسی موضوع بسیار گیج کننده ای است. خوشبختانه، این ویدیو (رفراندم اسکاتلندی که برای غیر بریتانیایی ها توضیح داده شده است) به شما کمک می کند تا به سرعت در مورد جنبه های مهم بدون نیاز به شیرجه رفتن عمیق در تاریخ یاد بگیرید.

16. بهداشت عمومی

ماموریت آتلانتیک توسعه چشم اندازی برای بهبود سلامت عمومی بود. این شرکت به آزمایشگاه حقیقت دستور داد تا مجموعه‌ای 3 قسمتی با عنوان «سلامت جمعیت» را به داستان‌سرایی دیجیتال بسازد. هدف اصلی هنرمند حفظ اسکرول طبیعی سند و تجربه عادی خواندن کاربر بود، در حالی که تجربه ای متفاوت از دیدگاه بصری ایجاد کرد. برای زنده کردن آن، آنها ابزارها و استراتژی‌هایی را از فیلم به عاریت گرفتند، اما همچنین به مجموعه‌ای از اصول طراحی برای پشتیبانی از خوانایی به عنوان یک قانون کلیدی تکیه کردند.

17. دانه های جوهو

Joho's تولید کننده قهوه اتریشی یک تجربه چندرسانه ای همهجانبه به نام Joho's Bean ایجاد کرده است تا داستان منشا دانه قهوه را بیان کند. این روایت به طور یکپارچه صدا، تصویر و عکاسی را با هم ترکیب می کند تا تقریباً تمام حواس کاربر را درگیر کند. همانطور که یک کشاورز را دنبال می کنید. یک مزرعه قهوه، می شنوید، صدای جیر جیر پرندگان، صدای بسته بندی دانه های قهوه برشته شده در کیسه ها، و صدای خیابان های شلوغ و ترافیک در شهر. غوطه ور شدن کامل!

Joho's شما را به سفری می برد و منشا دانه های قهوه خود را توضیح می دهد

18. جاده بکر

The Wild Path یک تجربه سفرنامه تعاملی است که با استفاده از Canvas ایجاد شده است. عنصر اصلی نقشه است که با اسکرول صفحه، مسیر روی نقشه را متحرک می کند. این پروژه ممکن است در همه مرورگرها کار نکند. اما با مقاله ای همراه است که تمام فناوری های پشت صحنه برای ایجاد اینفوگرافیک را توضیح می دهد.

19.

پوشش گاردین از انتخابات ریاست جمهوری آمریکا در سال 2016 (نتایج زنده انتخابات) یک عنصر سرگرم کننده را به تجارت جدی شماره های نظرسنجی و مراکز رای گیری وارد کرد. اینفوگرافیک تعاملی آراء را در چهار ایالت ردیابی کرد. به‌طور پیش‌فرض، نمودار نتایج را برای کل کشور نشان می‌دهد و اگر کاربر روی یک منطقه روی نقشه قرار می‌گیرد، نشان می‌دهد که نامزدها چه اعدادی را در آنجا کسب کرده‌اند. نامزدهای ریاست جمهوری به عنوان آواتارهای پیکسلی خنده دار معرفی شدند. همانطور که اینفوگرافیک در زمان واقعی به روز می شد، مردم در ایالت هایی که برنده شدند رنگ آمیزی کردند. هر از گاهی، یک نقل قول در حباب در کنار نامزد ظاهر می شود.

انعکاس نتایج انتخابات در زمان واقعی

تراشه واقعیت مجازیاین است که از نظر دیگران شما مانند یک احمق به نظر می رسید

Cardboard Design Lab Google یک "آموزش" خوب برای طراحان واقعیت مجازی است

اینفوگرافیک - مانند یک بازی ماجراجویی

مشکل Unity این است که ساختن یک چیز خوب برای وب چندان آسان نیست.

واقعیت مجازی مانند هدفون برای چشمان شماست

واقعیت مجازی به یک محیط امن نیاز دارد؛ شما نمی توانید «در حال حرکت» وارد آن شوید. این کار VR را محدود می کند

جلسه در نیمه اول روز تعطیل شد آرچی تسهاز نیویورک تایمز با موضوع تحریک آمیز "چرا نیویورک تایمز کارهای تعاملی کمتری انجام می دهد."

کار NYT بر اساس سه قانون داستان سرایی تصویری است:

1. اگر خواننده باید به جای پیمایش کلیک کند، باید اتفاقی غیرعادی بیفتد.
2. فرض کنید که راهنمای ابزار و هر افکت شناور دیگر هرگز توسط کسی دیده نخواهد شد. اگر محتوا مهم است، مطمئن شوید که خواننده بلافاصله آن را می بیند.
3. اگر می‌خواهید چیزی تعاملی بسازید، به یاد داشته باشید که کار کردن آن روی همه پلتفرم‌ها گران است.

شما باید 2 یا 3 بار گرافیک خود را دوباره ترسیم کنید تا هم روی دسکتاپ و هم روی موبایل کار کند

چگونه این قوانین رویکرد NYT را تغییر داد:

1. اکثر تجسم ها اکنون ایستا هستند
2. متن های بیشتری وجود دارد
3. اگر حرکت در تصویر مورد نیاز باشد، در حین پیمایش ظاهر می شود

(نکته چهارم می گوید که آنها هنوز هم کار تعاملی انجام می دهند. اما حالا دلیل آن باید بسیار معنی دار باشد).

ما "چند مرحله" را انجام دادیم. کاربران در مرحله 3 متوقف شدند. خوانندگان فقط می خواهند پیمایش کنند، نه کلیک

Archie Tse: Scrolling Vs. کلیک کردن

در 18 هفته گذشته، هر یکشنبه عصر، اندی کریبل، اینفوگرافیک و داده‌های مبتنی بر آن را در VizWiz پست می‌کند. وظیفه این است که روز دوشنبه حدود یک ساعت وقت بگذارید، به سرعت تجسم را تجزیه و تحلیل کنید و نسخه خود را بسازید.

در زیر نتایج هفته گذشته - برده داری در قرن 21 را منتشر می کنیم.

#MakeoverMonday اثر اندی کریبل. توصیف همراه با جزئیاتو تعاملی - در وبلاگ اندی:

#MakeoverMonday اثر اندی کاتگریو. توضیحات مفصل و تعاملی - در وبلاگ اندی:

همچنین یاد گرفتم که 51 درصد از مردم جهان از من جوانتر هستند و 63 درصد در روسیه مسن تر هستند و شانس من برای مرگ در حال حاضر آنقدرها هم زیاد نیست. اعداد ناگهان "آمار" نبودند و من را به هم زد.

تجسم داده ها - استفاده می کند مجموعه های بزرگداده ها با کار طراحی دستی کمتر؛ بر اساس الگوریتم ها به عنوان مثال، کار تعاملی نیویورک تایمز.

هنر تجسمی - کدگذاری یک طرفه رمزگشایی تجسم های زیبا اما دشوار است، مانند هنر محاسباتی کونال آناند.

مشکل چیه؟

در نتیجه، بسیاری از آثار فقط کاربران پیچیده را جذب می کنند، اما به خوانندگان ناآشنا اجازه نمی دهند ماهیت موضوع را درک کنند، در نتیجه هدف تجسم - اطلاع رسانی به عموم را شکست می دهند. به همین دلیل است که شناخت و درک مشکل سواد بصری در زمینه تجسم بسیار مهم است.

"گرامر بصری" جدید روزنامه نگاری

در اینجا سه ​​اثر وجود دارد که روش‌های ارائه روزنامه‌نگاری تعاملی را آزمایش می‌کنند. آنها چشمگیر به نظر می رسند، اما تفسیر آنها می تواند برای بسیاری کار دشواری باشد.

حقوق همجنسگرایان در ایالات متحده، ایالت به ایالت

تعداد منابع داده و ابزارهای موجود برای پردازش آنها امروزه به وضوح نشان می دهد که قبلاً هرگز افراد زیادی سعی نکرده بودند به دنیای تجسم داده ها عادت کنند. و وقتی چنین تعداد مواد برای مطالعه در دسترس باشد، فقط یک سوال وجود دارد "از کجا شروع کنم؟"می تواند برای هر تازه واردی ترسناک باشد. بنابراین، کدام کتابخانه ها بهترین هستند و متخصصان چه چیزی را توصیه می کنند؟ این در این مقاله مورد بحث قرار خواهد گرفت.

صحبت در مورد تجسم داده ها و ذکر نکردن آن مانند صحبت از تاریخچه خلقت است کامپیوترهای شخصیو حتی یک کلمه در مورد استیو جابز نگو. D3 (از انگلیسی Data Driven Documents) بدون اغراق مهمترین و غالب ترین در بازار است. کتابخانه جاوا اسکریپتبا باز کد منبع، که معمولا برای ایجاد گرافیک SVG استفاده می شود. SVG (از انگلیسی مقیاس پذیر گرافیک برداری) به نوبه خود یک قالب است تصویر برداری، توسط مرورگرهای وب پشتیبانی می شود اما قبلاً کمتر استفاده می شد.

کتابخانه D3 بیشتر محبوبیت خود را مدیون علاقه ناگهانی به SVG در بین طراحان وب است که تا حد زیادی به دلیل مزیت آن است. گرافیک برداریبه صفحه‌های با وضوح بالا (به ویژه در صفحه نمایش‌های رتینا که در آن استفاده می‌شود) نگاه کنید دستگاه های اپل) که به طور فزاینده ای رایج می شوند.

موریتز استفانر، کارشناس مستقل تجسم داده ها و مالک شرکت می گوید: "بیایید صادق باشیم، اگر مشکل تجسم داده های مبتنی بر SVG باشد، همه کتابخانه های دیگر حتی به حل آن نزدیک نیستند." حقیقت و زیبایی. همچنین پروژه های جالب زیادی بر اساس D3 ایجاد شده است، مانند NVD3، که اجزای گرافیکی استاندارد را ارائه می دهد - آماده استفاده، اما قابل تنظیم. یا بیایید بگوییم Crossfilter به سادگی یک ابزار برجسته برای فیلتر کردن داده است.

اسکات موری، برنامه نویس طراح و نویسنده کتاب تجسم داده های تعاملی برای وب، با نظر قبلی موافق است: "D3 بسیار قدرتمند است زیرا از همه چیزهایی که مرورگرها ارائه می دهند استفاده می کند. اگرچه این یک جنبه منفی دارد: اگر مرورگر چیزی را پشتیبانی نمی کند، به عنوان مثال، تصاویر سه بعدی مبتنی بر WebGL (از کتابخانه گرافیک وب انگلیسی)، D3 نیز از آن پشتیبانی نمی کند.

و اگرچه این کتابخانه واقعا جهانی است، اما هنوز هم نیست راه حل ایده آلبرای هر کاری اسکات موری می افزاید: «اشکال اصلی کتابخانه D3، به اصطلاح، این است که هیچ رویکرد خاصی را برای تجسم تجویز نمی کند یا حتی پیشنهاد نمی کند. بنابراین واقعاً ابزاری برای بارگیری داده ها در مرورگر و سپس تولید اجزای DOM بر اساس آن داده ها است.

در حالی که D3 یک ابزار عالی برای تصاویر سفارشی است، اگر می خواهید یک نمودار استاندارد بدون کار زیاد روی جنبه بصری ایجاد کنید، ممکن است ابزاری مانند وگا. Vega به عنوان یک چارچوب توسعه یافته در بالای D3، جایگزینی برای نمایش اجزای گرافیکی ارائه می دهد. با استفاده از Vega، می‌توانید داده‌ها را در قالب JSON مرکز روزنامه‌نگاری اروپا و پروژه روزنامه‌نگاری داده محور تجسم کنید. تاریخ دقیق دوره هنوز مشخص نیست، اما می توانید همین الان ثبت نام کنید.

طی پنج روز، شرکت کنندگان دوره می توانند یاد بگیرند که روزنامه نگاری داده چیست، چگونه کار می کند و چه مهارت های کلیدی را باید برای تبدیل شدن به یک متخصص در این زمینه تسلط دهند. دریابید که کجا به دنبال داده برای پشتیبانی از داستان های خود و نحوه یافتن ایده های جدید در داده های موجود باشید. هنر تبدیل داده های خسته کننده به یک داستان جذاب، اینفوگرافیک یا حتی یک تجسم تعاملی را بیاموزید. با اصول اولیه طراحی گرافیک که یک روزنامه نگار باید بداند آشنا شوید.

مدرسان دوره پنج نفر از کارشناسان برجسته جهان در روزنامه نگاری داده و تصویرسازی هستند.

آینده تجسم داده ها تعاملی است.

اما چگونه می توان اینفوگرافیک تعاملی واقعا شگفت انگیز ایجاد کرد؟

اینفوگرافیک ها همه جا هستند و اخیراً به طور فزاینده ای تعاملی شده اند.

در مقاله امروز ما اسرار ایجاد اینفوگرافیک های تعاملی و همچنین لینک هایی به منابع مفید را با شما به اشتراک خواهیم گذاشت.

1. روانشناسی را درک کنید

قبل از اینکه یک اینفوگرافیک تعاملی ایجاد کنید، مهم است که بدانید چرا می خواهید آن را تعاملی کنید.

همانطور که در این اینفوگرافیک توضیح داده شده است، مردم اطلاعات بصری را بهتر درک می کنند. اگر ارائه ای جذاب باشد، احتمال خواندن، درک و به خاطر سپردن آن بسیار بیشتر است. یک ابزار یادگیری موثر است، اما می تواند حتی بهتر شود.

یادگیری جنبشی یک جایگزین عالی است زیرا افراد از طریق فعالیت های بدنی بهتر یاد می گیرند.

به همین دلیل است که افزودن تعامل به حوزه امیدبخش تجسم به شما کمک می کند تا اینفوگرافیک های به یاد ماندنی و موثرتری ایجاد کنید.

این ترکیب رویکرد بصری و جنبشی، اینفوگرافیک های متحرک را به محتوای آینده تبدیل می کند. البته برای برخی از تم ها بهتر است از عناصر تعاملی استفاده نشود، اما در بیشتر موارد فقط باعث بهبود محتوا می شوند.

حرکت به اطلاعات معنا می بخشد، به کاربر اجازه می دهد تا تجربه را کنترل کند، و تخیل را به گونه ای درگیر می کند که اینفوگرافیک ایستا نمی تواند.

2. افکت های اسکرول را اضافه کنید

احتمالاً متوجه تغییر گسترده ای در دنیای آنلاین از محتوای متنی به محتوای بصری شده اید.

نمی توان منکر قدرت تصاویر در اینترنت و زندگی روزمره ما شد. یوتیوب و اینستاگرام تحت سلطه محتوای بصری هستند. یوتیوب سومین سایت پربازدید در وب است و اینستاگرام روزانه بیش از 80 میلیون عکس پست می کند.

پست‌ها و مقالات وبلاگ در صورتی که تصاویر رنگی، تیتر یا تصاویر کوچک داشته باشند، 80 درصد بیشتر مورد استفاده قرار می‌گیرند و اگر سایتی فوراً توجه آنها را جلب نکند، بیش از 15 ثانیه وقت صرف نمی‌کنند.

اینفوگرافیک ها در بین مخاطبان و خرده فروشان محبوب هستند و امروزه 800 درصد بیشتر از سال 2012 برای مردم جالب هستند.

علاوه بر این، محتوا با سرعت نگران کننده ای تولید می شود - 60٪ از بازاریابان حداقل مقدار کمی از محتوای جدید را هر روز تولید می کنند! می توانید از مقاله بررسی بیشتر بیاموزید.

همانطور که افراد بیشتری شروع به تولید محتوا می کنند، یک چیز مشخص می شود: برای دیده شدن، باید متمایز شوید.

به طور طبیعی، بازاریابان محتوا در حال حاضر به آینده محتوای بصری فکر می کنند، با توجه به اینکه اکنون چه کاری می توانند انجام دهند، چه کارهایی می توانند پیاده سازی کنند و چه فناوری های جدیدی در افق وجود دارد. این نوع تفکر رو به جلو چیزی است که می تواند تلاش های بازاریابی محتوای شما را شکست دهد یا شکست دهد. شما باید خود را وفق دهید وگرنه غرق خواهید شد.

با محتوای بصری مانند اینفوگرافیک، بازاریابان فرصتی منحصر به فرد برای دیدن آینده با نزدیک شدن به آن دارند. شرکت ها، طراحان گرافیک و بازاریابان همگی شروع به استفاده از اینفوگرافیک و به روز رسانی آن ها کرده اند تا جذابیت بیشتری برای مخاطبان خود داشته باشند. حتی اگر قبلاً به طور منظم اینفوگرافیک‌ها را «فقط پست می‌کنید»، هرگز برای یادگیری در مورد روندهایی که تازه شروع به توسعه کرده‌اند زود نیست، همانطور که هرگز برای یادگیری نحوه پیاده‌سازی آنها در استراتژی‌های بازاریابی محتوایتان زود نیست.

اگر می خواهید به آینده نگاه کنید، و شاید حتی قبل از دیگران چند ترفند یاد بگیرید، اکنون وقت آن است!

در اینجا سه ​​نوع اینفوگرافیک که در آینده (نزدیک) رایج‌تر خواهند بود، آورده شده است.

اگر به دنبال یک ابزار جالب برای ایجاد اینفوگرافیک هستید، توصیه می کنم Visme را بررسی کنید. برای شروع، آنها یک حساب کاربری رایگان و ویژگی های کاربر پسند عالی برای غیر طراحان ارائه می دهند. اکنون می توانید یک حساب کاربری رایگان دریافت کنید.

1. اینفوگرافیک های تعاملی

در حالی که ما زیبایی وب سایت های تعاملی و بازی های آسان برای استفاده را دیده ایم، اینفوگرافیک های تعاملی هنوز در زمینه خود نسبتاً جدید هستند. مانند اینفوگرافیک ها، مشخصاً حاوی اطلاعاتی هستند و معمولاً پویا هستند. اما استفاده از عناصر تعاملی به کاربران این فرصت را می دهد تا با اطلاعات ارتباط برقرار کنند و اطلاعات خود را ایجاد کنند.

بدون توجه به کسب و کار، محصول، خدمات یا پیام شما، می توانید یک اینفوگرافیک تعاملی ایجاد کنید که به افراد امکان می دهد به خود امتیاز دهند (به عنوان مثال، "BMI خود را در اینجا محاسبه کنید"). کاربران همچنین می توانند روی اطلاعات مربوطه کلیک کنند، که آنها را به یک منبع عمیق تر ارسال می کند، یا به صفحه فرود باز می گردد و در نتیجه ترافیک ایجاد می کند. این یک راه بسیار سازگار و سرگرم کننده برای جذب مخاطب است.

بسیاری از بازاریابان قبلاً با این نوع اینفوگرافیک سازگار شده اند و به سرعت منتقل می شود. اما در همان زمان، بسیاری هنوز هم به عنوان مبنایی هستند اینفوگرافیک ساده:

….فقط تصور کنید چه کارهای دیگری می توانید با اینفوگرافیک های تعاملی انجام دهید.

می تونی امتحان کنی:

• استفاده از تکنیک های اسکرول که تصاویر یا اشکال را از پس زمینه متمایز می کند
• ساخت "پنجره های پاپ آپ" که نواحی متن را گسترش می دهند
• وقتی روی آنها کلیک می کنید، تصاویر یا آمار ظاهر می شوند
• اینفوگرافیک های خود را به صفحات متعددی تبدیل کنید که کاربران می توانند مشاهده کنند

برای بیشتر مثال مفصلبرای یک اینفوگرافیک تعاملی، این یکی را بررسی کنید:

برای ایجاد یک اینفوگرافیک بسیار تعاملی (با اسکرول، پاپ آپ و غیره) باید کمی در مورد HTML5 یا CSS یاد بگیرید یا شخص دیگری را استخدام کنید تا آن را برای شما کشف کند.

علیرغم تلاش اضافی، با یک محتوای منحصر به فرد، جذاب و موثر پاداش دریافت خواهید کرد.

چرا باید در آینده نزدیک سعی کنید اینفوگرافیک را پیاده سازی کنید؟

• این کار مخاطبان شما را تشویق می کند تا با محتوای شما درگیر شوند و به اشتراک بگذارند.
• این باعث ایجاد ترافیک (از طریق پیوندها) می شود
• این به مخاطبان شما ثابت می کند که شما مبتکر، مبتکر هستید و قصد ارائه محتوای به موقع و جالب را دارید.
• لایه هایی از اینفوگرافیک های تعاملی وجود دارد که توسعه آن را قابل مدیریت می کند

2. ویدئو و GIF جاسازی شده

این یک نوع متفاوت از اینفوگرافیک است که امروزه بیشتر و بیشتر شاهد آن هستیم. اینفوگرافیک‌هایی که ویدیوهای کوتاه یا حتی GIF (فرمت تبادل گرافیکی) ارائه می‌دهند، راهی عالی برای جلب توجه و متمایز کردن اینفوگرافیک شما از سایرین است. در حالی که این توسط پلتفرم ها محدود شده است، می توانید اینفوگرافیک های خود را در زمان حال به اشتراک بگذارید.

بسیاری از ابزارهای ساده اینفوگرافیک، مانند Easel.ly، گزینه "ویدیوی یوتیوب جاسازی شده" را ارائه می دهند، یا می توانید با استفاده از یک لایه ویدئو، به اینفوگرافیکی که در فتوشاپ ایجاد می کنید، ویدئو اضافه کنید. شما حتی می توانید یک ویدیو را به یک اسلاید پاورپوینت اضافه کنید که می توانید آن را به یک اینفوگرافیک نیز تبدیل کنید.

علاوه بر این، می‌توانید میلیون‌ها فایل GIF را به صورت آنلاین پیدا کنید و به همان روش درج کنید. نکته مهم در اینجا این است که شما باید اینفوگرافیک خود را به عنوان یک URL توزیع کنید تا مطمئن شوید که به درستی در سایت شما تعبیه شده است. شما نمی توانید چنین اینفوگرافیک ها را در قالب jpeg. یا PDF توزیع یا ذخیره کنید. بدون شک، با محبوبیت بیشتر، ابزارهای دیگری برای درج ویدیو و GIF وجود خواهد داشت تا فرآیند را آسان تر کند.

اما اگر می‌خواهید قبل از اینکه اطرافیانتان، حتی سگ‌هایشان، نحوه انجام آن را یاد بگیرند، از این نوع اینفوگرافیک استفاده کنید، اکنون با ابزارهایی که آنلاین پیدا می‌کنید شروع کنید.

اگر می‌خواهید آن را به سطح بعدی ببرید، می‌توانید از یک اینفوگرافیکی که قبلاً دارید یک ویدیو بسازید. این یک فرصت عالی برای دیده شدن در یوتیوب، اینستاگرام و حتی پلتفرم‌های ویدئویی مانند Vimeo، Snapchat و دیگران است. ویدئوی زیر نمونه ای عالی از نحوه تبدیل اینفوگرافیک به ویدئو است.

چرا یک ویدیو یا GIF را در یک اینفوگرافیک جاسازی کنیم؟

• این به شما یک عنصر شگفتی می دهد - مردم انتظار ندارند عکس حرکت کند!
• این بسیار سرگرم کننده و اصلی است، که شانس تعامل افراد و به اشتراک گذاری اینفوگرافیک شما را افزایش می دهد.
• این راه خوبمنحصر به فرد بودن برند خود را به همه نشان دهید

3. اینفوگرافیک متحرک

اینفوگرافیک متحرک دارای مقدار زیادیمدل های بصری است و نیاز به توجه زیادی دارد. زمانی که کاربر یک صفحه را مشاهده می کند، معمولاً انتظار ندارد چیزی جابجا شود، بنابراین اگر قبل از دیگران همه این تکنیک ها را یاد بگیرید، ایده خوبی است.

از آنجایی که بسیاری از اینفوگرافیک های متحرک بسیار پیچیده هستند و ممکن است به نوعی دانش طراحی گرافیکی، کدنویسی و/یا نرم افزار نیاز داشته باشند، ارزش بالایی دارند.

در اینجا یک مثال از آنچه من در مورد آن صحبت می کنم آورده شده است:

اگر می خواهید در مورد نحوه ایجاد اینفوگرافیک متحرک بیشتر بدانید، این اینفوگرافیک را از Tabletop Whale بررسی کنید. همچنین می توانید خدمات مختلفی را بیابید که به شما در ایجاد اینفوگرافیک هایی از این نوع کمک می کند. در هر صورت، این یکی از دشوارترین فرآیندها در تکامل اینفوگرافیک است.

چرا باید زمان، انرژی و/یا پول خود را برای ایجاد اینفوگرافیک های متحرک سرمایه گذاری کنید؟

• این در واقع باعث می شود که شما را از بقیه متمایز کنید زیرا همه به این نوع دسترسی ندارند نرم افزاریا محتوا
• در عرض چند سال این امر عادی خواهد شد - شما یکی از اولین کسانی خواهید بود که این کار را انجام می دهید!
• انیمیشن اطلاعات داخل اینفوگرافیک را به یاد ماندنی تر می کند
• این به کاربران شما انگیزه می دهد تا با شما کار کنند.

این داستان علمی تخیلی نیست.

این ممکن است در حال حاضر خیلی فنی و فراتر از توانایی های شما به نظر برسد، اما به احتمال زیاد این نوع اینفوگرافیک ها در عرض 2 تا 3 سال بسیار رایج خواهند شد. در حال حاضر می‌توانیم شاهد پیشرفتی قوی در اینفوگرافیک‌های متحرک و GIF باشیم، به‌ویژه که محبوبیت GIF همچنان در حال افزایش است. اینفوگرافیک ها در حال تبدیل شدن به یکی از پرمصرف ترین و رایج ترین انواع محتوا در اینترنت هستند. چرا؟ بله، زیرا مغز تنها به 250 میلی ثانیه برای پذیرش و پردازش معنای یک نماد نیاز دارد.

اگر یک فرد به طور متوسط ​​حدود 15 ثانیه را در یک سایت سپری کند و سپس شروع به حوصله کند، طبیعتاً می خواهید هر چیزی را روی صفحه نمایش دهید که ممکن است او را متوقف کند - یا حداقل در 15 ثانیه یا کمتر پیامی دریافت کنید. برخی از مطالعات حتی ثابت کرده اند که افراد نمی توانند بیش از 8 ثانیه روی چیزی تمرکز کنند و این رقم هر سال در حال کاهش است.

این دلیل و شاید محصول جانبی نیاز همیشگی ما به دریافت اطلاعات است. ما در عصر اطلاعات زندگی می کنیم و همه اطلاعات در دسترس ماست. اما این بدان معناست که هرچه افراد بیشتر سعی کنند پیام ها را به اشتراک بگذارند و به هر سؤال احتمالی پاسخ دهند، محتوای تولید شده بیشتر به نویز پس زمینه تبدیل می شود.

اگر امروز در دسترس بودن اینفوگرافیک ها نشانه ای باشد، به زودی در همه جا وجود خواهند داشت. این به معنای تغییرات جدید در کار شما است. هیچ کمپین بازاریابی در تاریخ با تکرار و تکرار یک کار به موفقیت نرسیده است.

ایده در اینجا این است که اینفوگرافیک را چیزی فراتر از یک تصویر jpeg ببینید. اینفوگرافیک ها را می توان با رسانه های مختلف تطبیق داد و در انواع مختلفی از پلتفرم ها استفاده کرد. کارآفرینان و بازاریابان قبلاً پتانسیل این موضوع را دیده‌اند. و شما؟