Articles

14 módon bemutatni információk vizuálisan

az ügyfél és az Infographic-egy interjú SignalNoise.

Az adatok bárhonnan származnak – interjú Jer Thorp data artist

hat infografika, amelyet tervezőink szeretnek-néhány csodálatos itt

mi az a B2B Infographic? – nehéz kérdések.

sok információt megosztani? Infografikát készít? Íme 14 módon vizuálisan szervezni az információkat, példákkal, tippekkel, hogy mikor kell használni őket.

kétféle módon lehet felfedezni az információk vagy a történet vizuális bemutatásának legjobb módját:

  1. Ismerje meg adatait vagy történetét. Rake a zen kert, kérdezd meg magadtól: “mit jelent az adataim szeretnék kinézni?”
  2. menjen át több száz infografikán, és próbálja meg megnézni, hogy a jobbak közül bármelyik alkalmas-e arra, amit szeretne, vagy mondja.

ehhez a bejegyzéshez megpróbáltam az utóbbit megtenni az Ön számára (ha meg akarja művelni a zen kertjét, nem tehetek semmit az Ön számára).

a folyamat:
elmentem Visual.ly (kiváló forrása az infographics, valamint a közösség körülöttük), és áttekintette a pár száz legnépszerűbb infographics által oldalmegtekintések. Ez a vonóháló 14 vizuális metaforát tárt fel. Itt megosztom őket, és válaszolok néhány kérdésre:

mikor működik egy adott vizuális megközelítés?

mit érdemes szem előtt tartani tervezési szempontból?

mi néhány jó példa?

The 10 + 4 Visual Conceits

egy anatómiai vizuális vagy infografika egy nagy és bonyolult objektum vagy ötlet tartalmának annotált feltárását biztosítja. Lehet metaforikus (mint például az alábbi” SEO anatómiája “infografika) vagy egyenes (mint például az alábbi” tökéletes weboldal anatómiája ” infografika).

mikor használja? Bármikor szeretne oktatni valamit sok mozgó alkatrész, amelyek nem széles körben vagy könnyen érthető.

tervezési megjegyzések: Bár célunk a komplexitás szemléltetése és tisztázása, ellenállnod kell a kísértésnek, hogy túl részletes és explicit legyen.

néhány példa: SEOMoz egy kereső marketingszakértő anatómiája, egy tökéletes weboldal anatómiája, Jing Zhang csodálatos képzeletbeli gyári sorozata, valamint az Infolinks kezdő Blogger agya.

Timeline

ezek nagyszerű ok-okozati kapcsolatok vagy Evolúció sorozatának bemutatására (vagy létrehozására).

mikor használja? Amikor a változás idővel a fő pont

tervezési megjegyzések: Későn kezdesz és visszafelé dolgozol, vagy korán kezdesz és előre dolgozol? Általában az utóbbi, kivéve, ha az a pont, amit megpróbálsz, valami történelmi gyökereire vonatkozik. Ügyeljen az időméretre – próbálja meg megőrizni a réseket és a fürtöket.

példák: Battlefield vs. Call of Duty Timeline and the Inception Timeline (tipp: ez nem egyenes)

Timeline al-műfajok:
története … példa: története Ébresztőórák

fejlődése … példa: A Geek evolúciója

taxonómia

mint ez a bejegyzés, mindannyian megpróbáljuk osztályozni a dolgokat. Valahogy a bucketizáló dolgok megnyugtatják a csimpánz elménket. Azt is lehetővé teszi, hogy kommunikálni szélessége, mélysége.

mikor használja? Ha azt szeretnénk, hogy tisztázza a jelentős és felismerhető különbségek alcsoportok

tervezési megjegyzések: ezt csak akkor használja, ha több elem, amelyek különböznek a különböző tengelyek (ha csak két dolog, érdemes használni side-by-side Összehasonlítás (lent); ha csak egy tengely, talán skála (lent))

példák: Nuts & Chart típusok és egy új kedvenc: a PopCharts Labs csodálatos sokasága és a 200 Super Powers chart.

taxonómia al-műfajok:
periódusos példa: a SEO rangsorolási tényezők periódusos táblázata,a káromkodás periódusos táblázata

fa példa: Eloqua Blog fa

Térkép

A Térképek kibaszott nagyok. Szeretem őket. Megtudhatod, hol vagy, hová mész, és hol … más dolgok. Semmi sem nyújt térbeli és fogalmi kontextust, mint egy térkép.

mikor használja? Amikor azt szeretnénk, hogy kommunikálni közelség, távolság és irány között számos különböző elemek, vagy adatpontok.

tervezési megjegyzések: Ha be tudod csomagolni a jelentőséget a térkép elrendezésébe (vagyis a távolságoknak, az objektumoknak és a méreteknek Mind van értelme), annál jobb lesz.

néhány példa: Flowtown Social Networking Map, the Creative Process Map and The amazing, interactive Distance To Mars demonstration by David Paliwoda and Jesse Williams.

élvezi a bejegyzést? Remélem, megosztod a hasonló gondolkodású emberekkel. Küldd el. LinkedIn share. Vagy tetszik.

csúszdák és létrák

ismeri a játékot – látszólag véletlenül ugrik előre és csúszik hátra, mindig az elejétől a végéig küzd. A résztvevők egyrészes tervezésen és egyrészes esélyeken mennek keresztül.

mikor használja? Ha azt szeretnénk, hogy ismertesse a folyamat, ahol nagyjából mindenki azt akarja, hogy indul és végződik ugyanazon a helyen (de az útvonal elejétől a végéig nagyon változó)

tervezési megjegyzések: általában kevés vita a lépéseket az út mentén; töltsön időt és erőfeszítést a ugrik előre-hátra, mert ezek felhívni a legnagyobb figyelmet.

példák: Credit Report 101 and Marketing Chutes and Ladders by Insightera.

A tér egyenlő a térrel

Ez az óvoda egyik első tanulsága: néhány dolog Nagy, más dolgok kicsik (de csak egymáshoz képest). A tér egyenlő tér infographic parcellák két vagy több dolog egymás ellen ugyanazt a skálát.

mikor használja? Amikor azt szeretnénk, hogy kommunikálni a relatív mérete vagy száma különböző dolgokat, mert a kapcsolat váratlan vagy érdekes

tervezési megjegyzések: gyakran ez jó, hogy hozzanak egy alapvonal, majd hasonlítsa össze, és ezzel szemben. Az alapvonal megváltoztatása zavaró lehet.

egy példa: Mi kisebb, mint az Apple, és milyen nagyok a Trónok harca sárkányok.

Scale

minden az univerzumban, függetlenül attól, hogy milyen egyedi, egy csúszó skálán van – csak meg kell kérdeznünk magunkat, mi a skála. Például, egy rózsaszín egyszarvú egy csúszó skálán van a “rózsaszín egyszarvú” – tól a “nem rózsaszín egyszarvú” – ig, ahol az univerzum legtöbb dolga a második csoport végpontja felé halad.

mikor használja? Bármikor, amikor akarod, hogy rangsorolni, vagy rang számos tárgyak ellen criterium, hogy a közönség különösen, mint

Design megjegyzések: Felülről lefelé a mérleg általában a felső néz ki jól, az alsó rossz; oldalra rangsor nem adja egyik végét a skála előnyben.

néhány példa: Az Angry Birds Szerethetősége, a szakáll megbízhatósága

egymás mellett összehasonlítás

mindannyian ismerjük a vizuális alapokat a klasszikus funkciótáblából. Először kiválaszt egy modellt vagy példát a tetején, majd lemegy a diagramon, hogy megnézze, mit csinál ez a modell, vagy nincs. Ezek lényege az egyszerű összehasonlítás.

mikor használja? Ha van egy korlátozott mennyiségű elem, hogy szeretné összehasonlítani, vagy kontraszt gyorsan.

tervezési megjegyzések: Ha megy le, hogy két elem, ezek az elemek gyakran a végén néz ki, mint azok a konfliktusok.

egy példa: Geek vs. Hipster

döntés fa

ezek fantasztikusak lehetnek, ha egyenesek, és fantasztikusak lehetnek, ha képregényesek. Úgy tervezték, hogy minden lehetséges körülményre megfelelő választ adjon.

mikor használja? A döntési fák kiválóan alkalmasak arra, hogy mentálisan és vizuálisan irányítsák az embereket egy meghatározatlan kiindulási ponttól a sok különböző végpont bármelyikéig.

tervezési megjegyzések: Minden pontot úgy kell felépítenie, hogy csak egy vagy két zárt végű (könnyen megválaszolható) válasz legyen, konkrét ajánlással záruljon, és nagyon gyorsan következtetést vonjon le.

néhány példa: el kell fogadnom ezt a barátkérést? Melegítőnadrágot vegyek fel? Fel kell ébredned már?

Venn Diagram

a Venn diagram Rudolf Venn-Herschelderferer filozófustól származik, aki soha nem veszített el harcot; csak egy másik komplexitási réteget adott hozzá. Őszintén szólva, ezek a diagramok arról szólnak, hogy az embereket kompromisszum alá kényszerítsék. Nem kaphatsz meg mindent, mindent tisztán és teljesen, soha.

mikor használja? Ha azt akarjuk, hogy az emberek lássák, hogy a helyzetnek nincs ideális forgatókönyve, hanem inkább kompromisszumok és kompromisszumok sorozata. Vagy mutatni egy édes helyet, ahol két zóna átfedésben van.

tervezési megjegyzések: még soha nem láttam sikeres Venn diagramot, több mint max. négy nagy kör. Ez nem jelenti azt, hogy nem lehetséges, de én csak mondom.

példa: hogyan szeretné a grafikai tervezést?
és van egy remek Venn-diagramgyűjtemény ezen a Tumblr-en: Venn diagramok Fasz igen

mint ez a bejegyzés? Oszd meg és többet is tehetünk!
vagy nézd meg a B2B tartalom Marketing stratégia ellenőrzőlista.