Դուք հավանաբար նկատել եք առցանց աշխարհում տեքստային բովանդակությունից դեպի վիզուալ բովանդակության զանգվածային փոփոխությունը:

Չի կարելի ժխտել վիզուալների ուժը համացանցում և մեր առօրյա կյանքում: YouTube-ում և Instagram-ում գերակշռում է տեսողական բովանդակությունը. YouTube-ը համացանցում 3-րդ ամենաշատ այցելվող կայքն է, և Instagram-ն ամեն օր վերբեռնում է ավելի քան 80 միլիոն լուսանկար:

Բլոգի գրառումներն ու հոդվածները 80%-ով ավելի «սպառվող» են, եթե դրանք ունեն գունավոր պատկերներ, վերնագրեր կամ մանրապատկերներ, և մարդիկ 15 վայրկյանից ոչ ավելի կանցկացնեն կայքում, եթե այն առաջին վայրկյաններից չգրավի նրանց ուշադրությունը:

Ինֆոգրաֆիկան սիրված է հանդիսատեսի և առևտրականների շրջանում, և մարդիկ այսօր 800%-ով ավելի շատ են հետաքրքրված դրանցով, քան 2012 թվականին:

Բացի այդ, բովանդակությունը ստեղծվում է տագնապալի տեմպերով. շուկայավարների 60%-ը ամեն օր ստեղծում է նոր բովանդակության առնվազն մի փոքր մասը: Դուք կարող եք ավելին իմանալ վերանայման հոդվածում:

Քանի որ ավելի ու ավելի շատ մարդիկ սկսում են բովանդակություն ստեղծել, ինչ-որ բան պարզ է դառնում՝ տեսանելի լինելու համար պետք է առանձնանալ:

Բնականաբար, բովանդակության շուկայավարներն արդեն մտածում են վիզուալ բովանդակության ապագայի մասին՝ հաշվի առնելով, թե ինչ կարող են անել հիմա, ինչ կարող են իրականացնել և ինչ նոր տեխնոլոգիաներ են արդեն հորիզոնում։ Այս առաջադեմ մտածողությունն այն է, ինչը կարող է կատարել կամ կոտրել ձեր բովանդակության շուկայավարման բոլոր ջանքերը. պետք է հարմարվես, թե չէ կխեղդվես։

Վիզուալ բովանդակությամբ, ինչպիսին է ինֆոգրաֆիկան, շուկայավարները եզակի հնարավորություն ունեն տեսնելու ապագան, երբ այն մոտենում է: Ընկերությունները, գրաֆիկական դիզայներները և շուկայագետները բոլորը սկսում են օգտագործել ինֆոգրաֆիկա՝ դրանք թարմացնելու համար, որպեսզի դրանք էլ ավելի գրավիչ լինեն հանդիսատեսի համար: Նույնիսկ եթե դուք արդեն պարբերաբար «պարզապես տեղադրում եք» ինֆոգրաֆիկա, երբեք վաղ չէ սովորել միտումների մասին, որոնք նոր են սկսում վերելք ապրել, ինչպես որ երբեք վաղ չէ սովորել, թե ինչպես դրանք ներառել ձեր բովանդակության մարքեթինգային ռազմավարության մեջ:

Եթե ​​ցանկանում եք հայացք գցել ապագայի վրա, և գուցե նույնիսկ սովորել մի քանի հնարքներ բոլորից առաջ, հիմա ճիշտ ժամանակն է:

Ահա երեք տեսակի ինֆոգրաֆիկա, որոնք առավել տարածված կլինեն (մոտ) ապագայում։

Եթե ​​դուք փնտրում եք զովացուցիչ ինֆոգրաֆիկ գործիք, խորհուրդ եմ տալիս Visme-ին: Սկսնակների համար նրանք առաջարկում են անվճար հաշիվ և մեծ հարմարավետության հնարավորություններ ոչ դիզայներների համար: Այժմ կարող եք անվճար հաշիվ ստանալ:

1. Ինտերակտիվ ինֆոգրաֆիկա

Թեև մենք տեսնում ենք ինտերակտիվ կայքերի և հեշտ օգտագործման խաղերի գեղեցկությունը, ինտերակտիվ ինֆոգրաֆիկան դեռևս բավականին նոր է իրենց ոլորտում: Ինչպես ինֆոգրաֆիկան, դրանք ակնհայտորեն պարունակում են որոշակի տեղեկատվություն, և դրանք սովորաբար դինամիկ են: Սակայն ինտերակտիվ տարրերի օգտագործումը օգտվողներին հնարավորություն է տալիս կապ հաստատել տեղեկատվության հետ և ստեղծել իրենցը:

Ինչ էլ որ լինի ձեր բիզնեսը, ապրանքը, ծառայությունը կամ հաղորդագրությունը, դուք կարող եք ստեղծել ինտերակտիվ ինֆոգրաֆիկա, որը թույլ է տալիս մարդկանց գնահատել իրենց (օրինակ՝ «հաշվարկեք ձեր BMI-ն այստեղ»): Օգտագործողները կարող են նաև սեղմել համապատասխան տեղեկատվության վրա, որը նրանց կտանի դեպի ավելի խորը թիրախավորված ռեսուրս կամ կվերադառնա դեպի վայրէջք էջ՝ դրանով իսկ առաջացնելով տրաֆիկ: Սա ձեր հանդիսատեսին ներգրավելու շատ հարմարվող և զվարճալի միջոց է:

Շատ շուկայավարներ արդեն հարմարվել են այս տեսակի ինֆոգրաֆիկային և այն արագ է փոխանցվում: Բայց միևնույն ժամանակ շատերը, այնուամենայնիվ, հիմք են ընդունում պարզ ինֆոգրաֆիկա:

….ուղղակի պատկերացրեք, թե էլ ինչ կարող եք անել ինտերակտիվ ինֆոգրաֆիկայով:

Դուք կարող եք փորձել.

• Օգտագործելով ոլորման մեթոդներ, որոնք պատկերները կամ ձևերը առանձնանում են ֆոնից
• Կառուցեք «թռուցիկ պատուհաններ», որոնք ընդլայնում են տեքստի տարածքները
• Բացվող պատկերներ կամ վիճակագրություն, երբ սեղմում եք դրանց վրա
• Ձեր ինֆոգրաֆիկան վերածելով բազմաթիվ էջերի, որոնք օգտվողները կարող են դիտել

Ավելին մանրամասն օրինակինտերակտիվ ինֆոգրաֆիկա, նայեք այս մեկին.

Ինֆոգրաֆիկան խիստ ինտերակտիվ դարձնելու համար (ոլորումներով, թռուցիկներով և այլն) դուք պետք է մի փոքր սովորեք HTML5-ի կամ CSS-ի մասին կամ վարձեք մեկ ուրիշին, որը կհասկանա ձեր փոխարեն:

Չնայած ավելորդ ջանքերին, դուք կպարգևատրվեք եզակի, գրավիչ և արդյունավետ բովանդակությամբ:

Ինչու՞ պետք է մոտ ապագայում փորձեք իրականացնել ինֆոգրաֆիկա:

• Այն ոգեշնչում է ձեր լսարանին ներգրավվել և կիսվել ձեր բովանդակությամբ
• Այն առաջացնում է տրաֆիկ (հղումների միջոցով)
• Սա ձեր լսարանին ապացուցում է, որ դուք նորարար եք, հնարամիտ և նվիրված եք ժամանակին և հետաքրքիր բովանդակություն տրամադրելուն:
• Կան ինտերակտիվ ինֆոգրաֆիկայի մակարդակներ, որոնք կառավարելի են դարձնում դրա զարգացումը:

2. Ներկառուցված տեսանյութ և GIF

Սա տարբեր տեսակի ինֆոգրաֆիկա է, որն այսօր ավելի ու ավելի հաճախ ենք տեսնում: Ինֆոգրաֆիկան, որն առաջարկում է կարճ տեսանյութեր կամ նույնիսկ GIF-ներ (Տվյալների գրաֆիկական փոխանակման ձևաչափ), հիանալի միջոց է ուշադրություն գրավելու և ձեր ինֆոգրաֆիկան առանձնացնելու ամբոխից: Թեև սա սահմանափակում է հարթակները, դուք կարող եք իրական ժամանակում կիսվել ձեր ինֆոգրաֆիկայով:

Շատ պարզ ինֆոգրաֆիական գործիքներ, ինչպիսիք են Easel.ly-ն, առաջարկում են «Ներկառուցված YouTube տեսանյութ» տարբերակ, կամ կարող եք տեսանյութ ավելացնել Photoshop-ում ստեղծած ինֆոգրաֆիքին՝ օգտագործելով վիդեո շերտ: Դուք կարող եք նույնիսկ տեսանյութեր ավելացնել powerpoint սլայդ, որը կարող եք նաև վերածել ինֆոգրաֆիկի։

Ավելին, դուք կարող եք գտնել միլիոնավոր GIF ֆայլեր համացանցում և տեղադրել դրանք նույն ձևով: Այստեղ գրավչությունն այն է, որ դուք պետք է տարածեք ձեր ինֆոգրաֆիկան որպես URL, որպեսզի համոզվեք, որ այն պատշաճ կերպով տեղադրված է ձեր կայքում: Դուք չեք կարող տարածել կամ պահպանել նման ինֆոգրաֆիկա .jpeg կամ PDF ձևաչափով: Անկասկած, քանի որ այն դառնում է ավելի ու ավելի հայտնի, վիդեո և GIF տեղադրման այլ գործիքներ կհայտնվեն, որոնք էլ ավելի կհեշտացնեն գործընթացը:

Բայց եթե ցանկանում եք օգտագործել այս տեսակի ինֆոգրաֆիկա, քանի դեռ բոլորը, նույնիսկ նրանց շները, չեն սովորել, թե ինչպես դա անել, սկսեք հիմա այն գործիքներից, որոնք դուք գտնում եք առցանց:

Եթե ​​ցանկանում եք այն տեղափոխել հաջորդ մակարդակ, կարող եք տեսանյութ նկարահանել արդեն իսկ ունեցած ինֆոգրաֆիկայից: Սա հիանալի հնարավորություն է տեսնելու YouTube-ում, Instagram-ում և նույնիսկ վիդեո հարթակներում, ինչպիսիք են Vimeo-ն, Snapchat-ը և այլն: Ստորև բերված տեսանյութը հիանալի օրինակ է, թե ինչպես կարելի է ինֆոգրաֆիկան վերածել տեսանյութի:

Ինչու՞ տեղադրել տեսանյութ կամ GIF ինֆոգրաֆիկայում:

• Սա ձեզ տալիս է զարմանքի տարր. մարդիկ չեն ակնկալում, որ նկարը շարժվի:
• Այն շատ զվարճալի է և օրիգինալ, ինչը մեծացնում է մարդկանց շփվելու և ձեր ինֆոգրաֆիկայով կիսվելու հնարավորությունը:
• Սա լավ միջոցցույց տվեք բոլորին ձեր ապրանքանիշի յուրահատկությունը

3. Անիմացիոն ինֆոգրաֆիկա

Անիմացիոն ինֆոգրաֆիկան ունի հսկայական թվով տեսողական նախշեր և պահանջում է մեծ ուշադրություն: Երբ օգտատերը դիտում է էջը, նրանք սովորաբար չեն ակնկալում, որ ինչ-որ բան տեղափոխվի, ուստի լավ գաղափար է սովորել այս բոլոր տեխնիկան բոլորից առաջ:

Շնորհիվ այն բանի, որ շատ անիմացիոն ինֆոգրաֆիկա բավականին բարդ է և կարող է պահանջել որոշակի Գրաֆիկական դիզայն, կոդավորման և/կամ ծրագրային ապահովման գիտելիքները, դրանք բարձր են գնահատվում:

Ահա մի օրինակ, թե ինչի մասին եմ խոսում.

Եթե ​​ցանկանում եք ավելին իմանալ անիմացիոն ինֆոգրաֆիկա ստեղծելու մասին, ստուգեք այս ինֆոգրաֆիկան Tabletop Whale-ից: Դուք կարող եք նաև գտնել տարբեր ծառայություններ, որոնք օգնում են ստեղծել նման պլանի ինֆոգրաֆիկա։ Ամեն դեպքում, սա ինֆոգրաֆիկայի էվոլյուցիայի ամենաբարդ գործընթացներից մեկն է։

Ինչու՞ պետք է ծախսեք ձեր ժամանակը, էներգիան և/կամ գումարը՝ անիմացիոն ինֆոգրաֆիկա ստեղծելու համար:

• Դա իրականում ձեզ կստիպի առանձնանալ ամբոխից, քանի որ ոչ բոլորին է հասանելի այս տեսակը ծրագրային ապահովումկամ բովանդակություն
• Մի քանի տարի հետո դա սովորական կլինի. դուք առաջիններից մեկն եք լինելու, ով դա կանի:
• Անիմացիան ավելի հիշվող կդարձնի ինֆոգրաֆիկայի ներսում եղած տեղեկատվությունը։
• Դա կոգեշնչի ձեր օգտատերերին աշխատել ձեզ հետ

Սրանցից ոչ մեկը գիտաֆանտաստիկա չէ:

Դա կարող է չափազանց տեխնիկական թվալ և հիմա թվալ, թե ինչ-որ բան վեր է ձեր հնարավորություններից, բայց հավանական է, որ այս տեսակի ինֆոգրաֆիկաները շատ սովորական կդառնան 2-3 տարի հետո: Մենք արդեն կարող ենք մեծ առաջընթաց տեսնել անիմացիոն ինֆոգրաֆիկայի և gif ինֆոգրաֆիկայի մեջ, հատկապես, երբ gif-երը շարունակում են մեծ ժողովրդականություն վայելել: Ինֆոգրաֆիկան դառնում է համացանցում ամենասպառվող և ամենահաճախ ստեղծվող բովանդակության տեսակներից մեկը: Ինչո՞ւ։ Այո, քանի որ ուղեղին անհրաժեշտ է ընդամենը 250 միլիվայրկյան՝ խորհրդանիշի իմաստն ընդունելու և մշակելու համար։

Եթե ​​միջին մարդը մոտ 15 վայրկյան է ծախսում որևէ կայքում և հետո ձանձրանում է, ապա դուք, բնականաբար, ցանկանում եք էկրանից դուրս հանել այն ամենը, ինչը կարող է հետաձգել դրանք, կամ գոնե հաղորդագրություն ստանալ 15 վայրկյանում կամ ավելի քիչ: Որոշ հետազոտություններ նույնիսկ ապացուցել են, որ մարդիկ կարող են կենտրոնանալ ամեն ինչի վրա ոչ ավելի, քան 8 վայրկյան, և այս ցուցանիշը ամեն տարի նվազում է։

Սա է պատճառը և, հավանաբար, հետևանքը մեր մշտական ​​տեղեկատվության կարիքի համար: Մենք ապրում ենք տեղեկատվական դարաշրջանում և բոլոր տեղեկությունները հասանելի են մեզ։ Բայց դա նաև նշանակում է, որ որքան շատ մարդիկ փորձեն կիսվել հաղորդագրություններով և պատասխանել բոլոր հնարավոր հարցին, այնքան ավելի շատ արտադրվող բովանդակությունը դառնում է ֆոնային աղմուկ:

Եթե ​​այսօր ինֆոգրաֆիկայի առկայությունը ցուցանիշ է, ապա շուտով այն կլինի ամենուր։ Սա նշանակում է նոր փոփոխություններ ձեր աշխատանքում։ Պատմության մեջ ոչ մի մարքեթինգային արշավ չի հաջողվել՝ անընդհատ նույն բանն անելով:

Գաղափարն այստեղ ինֆոգրաֆիկան ավելին տեսնելն է, քան .jpeg պատկերը: Ինֆոգրաֆիկան կարող է հարմարեցվել տարբեր միջավայրերև կարող է օգտագործվել հսկայական բազմազան հարթակներում: Ձեռնարկատերերն ու շուկայավարներն արդեն տեսել են դրա ներուժը: Իսկ դու?

Անցած մի քանի տարիների ընթացքում ինֆոգրաֆիկան ստատիկ նկարներից վերածվել է հարուստ ինտերակտիվ փորձի անիմացիաներով և եզակի բովանդակությանը հարմարեցված տեսանյութերով: Այն այլևս չի սահմանափակվում նախապես պատրաստված, ընդհանուր ձևանմուշներով: Իսկ այսօրվա հավաքածուն պարունակում է լավագույն ինֆոգրաֆիկա, որը ցույց է տալիս, թե ինչպիսին է հետաքրքիր և տեղեկատվական փորձը:

Այս ցանկի ինֆոգրաֆիկայի մեծ մասն ընտրվել է ցուցադրելու համար տարբեր ուղիներ, որով դիզայներները մոտենում են տվյալների վիզուալիզացիային։ Այնուամենայնիվ, այստեղ կան նաև մի քանի հիբրիդներ, որոնք ցույց են տալիս ինֆոգրաֆիկայի և հարուստ մուլտիմեդիա փորձառությունների միջև սահմանների լղոզումը, միաժամանակ ստեղծելով գրավիչ բովանդակություն և գրավիչ պատմություններ վայրէջքի էջերում: Շեղում ավանդական ձևերնշանակում է, որ մենք մտնում ենք ավելի բարդ մեդիա տարածք, և հենց տեխնոլոգիայի և պատմվածքների հետ կապված այս տեսակի փորձերն են կարևոր նշանակություն ունենալ գրաֆիկական դիզայնի ապագայի ձևավորման համար:

1. Քամու քարտեզ

Քամու քարտեզը ցնցող դիզայն է, որը ցույց է տալիս քամու ուղղությունը և արագությունը Միացյալ Նահանգների վրա: Այս դիզայնը գեղարվեստական, այլ ոչ թե օգտակար նպատակ ունի, ինչը հիանալի է. շատ հաճելի է պարզապես նստել և դիտել, թե ինչպես են բարակ, բարակ թելերը պտտվում քարտեզի շուրջը: Պարզ, բայց լավ մտածված օրինակ, թե ինչպես է ձևերի ուղիները ցուցադրող ինֆոգրաֆիկան կարող է օգուտ քաղել անիմացիայից և շարժվող պատկերներից:

2. Թռիչքի ժամանակ

2014-ին The Guardian-ը թողարկեց In Flight ինֆոգրաֆիկան, որը ցույց է տալիս իրական ժամանակի առևտրային թռիչքների տվյալները (կարծես թե այժմ չեն թարմացվում, ինչը ցավալի է), ինչպես նաև դաս ավիացիայի պատմության վերաբերյալ: Ինտերակտիվ շոուի սկզբում օդային անձնակազմի միջև տեղի ունեցող լուռ զրույցները յուրահատուկ մթնոլորտ են ստեղծում։ Կարծես թե ինֆոգրաֆիկան այս օրերին կամաց-կամաց վերածվում է կինոյի փորձի: Համենայնդեպս «In Flight»-ը մատնանշում է այդ ուղղությամբ...

3. Հավաքեք Լուսինը

Dial A Moon ինֆոգրաֆիկայում շատ բան չի պատահում, բայց այն բավականին լավ է ծառայում իր նպատակին: 2015 թվականին ՆԱՍԱ-ի շնորհիվ լուսնի փուլերի ինֆոգրաֆիկան թարմացվում էր ամեն ժամ, և դուք չեք կարող գնալ Google՝ այս առեղծվածային տեղեկատվությունը փնտրելու համար։ Այժմ դուք կարող եք դիտել նկարները՝ ձեռքով մուտքագրելով ամիսը, օրը և ժամը:

4. Օր Պլուտոնի հետ

Nature ամսագիրը բազմաթիվ հետաքրքիր ինֆոգրաֆիկա է հրապարակում գիտամիտ հանդիսատեսի համար։ Դրանց թվում էր մեկը Պլուտոնի մոտ տիեզերանավի հայտնի թռիչքի մասին (24 Hours Of Pluto): Ինֆոգրաֆիկան ներառում էր շատ տեքստային տեղեկատվություն, սակայն վիզուալները հեշտացնում էին ամեն ինչ՝ սկսած գաճաճ մոլորակի կառուցվածքից մինչև նրա արբանյակների ձևավորումը: Այժմ համացանցում հասանելի է տեքստային մասը, ինչպես նաև երկու անիմացիոն տեսանյութ ինֆոգրաֆիկայից։

5. Ինչպես են փոխվել ամերիկյան տները

Ճամփորդություն կատարեք ամերիկյան մեծ երազանքով, որն արտացոլված է տնային ոճերի էվոլյուցիայի միջոցով: Այս լավ նկարազարդված ինֆոգրաֆիկան թույլ է տալիս նստել մեքենայի ղեկին (նաև փոխվում է, երբ ոլորում եք՝ ժամանակին համընթաց պահելու համար) և ճանապարհ անցնել 1900-ականներից մինչև 2000-ականներ՝ անցնելով տասնյակ տարիներ հայտնի շենքերով: Ճանապարհին դուք կհանդիպեք շատ օգտակար նյութերի (ներառյալ ժամանակի սոցիալ-քաղաքական պայմանները, ինչպես նաև նորաձևության միտումները), և ամեն ինչ ավարտվում է մի հարցով, որը ձեզ խրախուսում է պատկերացնել ամերիկյան տան ապագան։ . The Decades Of American Homes ինֆոգրաֆիկան հորիզոնական ոլորման հիանալի օրինակ է, և այն տեղավորվում է հենց այստեղ:

6. Մարքեթինգային վերլուծության էվոլյուցիան

Իր Evolution of Insight ինֆոգրաֆիկայում խելացի օգտատերերի հետազոտական ​​Vision Critical ընկերությունը հետևում է մարքեթինգային տեխնոլոգիաների շուկայի էվոլյուցիան ամբողջ աշխարհում 1890-ականներից մինչև մեր օրերը: Այն գործում է այնպես, ինչպես «Ինչպես փոխվեցին ամերիկյան տները» ինֆոգրաֆիկան և այդպիսով թույլ է տալիս համեմատել ինտերակտիվ ժամանակացույցի օգտագործման արդյունավետությունը երկու շատ տարբեր պատմությունների համար: Ամերիկյան տների տասնամյակների ինֆոգրաֆիկան ունի այն առավելությունը, որ մեքենա վարելիս տները դիտելը շատ ավելի ինտուիտիվ է, քան ամերիկյան մեծ վերլուծականներով ճանապարհորդելը: Լավ ինֆոգրաֆիկան ստեղծվում է բովանդակության, այլ ոչ թե դրա շուրջ:

7. ԼԳԲՏ համայնքի իրավունքները ամբողջ աշխարհում

The Guardian-ը մեր ցուցակում ևս մեկ տեղ է գրավում այս էլեգանտ ինֆոգրաֆիկայով, որը բացատրում է ԼԳԲՏ իրավունքների իրավական կարգավիճակը մի շարք հարցերի վերաբերյալ (ամուսնություն, աշխատավայրում խտրականություն, ատելության հանցագործություն և այլն) աշխարհի բոլոր երկրներում: Կիսաշրջանով շարժվելը վիճակագրությունը համեմատելու արագ և հեշտ միջոց է տալիս տարբեր երկրներ, իսկ ինֆոգրաֆիական կոմպոզիցիան կենտրոնում պահպանում է իր գլոբալ կարգավիճակը առաջին պլանում։ Կա նաև գործողության հզոր կոչ, որի նպատակն է կամրջել զուտ իրազեկման և ակտիվության միջև առկա բացը:

8. Անհավասարությունը շտկելի է

Ինտերակտիվ ինֆոգրաֆիկայի մեկ այլ հրաշալի օրինակ՝ Անհավասարությունը շտկելի է, հանդիսատեսին հրավիրում է խորապես անձնական կերպով խորասուզվել խնդրի մեջ: Հեռուստադիտողը երաշխավորված է, որ չի կորցնի հետաքրքրությունը նյութի նկատմամբ, որը պատմում է նրան, թե իր ղեկավարը որքան քիչ է վճարում և ինչու: Օգտատիրոջը պատմության մաս դարձնելով, ծրագրավորողները խթանում են հետաքրքրասիրությունը և օգտատիրոջը ուղղորդում են բոլոր անհրաժեշտ քայլերը, ընդհուպ մինչև «Գործողության կոչը» վերջում:

«Մենք թույլ ենք տվել, որ դա տեղի ունենա, ինչպե՞ս կարող ենք դա շտկել հիմա»:

9. Նկարեք ինքներդ. ինչպես է տնային տնտեսության եկամուտը կանխատեսում ձեր երեխայի քոլեջ գնալու հնարավորությունները

Այս ցուցակի ինֆոգրաֆիկաներից շատերն օգտագործում են անիմացիա և ինտերակտիվություն՝ հարուստ փորձ ապահովելու համար: Տեսողականորեն, The New York Times-ի այս ինֆոգրաֆիկան (Դուք նկարում եք այն. ինչպես է ընտանեկան եկամուտը կանխատեսում երեխաների քոլեջի շանսերը) հետևում է դասական գծապատկերի ձևաչափին, բայց այն նաև օգտագործում է օգտատերերի վարքագծի ըմբռնումը ինֆոգրաֆիական դիզայնի շրջանակն ընդլայնելու համար, օրինակ՝ ակտիվ և ինտերակտիվ: վիզուալիզացիա. Ընթերցողներին խնդրելով գծել իրենց սեփական կորը, նրանք ներկայացնում են սեփական շահի տարր և այդպիսով մարդկանց տալիս են իսկապես արժեքավոր տեղեկատվություն:

Ամենավատ արդյունքը չէ: Ուղղահայաց առանցքը քոլեջ գնացող երեխաների տոկոսն է: Հորիզոնական առանցքը ծնողների եկամտի տոկոսն է

10 Ինչպես են ամերիկացիները մահանում

Բացառությամբ վերնագրի պատկերի, այս օրինակը հիմնականում օգտագործում է հնաոճ լավ գծապատկերներ՝ բովանդակությունը ցուցադրելու համար: Բայց սա ամենևին էլ ձանձրալի չէ, քանի որ օգտվողները կարող են ինքնուրույն շարժվել տվյալների միջով՝ կուրսորը շարժելով գրաֆիկների երկայնքով: Սա շատ ավելի հեշտ է դարձնում համեմատել, օրինակ, 70-ականներին ինքնասպանությունների հետևանքով մահացությունների թիվը այսօրվա համեմատ (ակնարկ. այն այժմ աճում է), ստատիկ աղյուսակը դա այնքան էլ կոկիկ չէր անի:

11.

Այն պահից ի վեր, երբ Snowfall-ը հայտնվեց համաշխարհային ուշադրության և գովասանքի արժանացավ, The New York Times-ը պահպանեց իր հեղինակությունը որպես առաջադեմ մուլտիմեդիա լրագրություն: Հրապարակման թիմը օգտագործում է ինֆոգրաֆիկ դիզայնի և խորը պատմվածքի համադրություն՝ տպավորիչ հետաքրքիր փորձ ստեղծելու համար: Նրանք ունեն ավելի ցայտուն օրինակներ, բայց The Russia Left Behind-ը ստեղծագործություն է, որը որոշակի հնչեղություն է առաջացրել։ Ինֆոգրաֆիկան գործում է ինչպես ինտերակտիվ ճանապարհորդություն Ռուսաստանի տարածքով (դուք նավարկում եք ձեր ճանապարհը քարտեզի վրա):

12. Պարտատոմսեր մեքենաներ

Եթե ​​երբևէ ցանկանաք ծանոթանալ Ջեյմս Բոնդի պատմությանը` նայելով նրա մեքենաներին, ապա շնորհակալություն հայտնեք բրիտանացի ավտոդիլեր Էվանս Հալշոուին. նա ձեզ նման հնարավորություն է տվել: Դրա ինտերակտիվ Bond Cars ինֆոգրաֆիկան թույլ է տալիս ուսումնասիրել Bond մեքենաներից յուրաքանչյուրի մակնիշը և դիզայնը, ինչպես նաև մի քանի հավելումներ: հետաքրքիր փաստեր. Օգտագործելով ամենուր տարածված սլայդերի մարտավարությունը, դուք կարող եք նաև «բացահայտել» մեքենան իր ամբողջ մետաղական փառքով (լռելյայն տրվում է միայն մեկ գույն): Այսպիսով, հեղինակները ստեղծագործաբար լուծել են ինֆոգրաֆիկայի գեղագիտությանը չհամապատասխանող լուսանկարներ ներառելու խնդիրը:

13. Շարժման գույներ

The Colors Of Motion-ը ինֆոգրաֆիկական շարք է, որը վերլուծում է ֆիլմերը՝ հիմնվելով միայն դրանց գունային գունապնակի վրա՝ ստացված բոլոր կադրերի համակցությունից: Եթե ​​երբևէ մտածել եք, հիմա ունեք պատասխանը: Չե՞ք կարողանում վերնագիրը գտնել տվյալների բազայում: Պարզապես հաղորդագրություն ուղարկեք մշակողներին, նրանք ընդունում են հարցումները:

14. Թագավորական դամբարանը Պերուում

National Geographic-ն ունի «ինտերակտիվ գրաֆիկայի» բավականին տպավորիչ հավաքածու (որոնց մեծ մասն ուղեկցվում է մանրամասն տեքստային նկարագրություններով, ինչպես, օրինակ, Տրայանոսի սյունակի դեպքում), բայց մենք ընտրեցինք այս համեմատաբար պարզ օրինակը՝ հավելվածը ընդգծելու համար։ որոնցից մեթոդներն իսկապես արդյունավետ են ինտերակտիվ ինֆոգրաֆիկայում: «Թագավորական գերեզմանը Պերուում» (Peru's Royal Wari Tomb) բացահայտում է այն ժամանակների ազնվական կնոջ թաղման առանձնահատկությունները։ Մումիայի փաթաթումից ուշադրությունը տեղափոխվում է նրա դեկորացիաներն ու դիրքը: Տեղեկատվությունը բաժանելով փոքր մասերի և թույլ տալով օգտվողին շարժվել դրանց միջև՝ ինտերակտիվ գրաֆիկան խուսափում է տվյալների գերբեռնվածության ամենանենգ որոգայթներից և տեսողական էֆեկտներ. Ավելին, յուրաքանչյուր հաջորդ փոխազդեցություն ընդլայնում է փորձը, դարձնելով այն շատ ավելի պարգևատրելի, քան եթե ամեն ինչ ներկայացվեր միանգամից: Մեր ուղեղն ունի մեխանիզմ, որը մերժում է արգելակող գրգռիչները, և տրված տեսակըփոխազդեցությունը դառնում է հիանալի լուծում օգտագործողի համար՝ հեշտացնելով տեղեկատվության կլանումը:

15. Ի՞նչ է «շոտլանդական հանրաքվեն»։ Բացատրություն ոչ բրիտանացիների համար

The Guardian-ը, ինչպես New York Times-ը, հենվում է մուլտիմեդիա լրագրության վրա, և նրանց տեսահոլովակը հիանալի աշխատանք է կատարում ինֆոգրաֆիկայի հիմնական գործառույթներից մեկով. ծանր տեղեկատվությանը ընդունելի ձև տալը: Մեծ Բրիտանիայից դուրս մեզանից շատերի համար հանրաքվեն շատ շփոթեցնող թեմա է: Բարեբախտաբար, այս տեսանյութը (Շոտլանդական հանրաքվեն բացատրվում է ոչ բրիտանացիների համար) կօգնի ձեզ արագ իմանալ նրա մասին կարևոր ասպեկտներառանց պատմության մեջ խորը սուզվելու պահանջի:

16. Հանրային առողջություն

The Atlantic-ի առջեւ խնդիր էր դրված մշակել հասարակության առողջության բարելավման հայեցակարգը: Այն հանձնարարել է Truth Labs-ին գրել 3 մասից բաղկացած շարք Բնակչության առողջության մասին՝ որպես թվային պատմություն: Կատարողի հիմնական նպատակն էր պահպանել փաստաթղթի բնական ոլորումը և օգտատիրոջ ընթերցանության սովորական պայմանները՝ միաժամանակ ստեղծելով տեսողական տեսանկյունից տարբերվող փորձ: Իրենց տեսլականը կյանքի կոչելու համար նրանք վերցրեցին գործիքներ և ռազմավարություններ կինոյից, բայց նաև հիմնվեցին դիզայնի մի շարք սկզբունքների վրա՝ որպես հիմնական կանոն ընթեռնելիությունը աջակցելու համար:

17. Ջոհոյի հատիկներ

Ավստրիական սուրճի արտադրող Joho's-ը ստեղծել է Joho's Bean-ի տպավորիչ մուլտիմեդիա փորձ՝ պատմելու սուրճի հատիկների ծագման պատմությունը՝ թռչունների ծլվլոց, տոպրակներում փաթեթավորված բոված սուրճի հատիկների ձայն և բանուկ փողոցների և քաղաքի երթևեկության աղմուկը:

Joho's-ը ձեզ տանում է ճանապարհորդության՝ բացատրելով իրենց սուրճի հատիկների ծագումը

18. Նախնական ճանապարհ

«Վայրի արահետը» է ինտերակտիվ փորձ, Կտավով ստեղծված ուղեգրություն։ Հիմնական տարրը քարտեզն է, որը աշխուժացնում է ուղին քարտեզի վրա, երբ էջը պտտվում է: Նախագիծը կարող է չաշխատել բոլոր բրաուզերներում: Այնուամենայնիվ, այն գալիս է ուղեկցող հոդվածով, որը բացատրում է կուլիսային ինֆոգրաֆիական բոլոր տեխնոլոգիաները:

19.

The Guardian-ի (Live Election Results) 2016 թվականի ԱՄՆ նախագահական ընտրությունների լուսաբանումը զվարճալի տարր բերեց հետաքրքրությունների և ընտրատեղամասերի լուրջ բիզնեսին: Ինտերակտիվ ինֆոգրաֆիկան հետևել է քվեարկություններին չորս նահանգներում: Լռելյայնորեն, գրաֆիկը ցույց էր տալիս արդյունքները ամբողջ երկրի համար, և եթե օգտատերը սավառնում էր քարտեզի վրա գտնվող որևէ տարածքի վրա, այն ցույց էր տալիս, թե թեկնածուները որ թվերն են հավաքել այնտեղ: Նախագահի թեկնածուները ներկայացվել են որպես զվարճալի պիքսելացված ավատարներ։ Քանի որ ինֆոգրաֆիկան թարմացվում էր ուղիղ եթերում, փոքրիկ տղամարդիկ ներկում էին այն նահանգները, որտեղ նրանք հաղթեցին: Ժամանակ առ ժամանակ թեկնածուի կողքին պղպջակի մեջ մեջբերում էր հայտնվում.

Ընտրությունների արդյունքների արտացոլում իրական ժամանակում

Տվյալների վիզուալիզացիայի ապագան ինտերակտիվ է:

Բայց ինչպե՞ս եք ստեղծում իսկապես ցնցող ինտերակտիվ ինֆոգրաֆիկա:

Ինֆոգրաֆիկան ամենուր է, և ավելի ու ավելի հաճախ դրանք դառնում են ինտերակտիվ:

Այսօրվա հոդվածում ձեզ հետ կկիսվենք ինտերակտիվ ինֆոգրաֆիկա ստեղծելու գաղտնիքներով, ինչպես նաև օգտակար ռեսուրսների հղումներով։

1. Հասկացեք հոգեբանությունը

Նախքան ինֆոգրաֆիկան ինտերակտիվ պատրաստելը, կարևոր է հասկանալ, թե ինչու եք ցանկանում այն ​​դարձնել այդպես:

Ինչպես մանրամասնված է այս ինֆոգրաֆիկայում, մարդիկ ավելի լավ են կլանում տեսողական տեղեկատվությունը: Մենք շատ ավելի հավանական է, որ կարդանք, հասկանանք և հիշենք ներկայացումը, եթե այն ունի գրավիչ վիզուալներ: է արդյունավետ գործիքսովորել, բայց դա կարող է էլ ավելի լավանալ:

Կինետիկ ուսուցումը հիանալի այլընտրանք է, քանի որ մարդիկ ավելի լավ են սովորում ֆիզիկական գործողությունների միջոցով:

Ահա թե ինչու ավելացնելով ինտերակտիվությունը խոստումնալից տարածքվիզուալիզացիաները կօգնեն ձեզ ստեղծել ավելի հիշվող և արդյունավետ ինֆոգրաֆիկա:

Վիզուալ և կինետիկ մոտեցման այս համադրությունը անիմացիոն ինֆոգրաֆիկան դարձնում է ապագայի բովանդակությունը: Իհարկե, որոշ թեմաների համար ավելի լավ է չօգտագործել ինտերակտիվ տարրեր, բայց շատ դեպքերում դրանք միայն կբարելավեն բովանդակությունը։

Շարժումը իմաստ է հաղորդում տեղեկատվությանը, թույլ է տալիս օգտվողին վերահսկել փորձը և ներգրավել երևակայությունը այնպես, որ ստատիկ ինֆոգրաֆիկան չի կարող:

2. Ավելացրեք ոլորման էֆեկտներ

Վիրտուալ իրականության խնդիրն այն է, որ դու ուրիշների համար ապուշի տեսք կունենաս:

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 դարում.

#MakeoverMonday՝ Էնդի Կրիբելի կողմից: Մանրամասն նկարագրությունև ինտերակտիվ - Էնդի բլոգում.

#MakeoverMonday՝ Էնդի Քոթգրիվի կողմից: Մանրամասն նկարագրությունը և ինտերակտիվ - Էնդի բլոգում.

Ես նաև պարզեցի, որ աշխարհում մարդկանց 51%-ը ինձնից երիտասարդ է, իսկ Ռուսաստանում՝ 63%-ը մեծ է, և որ իմ մահվան հավանականությունն այս պահին այնքան էլ մեծ չէ։ Թվերը հանկարծ դադարեցին «վիճակագրություն» լինելուց և մինչև հոգու խորքը հուզեցին ինձ։

Տվյալների վիզուալիզացիա - օգտագործում է մեծ տվյալների հավաքածուներ՝ ավելի քիչ ձեռագործավելի շատ դիզայն; հիմնված ալգորիթմների վրա: Օրինակ՝ New York Times-ի ինտերակտիվ աշխատանքը։

տեսողական արվեստ - միակողմանի կոդավորում: Գեղեցիկ, բայց դժվար է վերծանել պատկերացումները, ինչպես Կունալ Անանդի հաշվողական արվեստը:

Ինչումն է խնդիրը?

Արդյունքում, շատ ստեղծագործություններ գրավում են միայն բարդ օգտատերերին, բայց թույլ չեն տալիս չնախաձեռնող ընթերցողներին խորանալ հարցի էության մեջ՝ դրանով իսկ վնասելով վիզուալիզացիայի նպատակին՝ իրազեկել հանրությանը: Այդ իսկ պատճառով այդքան կարևոր է ճանաչել և հասկանալ տեսողական գրագիտության խնդիրը վիզուալիզացիայի համատեքստում:

Լրագրության նոր «Վիզուալ քերականություն».

Ահա երեք աշխատանք, որոնք փորձարկում են ինտերակտիվ լրագրությունը ներկայացնելու ուղիները։ Նրանք տպավորիչ տեսք ունեն, բայց դրանց մեկնաբանումը շատերի համար կարող է դժվար գործ լինել։

Միասեռականների իրավունքները ԱՄՆ-ում, նահանգ առ նահանգ

Այսօր առկա տվյալների աղբյուրների և տվյալների մշակման գործիքների քանակն ինքնին հստակ ցուցում է, որ նախկինում երբեք այդքան շատ մարդիկ չեն փորձել հարմարվել տվյալների վիզուալիզացիայի աշխարհում: Իսկ երբ ուսումնասիրության համար այդքան շատ նյութեր կան, մնում է միայն մեկ հարց «Որտեղի՞ց սկսել:կարող է վախեցնել յուրաքանչյուր նորեկի: Այսպիսով, որո՞նք են լավագույն գրադարանները և ի՞նչ են խորհուրդ տալիս մասնագետները: Սա կքննարկվի այս հոդվածում:

Տվյալների վիզուալիզացիայի մասին խոսելն ու դրանք չնշելը նման է անհատական ​​համակարգիչների պատմության մասին խոսելուն և Սթիվ Ջոբսի մասին ոչ մի բառ չասելուն: D3-ը (անգլերեն Data Driven Documents-ից), առանց չափազանցության, ամենակարևոր և գերիշխող բաց կոդով JavaScript գրադարանն է շուկայում, որը սովորաբար օգտագործվում է SVG գրաֆիկա ստեղծելու համար: SVG-ն (անգլերենից. Scalable Vector Graphics) իր հերթին ձևաչափ է վեկտորային պատկեր, որն աջակցվում է վեբ բրաուզերների կողմից, սակայն նախկինում քիչ է օգտագործվել:

D3 գրադարանն իր ժողովրդականության մեծ մասը պարտական ​​է վեբ դիզայներների կողմից SVG-ի նկատմամբ անսպասելի հետաքրքրությանը, ինչը մեծապես պայմանավորված է նրանով, թե ինչպես վեկտորային գրաֆիկանայեք բարձր լուծաչափով էկրաններին (մասնավորապես՝ Retina էկրաններին, որոնք օգտագործվում են Apple սարքեր), որոնք գնալով ավելի տարածված են դառնում։

«Եկեք անկեղծ լինենք, եթե խնդիրն է պատկերացնել SVG-ի վրա հիմնված տվյալները, ապա մնացած բոլոր գրադարանները նույնիսկ մոտ չէին այն լուծելու», - ասում է տվյալների վիզուալացման անկախ փորձագետ և ընկերության սեփականատեր Մորից Ստեֆաները: Ճշմարտություն և գեղեցկություն. «Կան նաև մի քանի հետաքրքիր նախագծեր, որոնք հիմնված են D3-ի վրա, օրինակ՝ NVD3-ն, որն ապահովում է ստանդարտ գրաֆիկական բաղադրիչներ՝ պատրաստ օգտագործման համար, բայց հարմարեցված; կամ, ասենք, Crossfilter-ը պարզապես տվյալների զտման հիանալի գործիք է»:

Սքոթ Մյուրեյ, ծրագրավորող-դիզայներ և գրքերի հեղինակ Ինտերակտիվ տվյալների վիզուալիզացիա համացանցի համար, համաձայն է նախորդ կարծիքի հետ. «D3-ն ունի արտասովոր ուժ, որը կայանում է նրանում, որ այն օգտագործում է այն ամենը, ինչ առաջարկում են բրաուզերները։ Թեև սա ունի բացասական կողմ. եթե զննարկիչը չի աջակցում ինչ-որ բան, օրինակ՝ WebGL-ի վրա հիմնված 3D պատկերներ (անգլիական Web Graphics Library-ից), ապա D3-ը նույնպես այն չի աջակցի:

Եվ չնայած այս գրադարանն իսկապես ունիվերսալ է, այն դեռևս չէ իդեալական լուծումցանկացած առաջադրանքի համար: «D3 գրադարանի, այսպես ասած, հիմնական թերությունն այն է, որ այն չի նախատեսում կամ նույնիսկ առաջարկում որևէ կոնկրետ մոտեցում վիզուալիզացիայի համար», - ավելացնում է Սքոթ Մյուրեյը: «Այսպիսով, դա իսկապես գործիք է տվյալների բրաուզերում բեռնելու և այնուհետև այդ տվյալների հիման վրա DOM բաղադրիչներ ստեղծելու համար»:

Թեև D3-ը հիանալի գործիք է հատուկ պատկերների համար, եթե ցանկանում եք ստեղծել ստանդարտ գրաֆիկ առանց մեծ տեսողական աշխատանքի, ապա այնպիսի գործիք, ինչպիսին է. Վեգա. Լինելով շրջանակ, որը մշակվել է D3-ի վերևում, Vega-ն այլընտրանք է տրամադրում գրաֆիկական բաղադրիչների ցուցադրման համար: Vega-ի միջոցով դուք կարող եք պատկերացնել տվյալները JSON ձևաչափով Եվրոպական լրագրության կենտրոնը և տվյալների վրա հիմնված լրագրողական նախագիծը: Դասընթացի ճշգրիտ ամսաթիվը դեռ հայտնի չէ, բայց կարող եք գրանցվել հենց հիմա։

Հինգ օրից դասընթացի մասնակիցները կկարողանան իմանալ, թե ինչ է տվյալների լրագրությունը, ինչպես է այն աշխատում և ինչ հիմնական հմտություններ պետք է տիրապետել այս ոլորտում մասնագետ դառնալու համար: Պարզեք, թե որտեղ փնտրել տվյալներ՝ աջակցելու ձեր պատմություններին և ինչպես գտնել նոր պատկերացումներ առկա տվյալներից: Իմացեք ձանձրալի տվյալները ազդեցիկ պատմության, ինֆոգրաֆիկայի կամ նույնիսկ ինտերակտիվ վիզուալիզացիայի վերածելու արվեստը: Ծանոթացեք գրաֆիկական դիզայնի հիմնական սկզբունքներին, որոնք պետք է իմանա լրագրողը։

Դասընթացի դասախոսները տվյալների լրագրության և վիզուալիզացիայի աշխարհի առաջատար փորձագետներից հինգն են: