Чип виртуал бодит байдалбусдад чи тэнэг юм шиг харагдах болно

Google-ийн Cardboard Design Lab нь VR загвар зохион бүтээгчдэд зориулсан сайн "сурах бичиг" юм

Инфографик - rpg тоглоом шиг

Unity-ийн асуудал бол вэб дээр сайн зүйл хийхэд тийм ч хялбар биш юм.

Виртуал бодит байдал нь таны нүдэнд зориулсан чихэвчтэй адил юм

Виртуал бодит байдал нь аюулгүй орчин шаарддаг тул та замдаа орж чадахгүй. Энэ нь VR-ийн боломжийг хязгаарладаг

Өглөө хуралдааныг хаалаа Арчи Цэ The New York Times-аас "Яагаад NYT бага интерактив ажил хийж байна вэ" гэсэн өдөөн хатгасан сэдвээр.

NYT-ийн ажил нь харааны түүх ярих гурван дүрэм дээр суурилдаг.

1. Уншигч гүйлгэхийн оронд товших шаардлагатай бол ер бусын зүйл тохиолдох ёстой.
2. Зөвлөмж болон бусад хулганын эффектүүд хэнд ч харагдахгүй гэж бодъё. Хэрэв агуулга нь чухал бол уншигчид шууд харагдахаар болго.
3. Хэрэв та ямар нэг зүйлийг интерактив болгохыг хүсч байвал үүнийг бүх платформ дээр ажиллуулах нь үнэтэй байх болно гэдгийг санаарай.

Та өөрийн графикийг ширээний болон гар утсан дээр ажиллуулахын тулд 2 эсвэл 3 удаа дахин зурах шаардлагатай болно

Эдгээр дүрмүүд NYT-ийн хандлагыг хэрхэн өөрчилсөн бэ?

1. Ихэнх дүрслэл одоо статик байна
2. Илүү олон текст
3. Хэрэв танд зураг дээр хөдөлгөөн хэрэгтэй бол гүйлгэх явцад гарч ирнэ

(Дөрөвдүгээр зүйлд тэд интерактив ажил хийсээр байгаа гэж хэлсэн. Гэхдээ одоо энэ үйл явдал МАШ утга учиртай байх ёстой.)

Бид "олон алхам" хийсэн. Хэрэглэгчид 3-р алхам дээр зогсдог. Уншигчид товших биш гүйлгэхийг л хүсдэг

Archie Tse: Scrolling Vs. дарж байна

Энди Крибел 18 долоо хоногийн турш ням гараг бүрийн орой VizWiz дээр үндэслэсэн инфографик болон өгөгдөлд нийтэлсээр байна. Даалгавар бол Даваа гарагт нэг цаг орчим цаг хуваарилж, дүрслэлд хурдан дүн шинжилгээ хийж, өөрийн хувилбарыг гаргах явдал юм.

Доор бид өнгөрсөн долоо хоногийн үр дүнг нийтэлдэг - XXI зууны боолчлол.

Энди Крибелийн бичсэн #Makeover Monday. Дэлгэрэнгүй тодорхойлолтболон интерактив - Эндигийн блог дээр:

Энди Котгрэйвийн бичсэн #MakeoverMonday. Нарийвчилсан тайлбар ба интерактив - Эндигийн блогт:

Мөн дэлхийн хүмүүсийн 51% нь надаас залуу, Орост 63% нь ахимаг насны хүмүүс бөгөөд яг одоо миний үхэх магадлал тийм ч их биш гэдгийг олж мэдсэн. Тоонууд гэнэт "статистик" байхаа больж, миний сэтгэлд хүрсэн.

Өгөгдлийн дүрслэл Гарын авлагын дизайны ажил багатай том өгөгдлийн багц ашигладаг алгоритм дээр суурилсан. Жишээлбэл, Нью Йорк Таймс сонины интерактив ажил.

дүрслэх урлаг - нэг чиглэлтэй кодчилол. Кунал Анандын тооцоолох урлаг шиг үзэсгэлэнтэй боловч тайлахад хэцүү дүрслэлүүд.

Асуудал юу вэ?

Үүний үр дүнд олон бүтээл нь зөвхөн боловсронгуй хэрэглэгчдийг татдаг боловч мэдлэггүй уншигчдад асуудлын мөн чанарыг судлах боломжийг олгодоггүй бөгөөд ингэснээр дүрслэх зорилгод хор хөнөөл учруулдаг - олон нийтэд мэдээлэх. Тийм ч учраас харааны бичиг үсгийн асуудлыг визуалчлалын хүрээнд танин мэдэж, ойлгох нь маш чухал юм.

Сэтгүүл зүйн шинэ "Visual Grammar"

Интерактив сэтгүүл зүйг танилцуулах аргыг туршиж үзсэн гурван бүтээл энд байна. Тэд гайхалтай харагдаж байгаа ч тайлбарлах нь олон хүнд хэцүү ажил байж болно.

АНУ-д ижил хүйстнүүдийн эрх, муж улсаар

Өгөгдлийн эх сурвалж, өгөгдөл боловсруулах хэрэгслүүдийн тоо нь урьд өмнө хэзээ ч ийм олон хүн өгөгдлийг дүрслэх ертөнцөд тав тухтай байхыг оролдож байгаагүйн тод илрэл юм. Мөн судлахад маш олон материал байгаа үед ганц л асуулт гарч ирдэг "Хаанаас эхлэх вэ?"Шинэхэн хүн бүрийг айлгаж чадна. Тэгэхээр хамгийн сайн номын сангууд юу вэ, мэргэжлийн хүмүүс юу гэж зөвлөдөг вэ? Үүнийг энэ нийтлэлд хэлэлцэх болно.

Өгөгдлийн дүрслэлийг ярих, дурдахгүй байх нь бүтээлийн түүхийг ярихтай адил юм хувийн компьютеруудСтив Жобсын талаар ганц ч үг хэлээгүй. D3 (Англи хэл дээрх Data Driven Documents) нь SVG графикийг бүтээхэд түгээмэл хэрэглэгддэг зах зээл дээрх хамгийн чухал бөгөөд давамгайлсан нээлттэй эхийн JavaScript номын сан юм. SVG (англи хэлнээс. Scalable Vector Graphics) нь эргээд формат юм вектор зураг, энэ нь вэб хөтчүүдээр дэмжигддэг боловч өмнө нь бага ашиглагддаг.

D3 номын сан нь вэб дизайнеруудын гэнэтийн SVG-г сонирхсонтой холбоотой бөгөөд энэ нь хэрхэн алдаршсантай холбоотой юм. вектор графикӨндөр нягтралтай дэлгэцэн дээр (ялангуяа Retina дэлгэц дээр ашигладаг Apple-ийн төхөөрөмжүүд), илүү түгээмэл болж байна.

"Шударга хэлье, хэрэв даалгавар бол SVG дээр суурилсан өгөгдлийг дүрслэх явдал юм бол бусад бүх номын сан үүнийг шийдвэрлэхэд ойрхон байсангүй" гэж бие даасан өгөгдөл дүрслэх мэргэжилтэн, компанийн эзэн Мориц Стефанер хэлэв. Үнэн ба Гоо сайхан. "Мөн NVD3 гэх мэт D3 дээр суурилсан хэд хэдэн сонирхолтой төслүүд байдаг бөгөөд энэ нь ашиглахад бэлэн, гэхдээ өөрчлөх боломжтой стандарт график бүрэлдэхүүн хэсгүүдээр хангадаг; эсвэл Crossfilter бол зүгээр л өгөгдөл шүүх гайхалтай хэрэгсэл юм."

Скотт Мюррей, программист-дизайнер, номын зохиолч Вэбд зориулсан интерактив мэдээллийн дүрслэл, өмнөх үзэл бодолтой санал нийлж байна: "D3 нь хөтөчийн санал болгож буй бүх зүйлийг ашигладагт оршдог ер бусын хүч чадалтай. Хэдийгээр энэ нь сул талтай: хэрэв хөтөч ямар нэг зүйлийг дэмждэггүй бол, жишээлбэл, WebGL (Англи Вэб Графикийн номын сангаас) дээр суурилсан 3D зураг, D3 ч үүнийг дэмжихгүй.

Хэдийгээр энэ номын сан нь үнэхээр бүх нийтийнх боловч энэ нь ажил бүрийн хувьд хамгийн тохиромжтой шийдэл биш хэвээр байна. "D3 номын сангийн гол сул тал бол дүрслэх арга барилыг заагаагүй, бүр санал болгодоггүй явдал юм" гэж Скотт Мюррей нэмж хэлэв. "Тиймээс энэ нь хөтөч рүү өгөгдөл ачаалах, дараа нь тэдгээр өгөгдөл дээр үндэслэн DOM бүрэлдэхүүн хэсгүүдийг үүсгэх хэрэгсэл юм."

D3 нь захиалгат зураг гаргах гайхалтай хэрэгсэл боловч хэрэв та харааны ажилгүйгээр стандарт график үүсгэхийг хүсвэл дараах хэрэгсэл хэрэгтэй. Вега. D3 дээр бүтээгдсэн фрэймворкийн хувьд Вега график бүрэлдэхүүн хэсгүүдийг харуулах өөр хувилбарыг санал болгодог. Vega-г ашигласнаар та Европын сэтгүүлзүйн төв болон Датад суурилсан сэтгүүлзүйн төслийн JSON форматаар өгөгдлийг дүрслэн харуулах боломжтой. Хичээлийн яг огноо одоогоор тодорхойгүй байгаа ч та яг одоо бүртгүүлж болно.

Таван өдрийн дотор сургалтад хамрагдагчид дата сэтгүүл зүй гэж юу болох, хэрхэн ажилладаг, энэ чиглэлээр мэргэшсэн мэргэжилтэн болохын тулд ямар гол ур чадварыг эзэмшсэн байх ёстой талаар суралцах боломжтой. Өөрийн түүхийг дэмжих өгөгдлийг хаанаас хайх, одоо байгаа өгөгдлөөс шинэ ойлголтыг хэрхэн олох талаар олж мэдээрэй. Уйтгартай өгөгдлийг сонирхолтой түүх, инфографик эсвэл бүр интерактив дүрслэл болгон хувиргах урлагт суралцаарай. Сэтгүүлч хүний ​​мэдэх ёстой график дизайны үндсэн зарчмуудтай танилцана.

Сургалтын багш нар нь дата сэтгүүл зүй, визуалчлалын чиглэлээр дэлхийд тэргүүлэгч таван мэргэжилтэн юм.

Өгөгдлийн дүрслэлийн ирээдүй нь интерактив юм.

Гэхдээ та үнэхээр гайхалтай интерактив инфографикийг хэрхэн бүтээх вэ?

Инфографикууд хаа сайгүй байдаг бөгөөд тэд улам бүр интерактив болж байна.

Өнөөдрийн нийтлэлд бид интерактив инфографик үүсгэх нууцаас гадна хэрэгцээт эх сурвалжуудын холбоосыг хуваалцах болно.

1. Сэтгэл судлалыг ойлгох

Инфографик интерактив болгохын өмнө яагаад ийм болгохыг хүсч байгаагаа ойлгох нь чухал юм.

Энэхүү инфографик дээр дэлгэрэнгүй тайлбарласнаар хүмүүс харааны мэдээллийг илүү сайн шингээж авдаг. Танилцуулга нь сонирхол татахуйц үзүүлэнтэй байвал бид уншиж, ойлгож, санаж байх магадлал өндөр байдаг. үр дүнтэй сургалтын хэрэгсэл боловч энэ нь илүү сайн болж чадна.

Хүмүүс бие махбодийн үйлдлээр илүү сайн суралцдаг тул кинетик суралцах нь маш сайн хувилбар юм.

Тийм ч учраас визуал дүрслэлийнхээ хэтийн төлөвт интерактив байдлыг нэмэх нь илүү мартагдашгүй, үр дүнтэй инфографик бүтээхэд тусална.

Энэхүү харааны болон кинетик аргын хослол нь хөдөлгөөнт инфографикийг ирээдүйн контент болгодог. Мэдээжийн хэрэг, зарим сэдвүүдийн хувьд интерактив элементүүдийг ашиглахгүй байх нь дээр, гэхдээ ихэнх тохиолдолд тэдгээр нь зөвхөн агуулгыг сайжруулах болно.

Хөдөлгөөн нь мэдээлэлд утга учрыг нэмж, хэрэглэгчдэд туршлагаа хянах боломжийг олгож, статик инфографикийн боломжгүйгээр төсөөллийг бий болгодог.

2. Гүйлгэх эффект нэмнэ

Сүүлийн хэдэн жилийн хугацаанд инфографик нь статик зургаас өвөрмөц агуулгад тохирсон хөдөлгөөнт дүрс, видео бүхий баялаг интерактив туршлага болж хувирсан. Энэ нь урьдчилан бэлтгэсэн, ерөнхий загвараар хязгаарлагдахаа больсон. Өнөөдрийн эмхэтгэлд сонирхолтой, мэдээлэл сайтай туршлага ямар байдгийг харуулсан шилдэг инфографикууд багтсан болно.

Энэ жагсаалтын ихэнх инфографикуудыг харуулахаар сонгосон янз бүрийн арга замууд, дизайнерууд өгөгдлийн дүрслэлд ханддаг. Гэсэн хэдий ч энд инфографик болон баялаг мультимедиа туршлагын хоорондох шугамыг бүдгэрүүлэхийн зэрэгцээ сайтын хуудсан дээр сонирхол татахуйц контент, сэтгэл хөдөлгөм түүхүүдийг бий болгодог хэд хэдэн эрлийз бий. Уламжлалт хэлбэрээс холдсоноор бид илүү боловсронгуй хэвлэл мэдээллийн салбарт нэвтэрч байна гэсэн үг бөгөөд яг л ийм төрлийн технологи, түүх өгүүлэх туршилтууд нь график дизайны ирээдүйг тодорхойлоход чухал үүрэг гүйцэтгэнэ.

1. Салхины зураг

Салхины газрын зураг нь АНУ-ын дээгүүр салхины чиглэл, хурдыг харуулсан гайхалтай загвар юм. Энэхүү загвар нь ашиг тустай гэхээсээ илүү уран сайхны зорилготой бөгөөд энэ нь гайхалтай: газрын зургийг тойрон нимгэн, нимгэн утаснууд хэрхэн эргэлдэж байгааг зүгээр л хараад сууж байх нь маш сайхан байдаг. Дүрсүүдийн замыг харуулсан инфографик нь хөдөлгөөнт дүрс, хөдөлгөөнт дүрсээс хэрхэн ашиг тустай болохыг харуулсан энгийн хэрнээ сайтар бодож боловсруулсан жишээ.

2. Нислэгт

2014 онд The ​​Guardian "In Flight" инфографикийг гаргаж, бодит цагийн арилжааны нислэгийн мэдээллийг (одоохондоо шинэчлэгдээгүй байгаа бололтой, харамсалтай нь), нисэхийн түүхийн хичээлийг харуулсан. Интерактив шоуны эхэнд нисэх багийнхны нам гүм яриа нь онцгой уур амьсгалыг бүрдүүлдэг. Өнөө үед инфографикууд аажмаар кино урлаг болон хувирч байгаа бололтой. Наад зах нь "Нислэгт" тэр чиглэлийг зааж байна ...

3. Сар руу залга

Dial A Moon инфографик дээр тийм ч их зүйл тохиолддоггүй, гэхдээ энэ нь зорилгодоо маш сайн үйлчилдэг. 2015 онд НАСА-гийн ачаар сарны фазын инфографик цаг тутамд шинэчлэгдэж байсан тул та Google-ээс энэхүү нууцлаг мэдээллийг хайж олох боломжгүй болсон. Одоо та сар, өдөр, цагийг гараар оруулан зургийг үзэх боломжтой.

4. Плутонтой өдөр

Nature сэтгүүл шинжлэх ухаанч үзэгчдэдээ зориулан олон сонирхолтой инфографикуудыг нийтэлдэг. Тэдгээрийн нэг нь Плутоны ойролцоох сансрын хөлгийн алдартай нислэгийн тухай байв (Плутоны 24 цаг). Инфографик олон зүйлийг багтаасан текст мэдээлэл, гэхдээ дүрслэл нь одой гаригийн бүтцээс эхлээд сарууд үүсэх хүртэлх хамгийн сонирхолтой зүйлийг хялбархан ойлгох боломжийг олгосон. Одоо текстийн хэсэг нь интернетэд, мөн инфографикаас хоёр хөдөлгөөнт видеог үзэх боломжтой.

5. Америкийн байшингууд хэрхэн өөрчлөгдсөн

Хаусны хэв маягийн хувьсалаар тусгагдсан Америкийн агуу мөрөөдлөөр аялаарай. Энэхүү сайн дүрслэгдсэн инфографик нь танд машины жолооны ард сууж (мөн эрин үетэй хөл нийлүүлэн гүйлгэх тусам өөрчлөгддөг) олон арван жилийн турш алдартай барилгуудын хажуугаар 1900-аас 2000 он хүртэл замаа гаргах боломжийг олгоно. Замдаа та маш олон хэрэгтэй материалтай (түүний дотор тухайн үеийн нийгэм-улс төрийн нөхцөл байдал, мөн загварын чиг хандлага) тааралдах бөгөөд энэ бүхэн таныг Америкийн гэр орны ирээдүйг төсөөлөхөд түлхэц өгөх асуултаар төгсдөг. Америкийн гэрүүдийн арван жилийн инфографик нь хэвтээ гүйлгэхийн гайхалтай жишээ бөгөөд энд яг таарч байна.

6. Маркетингийн аналитикийн хувьсал

Ухаалаг хэрэглэгчийн судалгааны компани Vision Critical нь Evolution of Insight инфографик дээрээ 1890-ээд оноос өнөөг хүртэл дэлхий даяарх маркетингийн технологийн зах зээлийн хөгжлийг хянадаг. Энэ нь Америкийн байшинг хэрхэн өөрчилсөн инфографиктай адилхан ажилладаг бөгөөд ингэснээр харилцан адилгүй хоёр түүхэнд интерактив цагийн хуваарийг ашиглах үр нөлөөг харьцуулах боломжийг олгодог. Америкийн гэрүүдийн арван жилийн инфографик нь машин жолоодож байхдаа байшинг харах нь Америкийн агуу аналитикаар аялахаас хамаагүй илүү ойлгомжтой байдаг давуу талтай. Сайн инфографик нь контентыг тойрон биш харин эргэн тойронд бий болдог.

7. Дэлхий даяарх ЛГБТ нийгэмлэгийн эрх

The Guardian дэлхийн улс орнуудад янз бүрийн асуудлаар (гэрлэлт, ажлын байран дахь ялгаварлан гадуурхалт, үзэн ядалтын гэмт хэрэг гэх мэт) ЛГБТ эрхийн хууль ёсны байдлыг тайлбарласан энэхүү гоёмсог инфографикаар манай жагсаалтын өөр нэг байрыг эзэлдэг. Хагас тойргоор эргэлдэх нь улс орнуудын статистикийг хурдан бөгөөд хялбараар харьцуулах боломжийг олгодог бөгөөд инфографикийн бүтэц нь дэлхийн статусыг урд болон төвд байлгадаг. Зөвхөн ухамсар, идэвхи хоёрын хоорондох ялгааг арилгах зорилготой үйл ажиллагааны хүчтэй уриалга бас бий.

8. Тэгш бус байдлыг засах боломжтой

Интерактив инфографикийн өөр нэг гайхалтай жишээ болох "Тэгш бус байдал засч залруулах боломжтой" нь үзэгчдийг энэ асуудалд гүн гүнзгий хувийн байдлаар хандахыг урьж байна. Үзэгч дарга нь хэдэн төгрөг дутуу төлж байгаа, яагаад гэдгийг хэлж буй материалыг үзэх сонирхолоо алдахгүй байх баталгаатай. Хэрэглэгчийг түүхийн нэг хэсэг болгосноор хөгжүүлэгчид сониуч байдлыг нэмэгдүүлж, төгсгөлд нь "Үйлдэлд уриалах" хүртэл шаардлагатай бүх алхмуудыг хийх замаар хэрэглэгчийг удирдан чиглүүлдэг.

"Бид үүнийг хийхийг зөвшөөрсөн - одоо яаж засах вэ?"

9. Өөрийгөө зур: Өрхийн орлого таны хүүхдийн коллежид суралцах боломжийг хэрхэн таамаглаж байна вэ?

Энэ жагсаалтын ихэнх инфографикууд нь баялаг туршлага өгөхийн тулд хөдөлгөөнт дүрс, интерактивыг ашигладаг. The New York Times сонины энэхүү инфографик (Та үүнийг зурна уу: Гэр бүлийн орлого хүүхдийн коллежийн боломжийг хэрхэн урьдчилан таамаглаж байна) нь сонгодог диаграммын форматыг дагаж мөрддөг боловч идэвхтэй, интерактив гэх мэт инфографик дизайны цар хүрээг өргөжүүлэхийн тулд хэрэглэгчийн зан үйлийн талаарх ойлголтыг ашигладаг. дүрслэл. Уншигчид өөрсдөө муруй зурахыг хүсэх замаар тэд хувийн ашиг сонирхлын элементийг нэвтрүүлж, улмаар хүмүүст үнэхээр үнэ цэнэтэй мэдээллийг өгдөг.

Хамгийн муу үр дүн биш! Босоо тэнхлэг нь коллежид элсэх хүүхдүүдийн хувь юм. Хэвтээ тэнхлэг нь эцэг эхийн орлогын хувь юм

10 Америкчууд хэрхэн үхдэг

Гарчгийн зургийг эс тооцвол энэ жишээнд агуулгыг үзүүлэхийн тулд ихэвчлэн сайн хуучны графикуудыг ашигладаг. Гэхдээ энэ нь уйтгартай биш юм, учир нь хэрэглэгчид курсорыг графикийн дагуу хөдөлгөж өгөгдлийг бие даан шилжүүлэх боломжтой. Энэ нь жишээлбэл, 70-аад оны амиа хорлолттой холбоотой нас баралтын тоог өнөөдрийнхтэй харьцуулах нь хамаагүй хялбар болгодог (зөвлөгөө: энэ нь одоо өсч байна), статик график үүнийг тийм ч нарийн хийхгүй.

11.

“Цас бороо” сэтгүүл дэлхий дахины анхаарлыг татаж, магтаал хүртэж эхэлснээс хойш The New York Times мултимедиа сэтгүүл зүйн орчин үеийн нэр хүндээ хадгалсаар ирсэн. Хэвлэлийн баг гайхалтай сонирхолтой туршлагыг бий болгохын тулд инфографик дизайн болон гүнзгий түүхийг хослуулан ашигладаг. Тэдэнд илүү тод жишээнүүд байгаа ч “Орос үлдсэн Орос” бол тодорхой резонанс үүсгэсэн бүтээл юм. Инфографик нь Оросоор хийх интерактив аялал шиг ажилладаг (та газрын зураг дээр замаа чиглүүлдэг).

12. Бондын машинууд

Хэрэв та хэзээ нэгэн цагт Жеймс Бондын машинуудыг хараад түүний түүхийг мэдэхийг хүсч байвал Британийн автомашины дилер Эванс Халшоуд баярлалаа - тэр танд ийм боломжийг олгосон. Түүний интерактив Bond Cars инфографик нь танд Бондын машин бүрийн загвар, дизайн, нэмэлт хөгжилтэй баримтуудыг судлах боломжийг олгоно. Хаа сайгүй байдаг гулсуурын тактикийг ашигласнаар та машиныг бүх металлаар нь "илчлэх" боломжтой (анхдагч байдлаар, зөвхөн нэг өнгө өгдөг). Тиймээс зохиогчид инфографикийн гоо зүйд төдийлөн тохирохгүй зургуудыг оруулах асуудлыг бүтээлчээр шийдсэн.

13. Хөдөлгөөний өнгө

The Colors Of Motion бол киног зөвхөн киногоор нь шинждэг инфографик цуврал юм өнгөт палитрбүх хүрээний холболтоос олж авсан. Хэрэв та өмнө нь гайхаж байсан бол одоо танд хариулт байна. Мэдээллийн сангаас гарчгийг олж чадахгүй байна уу? Хөгжүүлэгчид рүү мессеж илгээхэд л хангалттай - тэд хүсэлтийг хүлээн авдаг.

14. Перу дахь хааны булш

National Geographic нь тэдний "интерактив график" гэж нэрлэсэн маш гайхалтай цуглуулгатай (тэдгээрийн дийлэнх нь жишээ нь Траяны багана гэх мэт нарийвчилсан текстийн тайлбартай байдаг) боловч бид програмыг тодруулахын тулд харьцангуй энгийн жишээг сонгосон. аль аргууд нь интерактив инфографик дээр үнэхээр үр дүнтэй байдаг. "Перу дахь хааны булш" (Перугийн хааны дайны булш) нь тухайн үеийн язгууртан эмэгтэйн оршуулгын онцлогийг харуулж байна. Анхаарал нь мумигийн боодолоос гоёл чимэглэл, байрлал руу шилждэг. Мэдээллийг жижиг хэсгүүдэд хувааж, хэрэглэгчдэд тэдгээрийн хооронд шилжих боломжийг олгох, интерактив графикөгөгдлийн хэт ачаалал гэх мэт хамгийн нууцлаг бэрхшээлээс зайлсхийдэг харааны эффектүүд. Үүнээс гадна дараагийн харилцан үйлчлэл бүр нь туршлагыг өргөжүүлж, бүх зүйлийг нэг дор үзүүлснээс хамаагүй илүү үр өгөөжтэй болгодог. Бидний тархи дарангуйлагч цочролыг үгүйсгэдэг механизмтай бөгөөд энэ төрлийн харилцан үйлчлэл нь хэрэглэгчийн хувьд маш сайн шийдэл болж, мэдээллийг шингээхэд хялбар болгодог.

15. "Шотландын бүх нийтийн санал асуулга" гэж юу вэ? Британи бус хүмүүст зориулсан тайлбар

The Guardian нь Нью Йорк Таймс сонины нэгэн адил мультимедиа сэтгүүл зүйд тулгуурладаг бөгөөд тэдний видео нь инфографикийн үндсэн чиг үүргийн нэг болох нүсэр мэдээллийг хүлээн зөвшөөрөгдөх хэлбэрээр өгөх гайхалтай ажлыг гүйцэтгэдэг. Их Британид байгаа бидний ихэнх хүмүүсийн хувьд бүх нийтийн санал асуулга нь маш ойлгомжгүй сэдэв юм. Аз болоход, энэ видео (Шотландын бүх нийтийн санал асуулга Британи бус хүмүүст тайлбарласан) танд түүний чухал талуудын талаар ямар ч шаардлагагүй хурдан сурахад тусална. гүн шумбахтүүхэнд.

16. Нийгмийн эрүүл мэнд

Нийтлэхээс өмнө Атлантын далайНийгмийн эрүүл мэндийг сайжруулах үзэл баримтлалыг боловсруулах даалгавар байв. Энэ нь Truth Labs-д хүн амын эрүүл мэндийн тухай 3-р ангит цувралыг дижитал өгүүллэг болгон бичихийг даалгасан. Жүжигчний гол зорилго нь баримт бичгийн байгалийн гүйлгэх байдал, хэрэглэгчийн унших ердийн нөхцлийг хадгалахын зэрэгцээ харааны үүднээс ялгаатай туршлагыг бий болгох явдал байв. Алсын хараагаа бодит болгохын тулд тэд кино урлагаас багаж хэрэгсэл, стратеги зээлж авсан ч уншихад хялбар болгохын тулд дизайны багц зарчмуудад тулгуурласан.

17. Жохогийн үр тариа

Австрийн кофе үйлдвэрлэгч Joho's Joho's Bean хэмээх гайхалтай мультимедиа туршлагыг бүтээж, кофены үрийн гарал үүслийн түүхийг өгүүлдэг: шувуудын жиргээ, уутанд савласан шарсан кофены шошны чимээ, хотын хөл хөдөлгөөн, гудамжны чимээ шуугиан.

Жохос таныг кофены үрийн гарал үүслийг тайлбарлах аялалд хүргэж байна

18. Анхны зам

Зэрлэг зам бол Canvas ашиглан бүтээсэн интерактив аялалын түүх юм. Гол элемент нь газрын зураг бөгөөд хуудсыг гүйлгэх үед газрын зураг дээрх замыг хөдөлгөөнтэй болгодог. Төсөл бүх хөтөч дээр ажиллахгүй байж магадгүй. Гэсэн хэдий ч энэ нь хөшигний арын бүх инфографик технологийг тайлбарласан нийтлэлийн хамт ирдэг.

19.

The Guardian (Сонгуулийн шууд үр дүн) 2016 оны АНУ-ын ерөнхийлөгчийн сонгуулийн тухай сурвалжлага нь ашиг сонирхлын ноцтой бизнес болон санал хураах газруудад хөгжилтэй элемент авчирсан. Интерактив инфографик нь дөрвөн мужид санал хураалтыг хянаж байв. Анхдагч байдлаар, график нь бүхэл бүтэн улсын үр дүнг харуулсан бөгөөд хэрэв хэрэглэгч газрын зураг дээрх аль нэг хэсэгт гүйлгэж очвол нэр дэвшигчид тэнд ямар тооны оноо авсан болохыг харуулдаг. Ерөнхийлөгчийн сонгуульд нэр дэвшигчдийг инээдэмтэй пиксел дүрс бүхий аватар хэлбэрээр танилцуулсан. Инфографикууд шууд цаг хугацаанд шинэчлэгдсэн тул бяцхан эрчүүд ялалт байгуулсан мужаа өнгөлөв. Үе үе нэр дэвшигчийн хажууд хөөстэй ишлэл гарч ирдэг.

Сонгуулийн үр дүнг бодит цаг хугацаанд тусгах

Та цахим ертөнцөд текстэд суурилсан контентоос визуал контент руу асар их өөрчлөлт гарч байгааг анзаарсан байх.

Интернэт болон бидний өдөр тутмын амьдралд визуал дүрслэлийн хүчийг үгүйсгэх аргагүй. YouTube болон Instagram нь харааны контентоор давамгайлдаг; YouTube вэб дэх хамгийн их зочилдог 3-р сайт бөгөөд Instagram нь өдөр бүр 80 сая гаруй зураг байршуулдаг.

Блогын нийтлэл, нийтлэлүүд нь өнгөт зураг, гарчиг эсвэл өнгөц зурагтай бол 80% илүү "хэрэглээ" бөгөөд эхний секундээс л хүмүүсийн анхаарлыг татахгүй бол хүмүүс сайтад 15 секундээс илүүгүй хугацаа зарцуулдаг.

Инфографик нь үзэгчид, худалдаачдын дуртай зүйл бөгөөд өнөөдөр хүмүүс 2012 онтой харьцуулахад 800% илүү сонирхож байна.

Дээрээс нь контент нь аймшигтай хурдацтай бүтээгдэж байна - маркетеруудын 60% нь өдөр бүр шинэ агуулгын багахан хэсгийг бүтээдэг! Та тойм нийтлэлээс илүү ихийг олж мэдэх боломжтой.

Илүү олон хүмүүс контент бүтээж эхлэх тусам нэг зүйл тодорхой болж байна: харагдахын тулд та бусдаас ялгарах хэрэгтэй.

Мэдээжийн хэрэг, контент маркетерууд харааны контентын ирээдүйн талаар аль хэдийн бодож, одоо юу хийж чадах, юу хэрэгжүүлж болох, ямар шинэ технологиуд аль хэдийн гарч ирснийг бодож байна. Энэхүү урагшлах бодол нь таны агуулгын маркетингийн бүх хүчин чармайлтыг бий болгож эсвэл эвдэж чадах зүйл юм; чи дасан зохицох ёстой эсвэл живэх болно.

Инфографик гэх мэт визуал контентоор маркетерууд байдаг өвөрмөц боломжойртож байгаа ирээдүйг харах. Компаниуд, график дизайнерууд, маркетерууд бүгд инфографикийг шинэчилж, үзэгчдэд илүү сонирхолтой болгохын тулд ашиглаж эхэлж байна. Хэдийгээр та инфографикийг тогтмол "зүгээр л нийтэлж" байгаа ч гэсэн тэдгээрийг агуулгын маркетингийн стратегидаа хэрхэн тусгах талаар сурахад хэзээ ч эрт байдаггүйтэй адил дөнгөж хөгжиж эхэлж буй чиг хандлагын талаар суралцахад хэзээ ч эрт байдаггүй.

Хэрэв та ирээдүйгээ харахыг хүсч байгаа бол, магадгүй бусдаас түрүүлж хэдэн заль мэх сурахыг хүсч байвал яг одоо цаг нь болжээ!

Энд (ойрын) ирээдүйд хамгийн түгээмэл байх гурван төрлийн инфографикууд байна.

Хэрэв та гайхалтай инфографик хэрэгсэл хайж байгаа бол би Visme-г санал болгож байна. Эхлэхийн тулд тэд үнэгүй данс санал болгодог бөгөөд гайхалтай тохиромжтой функцууддизайнер бус хүмүүст зориулсан. Та одоо үнэгүй данс авах боломжтой.

1. Интерактив инфографик

Интерактив вэб сайтууд болон хэрэглэхэд хялбар тоглоомуудын гоо үзэсгэлэнг бид харж байгаа ч интерактив инфографик нь тэдний салбарт нэлээд шинэ хэвээр байна. Инфографикийн нэгэн адил тэдгээр нь тодорхой мэдээлэл агуулсан байдаг бөгөөд тэдгээр нь ихэвчлэн динамик байдаг. Гэхдээ интерактив элементүүдийг ашиглах нь хэрэглэгчдэд мэдээлэлтэй холбогдож, өөрсдөө бий болгох боломжийг олгодог.

Та өөрийн бизнес, бүтээгдэхүүн, үйлчилгээ эсвэл мессежээс үл хамааран хүмүүст өөрийгөө үнэлэх боломжийг олгодог интерактив инфографик үүсгэж болно (жишээ нь "БЖИ-ээ эндээс тооцоолоорой"). Хэрэглэгчид холбогдох мэдээлэл дээр дарж, илүү гүнзгий зорилтот эх сурвалж руу, эсвэл буух хуудас руу буцах бөгөөд ингэснээр урсгалыг бий болгоно. Энэ бол үзэгчдийг татах маш дасан зохицох, хөгжилтэй арга юм.

Олон маркетерууд энэ төрлийн инфографик дээр аль хэдийн дасан зохицсон бөгөөд энэ нь хурдан шилждэг. Гэхдээ үүнтэй зэрэгцэн олон хүн үүнийг үндэс болгон авдаг энгийн инфографик:

….Интерактив инфографикаар өөр юу хийж болохыг төсөөлөөд үз дээ.

Та оролдож болно:

• Зураг эсвэл дүрсийг арын дэвсгэрээс ялгарах гүйлгэх техникийг ашиглах
• Текстийн талбарыг өргөжүүлэх "попап" үүсгэх
• Зураг эсвэл статистик дээр дарахад гарч ирнэ
• Өөрийн инфографикийг хэрэглэгчид үзэх боломжтой олон хуудас болгон хувиргах

Илүү ихийг дэлгэрэнгүй жишээинтерактив инфографик, үүнийг харна уу:

Инфографикийг өндөр интерактив болгохын тулд (гүйлгэх, попап гэх мэт) та HTML5 эсвэл CSS-ийн талаар бага зэрэг сурах эсвэл өөр хэн нэгнийг ажилд авах хэрэгтэй.

Нэмэлт хүчин чармайлтыг үл харгалзан та өвөрмөц, сонирхолтой, үр дүнтэй контентоор шагнагдах болно.

Та яагаад ойрын ирээдүйд инфографикийг хэрэгжүүлэхийг хичээх ёстой гэж?

• Энэ нь таны үзэгчидтэй харилцах, контентоо хуваалцахад урам зориг өгдөг
• Энэ нь урсгалыг үүсгэдэг (холбоосоор)
• Энэ нь таны үзэгчдэд шинэлэг, авхаалжтай, цаг тухайд нь, сонирхолтой контентыг хүргэхийг тууштай харуулж байна.
• Түүний хөгжлийг удирдах боломжтой интерактив инфографикийн түвшин байдаг.

2. Суулгасан видео болон GIF

Энэ бол өөр төрлийн инфографик юм. Богино хэмжээний видео, тэр ч байтугай GIF (График өгөгдөл солилцох формат) санал болгодог инфографик нь хүмүүсийн анхаарлыг татах, инфографигаа бусдаас ялгарах гайхалтай арга юм. Энэ нь платформыг хязгаарладаг ч та өөрийн инфографикийг бодит цаг хугацаанд хуваалцах боломжтой.

Easel.ly гэх мэт олон энгийн инфографик хэрэгслүүд нь "Embedded YouTube Video" сонголтыг санал болгодог, эсвэл та Photoshop дээр үүсгэсэн инфографик дээрээ видео давхаргыг ашиглан видео нэмж болно. Та Powerpoint слайд дээр видео нэмж, инфографик болгож болно.

Нэмж дурдахад та вэбээс сая сая GIF-г олж, ижил аргаар буулгаж болно. Энд анхаарах зүйл бол та өөрийн инфографикийг сайт дээрээ зөв шигтгэсэн эсэхийг шалгахын тулд URL болгон түгээх хэрэгтэй болно. Та ийм инфографикийг .jpeg эсвэл PDF форматаар түгээх, хадгалахыг хориглоно. Энэ нь улам бүр түгээмэл болохын хэрээр видео болон GIF оруулах бусад хэрэгслүүд гарч ирэх нь дамжиггүй.

Гэхдээ хэрэв та бусад хүмүүс, тэр дундаа тэдний нохой хүртэл үүнийг хэрхэн хийхийг сураагүй бол энэ төрлийн инфографикийг ашиглахыг хүсвэл онлайнаар олсон хэрэгслээр эхэл.

Хэрэв та дараагийн түвшинд аваачихыг хүсвэл өөрт байгаа инфографикаас видео хийж болно. Энэ бол YouTube, Instagram, тэр байтугай Vimeo, Snapchat гэх мэт видео платформ дээр харагдах сайхан боломж юм. Доорх видео нь инфографикийг хэрхэн видео болгон хувиргах гайхалтай жишээ юм.

Яагаад инфографик дээр видео эсвэл GIF оруулах вэ?

• Энэ нь таныг гайхшруулах элементийг өгдөг - хүмүүс зураг хөдөлнө гэж хүлээхгүй!
• Энэ нь маш хөгжилтэй бөгөөд анхны бөгөөд энэ нь хүмүүс таны инфографиктай харилцах, хуваалцах боломжийг нэмэгдүүлдэг.
• тэр сайн аргаХүн бүрт өөрийн брэндийн өвөрмөц байдлыг харуул

3. Хөдөлгөөнт инфографик

Хөдөлгөөнт инфографик нь маш олон тооны харааны загвартай бөгөөд маш их анхаарал шаарддаг. Хэрэглэгч хуудсыг үзэхдээ ихэвчлэн юу ч хөдөлнө гэж хүлээдэггүй, тиймээс бусдаас өмнө эдгээр бүх арга техникийг сурах нь зүйтэй.

Олон тооны хөдөлгөөнт инфографикууд нь нэлээд төвөгтэй бөгөөд зарим төрлийн график дизайн, кодчилол ба/эсвэл програм хангамжийн мэдлэг шаардагддаг тул өндөр үнэлэгддэг.

Миний яриад байгаа зүйлийн жишээ энд байна.

Хэрэв та хөдөлгөөнт инфографикийг хэрхэн бүтээх талаар илүү ихийг мэдэхийг хүсвэл "Tabletop Whale"-ийн инфографикийг үзээрэй. Та мөн ийм төрлийн инфографик үүсгэхэд туслах янз бүрийн үйлчилгээг олох боломжтой. Ямар ч байсан энэ бол инфографикийн хувьслын хамгийн төвөгтэй процессуудын нэг юм.

Та яагаад хөдөлгөөнт инфографик бүтээхэд цаг хугацаа, эрч хүч, мөнгөө зарцуулах ёстой гэж?

• Энэ нь таныг бусдаас ялгарах болно, учир нь хүн бүр ийм төрлийн хандалт хийх боломжгүй байдаг програм хангамжэсвэл агуулга
• Хэдэн жилийн дараа энэ нь ердийн зүйл болох болно - та үүнийг хамгийн түрүүнд хийх болно!
• Анимэйшн нь инфографик доторх мэдээллийг илүү дурсамжтай болгоно.
• Энэ нь таны хэрэглэгчдийг тантай хамтран ажиллах урам зориг өгөх болно

Эдгээрийн аль нь ч шинжлэх ухааны уран зөгнөлт биш юм.

Энэ нь хэтэрхий техникийн сонсогдож байгаа бөгөөд одоо таны чадамжаас давсан зүйл мэт санагдаж магадгүй ч 2-3 жилийн дараа ийм төрлийн инфографикууд маш энгийн зүйл болж магадгүй юм. Хөдөлгөөнт инфографик болон gif инфографикийн томоохон нээлтийг бид аль хэдийн харж байна, ялангуяа gif-ийн нэр хүнд өссөөр байгаа. Инфографик нь интернетэд хамгийн их хэрэглэгддэг, хамгийн их бүтээгддэг контентуудын нэг болж байна. Яагаад? Тийм ээ, учир нь тархинд бэлгэдлийн утгыг хүлээн авч, боловсруулахад ердөө 250 миллисекунд хэрэгтэй.

Хэрэв дундаж хүн нэг сайтад 15 секунд зарцуулаад дараа нь залхаж байвал та угаасаа тэднийг саатуулж болох аливаа зүйлийг, эсвэл ядаж 15 секунд ба түүнээс бага хугацаанд мессеж авахыг хүсдэг. Зарим судалгаагаар хүмүүс 8 секундээс илүүгүй хугацаанд аливаа зүйлд анхаарлаа төвлөрүүлж чаддаг нь батлагдсан бөгөөд энэ үзүүлэлт жил бүр буурч байна.

Энэ бол бидний байнгын мэдээллийн хэрэгцээний шалтгаан, магадгүй дайвар бүтээгдэхүүн юм. Бид мэдээллийн эрин зуунд амьдарч байгаа бөгөөд бүх мэдээлэл бидэнд нээлттэй байна. Гэхдээ энэ нь олон хүн мессеж хуваалцах, бүх зүйлд хариулах гэж оролддог гэсэн үг юм боломжит асуултууд, илүү их үйлдвэрлэсэн контент нь арын чимээ болдог.

Хэрэв өнөөдөр инфографик байгаа нь үзүүлэлт юм бол удахгүй хаа сайгүй байх болно. Энэ нь таны ажилд шинэ өөрчлөлт орно гэсэн үг юм. Түүхэнд нэг ч маркетингийн кампанит ажил үргэлж ижил зүйлийг хийснээр амжилтанд хүрч байгаагүй.

Энд байгаа санаа нь инфографикийг .jpeg дүрсээс илүү зүйл гэж үзэх явдал юм. Инфографикийг өөр өөр орчинд тохируулж, асар олон төрлийн платформ дээр ашиглах боломжтой. Бизнес эрхлэгчид, зах зээлдүүлэгчид энэ боломжийг аль хэдийн олж харсан. Тэгээд чи?