Saytlaringiz uchun chiroyli grafikalar va infografikani qanday qilish kerak?

Maqola muallifi:
  • Tanlangan maqola
  • Yangilandi: Oktyabr 10, 2019

Agar Internet bir narsa bo'lsa, u ingl.

Odamlar tezkor, osongina mavjud bo'lgan axborotni va infographicsni yaxshi ko'radilar, faqat bunday ma'lumotlarni ko'rishni ta'minlaydi. Pastadir diagrammasi, grafigi yoki fotosurati bilan birlashganda murakkab ma'lumotlarni tushunish osonroq.

Top Marketing maktablarining infografikasiga ko'ra, infografik 15 million kishi haqida ma'lumot olish imkoniyatiga ega.

Nima uchun infografika?

Marketing tadqiqotchi, Bell Pottinger, infographics kabi raqamli ob'ektlar uchun biznes byudjetlarida 55% o'sishini ko'rdi.

Infografika haqida infografikada, Unbounce infografikani qidirayotgan odamlar soni so'nggi ikki yil ichida 800% o'sganligini ta'kidlaydi. Shunga o'xshash statistika yordamida infografika ko'rinishidagi ma'lumotlarni vizualizatsiya qilish a veb-saytlar va bloglar uchun yaxshi tarkib / marketing.

1 - Yangi mehmonlar foydasi

Infografika qo'shish yangi saytga tashrif buyuruvchilarni bir nechta usullardan iboratdir.

  • Veb-qidiruvlarInternet foydalanuvchilari sizning infografikangiz mavzusida tadqiqot o'tkazishlari mumkin. Agar siz ko'k choy qoshiqlari nima uchun sizni aqlli qilib qo'yganligi haqida infografik ma'lumotga ega bo'lgan yagona sayt bo'lsangiz, unda siz ushbu mavzu bo'yicha infografik ma'lumotni izlaydigan har qanday odamdan trafikni olasiz. Tasvirlar uchun maxsus izlanuvchilar sizning infografikangizga ham mos kelishi mumkin.
  • ijtimoiy Media: Top Marketing maktablaridan olingan infografik an'anaviy postning 75 tweets haqida, infografikasi esa deyarli 600 bo'lib qoladi. Odamlar sizning infografikangizni Twitterda oddiy postdan ko'ra ko'proq baham ko'rishlari mumkinligi bois, ijtimoiy media orqali yangi tashrif buyuruvchilarga erishish salohiyati juda katta.

Nielson / Norman Group o'rtacha sahifa tashrifi bir daqiqagacha davom etishini taxmin qiladi. Agar siz o'quvchining qiziqishini ushlamasangiz, u sizning sahifangizga qaraydi va keyingi saytga o'tadi.

Sayt sayohatchilari axborot va yangiliklar uchun harakat qilish odatiga ega. Infografika o'quvchilarining qiziqishini olish uchun juda yaxshi ishlaydigan yana bir sababdir. Qiziqarli haqiqatning ingl. Ko'rinishi matnning paragraflaridan ko'ra ma'lumotni tezroq berishdir. O'quvchilar sizning infografiyangizni tezda aniqlab olishlari, kerakli ma'lumotlarni so'rashlari va yana nimalar taqdim etishingiz kerakligini tekshirish uchun bir oz ko'proq vaqtni saqlab qolishlari mumkin yoki saytni keyinroq ishlatish uchun ularni joylashtirishi mumkin.

Axborotga boy infografika xizmatini taqdim etishning texnik muammosi

Shunga qaramay, yana bir narsa yodda tutish kerakki, infografiya qiymatini qo'shganda, yuklarni uzoq vaqt talab qiladigan og'ir tasvirlar tashrif buyuruvchilarni chetlab o'tishga xizmat qilishi mumkin. Pew Internet tomonidan olib borilgan tadqiqotlar shuni ko'rsatadiki, o'rtacha saytga tashrif buyuruvchi sahifani uch soniya ichida yuklashni kutadi. Saytingiz tez yuklaydi, shuning uchun sizning konvertatsiya stavkalari qanchalik yaxshi bo'ladi.

Sizning saytingizda ko'rinishdan boy tajribani taqdim etganiga ishonch hosil qilish uchun mutlaqo muvozanatlashtiruvchi harakatlar, ya'ni chaqmoqlarni tezroq yuklab olishda. Buni amalga oshirishning eng yaxshi usuli - tezkor serverlar va optimallashtirilgan tasvirlar. Siz bizdan farq qilasiz veb hosting reviews, biz tezlikda ko'p ishora qilamiz va veb-mezonlar reytingida juda ko'p tezlikni test qilamiz.

2-Xayr-ehson qiluvchilarni saqlang

Nielson / Norman Group o'rtacha sahifa tashrifi bir daqiqagacha davom etishini taxmin qiladi. Agar siz o'quvchining qiziqishini ushlamasangiz, u sizning sahifangizga qaraydi va keyingi saytga o'tadi.

Sayt sayohatchilari axborot va yangiliklar uchun harakat qilish odatiga ega. Infografika o'quvchilarining qiziqishini olish uchun juda yaxshi ishlaydigan yana bir sababdir. Qiziqarli haqiqatning ingl. Ko'rinishi matnning paragraflaridan ko'ra ma'lumotni tezroq berishdir. O'quvchilar sizning infografiyangizni tezda aniqlab olishlari, kerakli ma'lumotlarni so'rashlari va yana nimalar taqdim etishingiz kerakligini tekshirish uchun bir oz ko'proq vaqtni saqlab qolishlari mumkin yoki saytni keyinroq ishlatish uchun ularni joylashtirishi mumkin.

Shunga qaramay, yana bir narsa yodda tutish kerakki, infografiya qiymatini qo'shganda, yuklarni uzoq vaqt talab qiladigan og'ir tasvirlar tashrif buyuruvchilarni chetlab o'tishga xizmat qilishi mumkin. Pew Internet tomonidan olib borilgan tadqiqotlar shuni ko'rsatadiki, o'rtacha saytga tashrif buyuruvchi sahifani uch soniya ichida yuklashni kutadi. Saytingiz tez yuklaydi, shuning uchun sizning konvertatsiya stavkalari qanchalik yaxshi bo'ladi.

O'zingizning saytingiz chaqmoqni tezroq yuklayotganda vizual jihatdan boy tajribaga ega ekanligiga ishonch hosil qilish juda muvozanatli harakat. Buning eng yaxshi usuli bu tezkor veb-hosting serverlari va optimallashtirilgan rasmlardir. Hosting sharhlarida biz tezlikni juda ko'p ta'kidlayotganimizni ko'rasiz - qarang A2 Xosting tekshiruvi masalan yoki bizning boshqa sharhlarimizni ko'rib chiqing qaysi veb-xosting tezlikka bo'lgan ehtiyojingizni eng yaxshi qondirishini ko'rish.

#3 foydasi - hokimiyatni qo'shing

Bizning miyamizning 50% vizual ishlov berishda ishtirok etadi (manba).

Ko'pchilik ingl. O'rganuvchilardir. NeoMam "Google Trends", "Nielson" va "Pearson" kabi manbalardan olingan tadqiqotlarda sensorli retseptorlarning 70 foizi ko'zga ko'rinib turadi va odamlar bir soniya ichida 1 / 10-ning ostida bo'lgan ingl. sahnaga kirishi va tushunishlari mumkin.

Odamlar, ko'rganlariga ishonishadi, chunki ular buni yaxshi tushunishadi. Tadqiqotlar o'tkazish va infografikangizni qo'llab-quvvatlash sizning brendingizga avtorlik kiritishingiz mumkin. Quyidagilarga ishonch hosil qiling:

  • Qattiq statistikani taklif eting
  • Infografikaning pastki qismida yaxshi hisoblangan resurslarni qo'shing
  • Ushbu statistikani vizual tarzda ko'rsatadigan grafikalar va jadvallarni qo'shing

Vizual hislarni interfaol xususiyatlar bilan birlashtirganda, NeoMam infografikasi kabi, bu statistikalar kelib chiqqan, siz faqat o'quvchi qiziqishini ushlabgina qolmay, uni jalb qilasiz.

Ko'proq nimani ko'rasiz? Sahifadagi tekis grafikani ko'rasizmi yoki harakatlanadigan, yonib-tortadigan yoki ehtimol videoni boshlaydigan biror narsa bormi?


Yaxshi infografik nima qiladi?

Oldinga ko'chib o'tamiz, bugungi kunda ma'lumotlarni optimallashtirish uchun eng yaxshi resurslar va vositalarni ko'rib chiqamiz. Sizningcha, ushbu sohaga yanada chuqurroq kirib borish kerak bo'lgan brending maqsadlari yoki professionallik grafikasi dizaynerlari uchun ajoyib infografika yaratmoqchi bo'lgan qulay blogger bo'lsangiz ham; Ishonchim komilki, siz ushbu xabarni foydali deb topasiz.

Axborot Arxitektura

Umuman olganda, axborotning yaxshi ko'rinishi uch asosiy elementdan iborat:

  1. Mantiqiy ma'lumotlar,
  2. Tegishli axborot dizayni va
  3. Go'zal grafikalar.

Infografiya va grafikalar bloglar va ijtimoiy media foydalanuvchilaridan e'tiborni tortadigan bo'lsa-da; ular faqat tovarlarni tashkillashtirishdan ko'proq narsani amalga oshirishi kerak - infographic va grafikalar birinchi navbatda zerikarli va chalkash ma'lumotni foydalanuvchi bilan do'stona tarzda taqdim etishni nazarda tutadi.

Demak, bundan oldin grafik yoki infografik yaratish, siz 1 kerak) Ma'lumotlarni tartibga solish, filtrlash va yaxshilash; 2) Ma'lumotlarni qanday taqdim etishga qaror qiling (aka, ma'lumotlar visualizations dizaynlari).

Ma'lumotlar bilan ishlash

OpenRefine veb-saytiga kiring - Excel ma'lumotlar sahifasida ma'lumotlar satrini tartibga solishdan bizni qutqaradigan kuchli ma'lumotlar vositasi. Ilgari "Google Refine" (va "Freebase Gridworks") deb nomlanuvchi ushbu vosita foydalanuvchilarga ma'lumotlarni o'rganish va tozalash, ma'lumotlarni bir formatdan ikkinchisiga aylantirish va turli veb-xizmatlar bilan kengaytirishga yordam beradi.

Agar siz ba'zi katta hajmdagi ma'lumotlar bilan ishlamoqchi bo'lsangiz, OpenRefine sizning vositalaringizda albatta bo'lishi kerak. Asbob hozirda GitHub'da joylashtirilgan ushbu sahifani ziyorat barcha zarur ma'lumot va yordam uchun. Keyingi izlanishlar va yangiliklar uchun, shuningdek, uning yangi ochilgan veb-saytiga kirishingiz kerak http://openrefine.org/

Ma'lumotlarni taqdim etish

Ma'lumotlaringiz bilan tayyor bo'lgach, uni qanday qilib tomoshabinlarga taqdim etishni hal qilish vaqti keldi.

Buning bajarilishi uchun son-sanoqsiz yondashuvlar mavjud: pyoz jadvali, diagramma, chiziqli grafik, histogram, issiqlik xaritasi, oqim jadvali, davriy jadval va hk. Ushbu yondashuvlarning har biri muayyan turdagi ma'lumotlarga mos keladi (va noto'g'ri foydalanilganda yomon hidlanib qoladi).

Sizning ma'lumotingizni qanday taqdim etishingiz kerak, shunda sizning statistikangiz chiroyli, e'tiborli va tushunish osonmi?

Ushbu masala bo'yicha, Visual o'qish savodxonligi ma'lumotlaringizni ko'rish uchun foydalanishingiz mumkin bo'lgan barcha variantlar bo'yicha juda qulay davriy jadval yaratilgan (quyida ko'rsatilgan).

Sichqoncha ustida o'ynab, davriy jadval bir qator qiziqarli misollarni ko'rsating, shuning uchun saytdagi haqiqiy jadvalni ko'rganingizga ishonch hosil qiling.

Agar an'anaviy bo'lmagan yondashuvlarni qidirgan bo'lsangiz, unda tekshirib ko'rishingiz kerak Bu ajoyib maqola Smashing jurnali haqida. Xabar biroz vaqt oldin chop etildi, biroq shunga qaramay, men buni juda foydali deb bilaman.


Infografik va zaryadlovchi vositalar

Axborot arxitekturasini tugatganingizdan so'ng, haqiqiy ishlab chiqarish vaqti keldi. Xom ma'lumotlardan yaxshi ko'rinadigan grafikani yaratish hech qachon oson ish emas, xayriyatki, ishni bajarish uchun son-sanoqsiz vositalar mavjud.

Ha, ma'lumotlar vizuallashtirish uchun ko'p sonli vosita. Murakkab ma'lumotlardan interaktiv grafikalarni ishlab chiqadigan keng ko'lamli vositalar mavjud; oddiy 2 o'qi chiziqli grafikalar yaratishdan boshqa hech narsa qilmaydigan oddiy veb-ilovalari ham mavjud.

Amaliy sabablarga ko'ra, har ikki tomonni ham ko'rib chiqamiz va oldindan va tasodifiy foydalanuvchilar uchun bir nechta grafik vositalarni ro'yxatga olamiz.

Advance Charting Tools

Birinchidan, keling, ba'zi avanslarni ko'rib chiqaylik.

1. ggPlot2 va R

R kompyuter tili va ma'lumotlarni manipulyatsiya qilish, hisoblash va grafik ekran uchun muhit. ggplot2, boshqa tomondan, murakkab ko'p qatlamli grafikalar ishlab chiqarishga yordam beradigan R uchun tuzilish tizimi. Yuqoridagi HeatMap, masalan, ggplot2 va R yordamida yaratilgan.

Agar siz R va ggplot2 dasturlarini o'rganishga qiziqsangiz, LearnR (blog bir muncha vaqt yangilanmagan bo'lsa-da).

2. jqPlot

jqPlot bu jQuery Javascript asoslari uchun chizma va sxematik plagin. jqPlot chiroyli chiziq, bar va pirog jadvallarini ishlab chiqaradi. Asbob veb-brauzerlardagi foydalanuvchilar tomonidan sozlanishi mumkin bo'lgan interfaol nuqtalarni yaratish kabi yoqimli xususiyatlarga ega. Shunga qaramay, ushbu vosita sinchiklab tekshirilmagan va ba'zi veb-brauzerlar tomonidan qo'llab-quvvatlanmasligi mumkin - 7-dan past bo'lgan Chrome va IE.

3. JP grafik

JP grafik turli xil fitna turlarini qo'llab-quvvatlaydigan PHP-ga asoslangan grafik vositasi. Agar siz grafika yaratish kutubxonasiga muhtoj bo'lgan PHP dasturini yozmoqchi bo'lsangiz, bu siz ko'rib chiqishingiz kerak bo'lgan narsa. Men JP Graph yangi boshlanuvchilar uchun oson vosita, deb aytmayman, lekin veb-serveringizdan grafikalar va jadvallarni yaratishingiz kerak bo'lganida (yoki, PHP kutubxonasi) bu vosita juda foydali bo'ladi. JP Grafika notijorat maqsadlarida foydalanish uchun bepul va sizga PHP 4.3.x yoki undan yuqori versiyalarni qo'llab-quvvatlaydigan veb-server kerak bo'ladi.

4. JS InfoVis Toolkit

JavaScript-ni InfoVis Toolkit Nikolas Garsiya Belmont tomonidan ishlab chiqilgan kutubxona. Kutubxona vizualizatsiyaning keng tanlovini taklif etadi va undan foydalanish mutlaqo bepul.

5. IBM Analytics (ilgari ko'p ko'zlar nomi bilan tanilgan)

IBM Analytics foydalanuvchilarga deyarli har qanday ma'lumot to'plamidan ko'rishni yaratishga imkon beradigan bepul vosita.

IBM serverlarida joylashtirilgan "Ko'p Ko'zlar" nafaqat ma'lumotlarning ko'rinishini aks ettirishdan ko'ra ko'proq narsani amalga oshiradi. Foydalanuvchilar o'zlarining ma'lumotlar to'plamlarini tiklashga hamda serverda saqlangan har qanday ma'lumotlarga asoslangan yangi vizualizatsiya modelini yaratishga imkon beradi.

6. Google Chart

Google Chart bepul, kuchli, moslashuvchan va ko'plab boshqa ishlab chiquvchi vositalari tomonidan qo'llab-quvvatlanadi.

Google Chart dasturida faqatgina HTML5 / SVG texnologiyasiga asoslangan; asbob grafika chiroyli animatsiya va interaktiv boshqaruv vositalari bilan turli formatlarda yaratishga yordam beradi.

7. Eksa

Axiis Tom Gonsales va Maykl VanDaniker tomonidan ishlab chiqilgan ochiq manba kodli ma'lumotlar vizuallashtirish ramkasidir. Ushbu vosita, boshlang'ich va tajribali ishlab chiquvchilar uchun mo'ljallangan. Aksiis avvaldan o'rnatilgan vizualizatsiyalash qismlarini, shuningdek mavhum tartib qoidalarini va o'z noyob ingl. Ko'rinishlarni yaratishga imkon beruvchi sinflarni taqdim etadi.

Yangi boshlanuvchilar uchun qulay infografik asboblar

Albatta, bloggerlarning aksariyati (men o'zimga qo'shilaman) ularning muntazam bloglash amaliyotlari uchun yuqorida batafsil grafik vositalariga kerak emas. Ko'pincha, bizga kerak bo'lgan oddiy dastur yoki oson ishni amalga oshirish uchun qulay vosita.

Shu bilan aytganda, juda kam o'rganish va foydalanuvchi bilan do'st bo'lishni talab qiladigan yaratuvchi vositalar ro'yxati.

1 Visme

Visme foydalanuvchilarga professional prezentatsiyalar va infografika yaratish imkonini beruvchi DIY platformasi.

350,000 dan ortiq shaxslar va tashkilotlar (jumladan, IBM va Disney kabi yirik kompaniyadan foydalanuvchilar) interfaol grafikalar va prezentatsiyalar orqali yaxshi muloqot qilish uchun vositadan foydalanadilar.

2. Vengrage

Venngage bu 2011-dan beri mavjud bo'lgan foydalanuvchilar uchun qulay vizual vositadir. Asbob tortish-tushirish muharriri, bepul shaklli tuval va 1,000 + misollar va oldindan tayyorlangan andozalar yordamida infografikani yaratishning oson usulini taklif etadi.

3. Easel.ly

Easel.ly ingl. ma'lumotlarni osongina onlayn yaratish va almashish imkonini beradi. Veb-ilovasi ba'zi bir tayyorlangan andozalar va drag-and-drop xususiyatlari bilan sodda interfeysda keladi. Easel.ly hali beta rejimida bo'lsa-da, lekin uning serverida 130,000 foydalanuvchisi tomonidan yaratilgan ingl.

4. Vizualize.me

Vizualize.me shaxslar haqida chiroyli infografikani yaratishga yordam beradi (ha, demak Vizualize Me). Bu o'ynash uchun qiziqarli vosita va u bir necha marta bosish bilan chiroyli rezyume yoki profil yaratadi. Agar siz LinkedIn-da bo'lsangiz, albatta buni sinab ko'rishingiz kerak - vosita sizning LinkedIn profilingiz bilan bog'lanish imkoniyatiga ega va ma'lumotlaringizga asoslangan ajoyib grafikalarni yaratadi.

5. Xohli

Oddiy grafik tuzuvchi kerakmi? Keyin Xohli tashrif buyuradigan joy. Ushbu veb-ilovalar har xil turdagi jadvallarni o'n ikki xil o'lchamlarda qo'llab-quvvatlaydi - barcha foydalanuvchilar kerakli ma'lumotlar va dizayn detallarini kiritishadi.

6 Piktochart

Piktochart noyob dizaynerlar uchun chiroyli grafikalar va jadvallarni yaratishga yordam beruvchi shablon asosida infografik vositalar.

Ushbu vosita sürükle va qo'y xususiyatlarini qo'llab-quvvatlaydi va oldindan o'rnatilgan şablonlarda, belgilarda, Vektorli va rasmlarda keng tanlov beradi. Agar siz qulay grafik vositani qidirsangiz va xizmat uchun kichik to'lovlarni to'lamasangiz, Piktochart sizning eng yaxshi variantlardan biridir.


Ishga kirishishdan oldin: Infografika inspiratlari

Shunday qilib, o'zingizning ba'zi infografika yaratishga tayyormisiz? Kutmoq. Bu erga borish uchun yana bir narsa bor.

Internetdan olingan eng mashhur infografika va jadvallarning ayrimlari.

Siz o'tmishda ijtimoiy tarmoqlardagi ba'zi tarmoqlardagi ayrimlarini ko'rganingizdan juda aminman - bu mazmunli ma'lumotlarga ega juda chiroyli grafikalardan dalolat beradi!

Bundan tashqari, bugungi kunda infographics gallereyalari shu qadar og'ir odam savdosi sabablari bor.

Boshqalarning asarlariga murojaat qilib, biz tomoshabinlar bilan nima yaxshi ishlashini bilib olamiz.

  • Ommabop infografikaning o'rtacha hajmi qanday?
  • Tomoshabinlar qanday mavzuni eng yaxshi kutib oldilar?
  • O'zingizning jadvallaringiz qatoriga kiritilgan ma'lumotlarni kiritishingiz kerakmi?
  • Infografikangizda qancha o'q kabinetga kerak?
  • Ushbu infografikani nima mashhur?

Haqiqiy hayot misollari: Infographic turlari

Namunalar atrofida kezayotganingizda so'rashingiz kerak bo'lgan savollar.

Qahva ichimliklar tasvirlangan

Manba: lokeshdhakar.com

Fanchilar uchun yarim himoyachi qo'llanma

Manba: PC World

Amerikada eng yaxshi pivo 2008

Manba: Mikewithart.com

Shriftning davriy jadvali

Bailout Tracker

Manba: Nyu-York Tayms

Telefon evolyutsiyasi

Manba: Pow Vau

Tasvirni tekshirish

Manba: To'rt kvadrat

Chuqur qazishni

Men ushbu lavozim uchun tadqiqot qilayotib, bizning mavzuga aloqador o'nlab qiziqarli bloglar va veb-saytlarni urgan edim. Jiddiy tarzda, o'qish va o'rganish va o'ynash uchun juda ko'p narsa bor! Men juda ko'p ma'lumotlar erkin ravishda mavjudligini bilmasdim Gap Minder va Yaxshiroq dunyo xarorati; Men kabi informatsion saytlarda / bloglarda juda ko'p narsani o'rgandim UX Booth (ma'lumotlar vizuallashtirish bilan to'liq bog'liq emas, lekin veb-brauzerlarning veb-brauzerini qanday qilib yaxshilashiga oid ko'p foydali maqolalar mavjud). Dinamik diagrammalar, Oqimli ma'lumotlar; va men ko'rsatilgan barcha ajoyib ishlarga chuqur hayratdaman Randining Pinterest taxtasi va Grafik porno.

Agar ma'lumotni ko'rishni boshlagan bo'lsangiz, yuqorida sanab o'tilgan saytlarga va bloglarga tashrif buyurishni tavsiya qilaman.

Agar marketing kampaniyangizda ma'lumotlar visualizatsiyasi kuchidan foydalanmasangiz, endi boshlash vaqti keldi.

Jerry Low haqida

WebHostingSecretRevealed.net (WHSR) asoschisi - 100,000 foydalanuvchilari tomonidan ishonchli va foydalanilgan xosting tekshiruvi. 15-dan ortiq veb-tajribasi, affiliate marketing va SEO tajribasi. ProBlogger.net, Business.com, SocialMediaToday.com va boshqa ko'plab ishtirokchilar.

»I ¿