Hem Personliga finanser Skapa en interaktiv infografisk upplevelse - dummies

Skapa en interaktiv infografisk upplevelse - dummies

Video: Mike Matas: A next-generation digital book 2024

Video: Mike Matas: A next-generation digital book 2024
Anonim

Såsom rörelsegrafik, ger interaktiva infogningar ett kraftfullt sätt att involvera dina tittare i ämnet. Interaktiv infographics innehåller funktioner som gör att läsarna kan utforska infografiska på sina egna sätt.

Den här anpassade vyn kan ske på ett antal olika sätt, antingen genom att klicka på en del av grafiken för att visa data eller genom att flytta komponenterna i grafiken för att få tillgång till mer information.

Som rörelsegrafik har interaktiva grafik sina egna unika fördelar och anledningar till varför du kan välja dem. Några inkluderar

  • En överflöd av data

  • Alltför komplicerade processer eller förklaringar

  • Stora detaljerade kartor

  • Lång text

  • Data som påverkar olika läsare på olika sätt

Kanske den mest övertygande orsaken att utforska med hjälp av en interaktiv lösning på ditt ämne är när du har en stor mängd data. Säg att du har data som jämför varje enskilt stat i USA i en mängd olika kategorier. Du kan göra detta med ett statiskt tillvägagångssätt, men du skulle be dina läsare att hålla sig inställd på en mycket lång infografisk. Det är svårt att hålla intresse så länge.

I stället för att förvänta tittare att hålla fast vid dig länge kan du istället ge dem en interaktiv upplevelse som gör att de kan utforska data på egen gång och i egen takt.

Folket på Infographic World skapade ett interaktivt projekt som innehåller en jämförelse mellan olika livsstilsfaktorer, som utbildning, kyrkans närvaro, fetma, brottsfrekvens och mycket mer. De sammanställde data för alla 50 stater och skapade sedan ett interaktivt format som låter läsarna se data för vilka stater de vill, i vilken kategori de väljer.

De färgade sedan staterna röda eller blåa för att visa om varje staters väljarna hade valt John McCain eller Barack Obama i presidentvalet 2008. (Se figuren.) De drog väldigt få uttryckliga slutsatser om data och staternas politiska karaktär. Genom att låta läsarna använda uppgifterna på eget sätt lämnade de verkligen upp dem.

Några element som alla effektiva interaktiva bör ha innehåller

  • Intuitiv erfarenhet

  • Tydlig organisation

  • Klok användarkontroll (låt dem göra vad de vill ha, i anledning)

  • Flera sidor (i stället för lång rullning)

Att välja att skapa ett interaktivt infografiskt är inte slutet på diskussionen. Förutom forsknings-, skrivnings- och designaspekterna av interaktiva måste du bestämma vilket kodningsspråk som ska användas för att bygga din interaktiva.

Du har två huvudalternativ: Flash och HTML5. Med hjälp av Flash kan du skapa en "bra" "snabbare" upplevelse på kortare tid eftersom du behöver skapa mindre kod på egen hand. Den största nackdelen med att använda Flash är att den inte kan ses på iOS-enheter och äldre webbläsare med kompatibilitetsproblem.

HTML5: s största nackdel är att det tar mycket tid eftersom kodningsprocessen är lång och komplex. Du skulle vara klokt att utveckla talang i båda alternativen; du kan stöta på projekt som kräver endera.

Skapa en interaktiv infografisk upplevelse - dummies

Redaktörens val

Som standard använder Photoshop Elements färgplockare - dummies

Som standard använder Photoshop Elements färgplockare - dummies

En svart förgrundsfärg och en vit bakgrundsfärg. Om du experimenterar med färg och vill gå tillbaka till standardfärgerna, tryck på D-tangenten. Om du vill växla mellan förgrunds- och bakgrundsfärger trycker du på X-tangenten. Om du vill ha någon annan färg än svart och ...

Arbetar med kommandot Färgvariationer i Photoshop Elements 9 - dummies

Arbetar med kommandot Färgvariationer i Photoshop Elements 9 - dummies

Kommandot Färgvariationer i Photoshop Element är en digital färgkorrigeringsfunktion. Kommandot gör att du kan göra korrigeringar genom att visuellt jämföra miniatyrbilder av färgvariationer av din bild. Du kan använda det här kommandot när du inte är helt säker på vad som är fel med färgen eller vilken typ av färgsändning din bild har. Så här ...

Arbetar med Photoshop Elements 9 Project Bin-dummies

Arbetar med Photoshop Elements 9 Project Bin-dummies

Projektfacket i Photoshop Elements visar miniatyrbilder av alla dina öppna bilder. Oavsett om du arbetar i Redigera fullständigt eller Redigera snabbt läge, kan du omedelbart se en liten bild av alla bilder du har öppet på en gång. Du kan också se miniatyrbilder av alla olika visningar du ...

Redaktörens val

Hur man validerar obligatoriska fält i en formulärprocess sida - dummies

Hur man validerar obligatoriska fält i en formulärprocess sida - dummies

Du bygger PHP webbformulärsprocess sida i steg, börjar med den grundläggande ramen och sedan lägga till mer komplex validering och funktioner när du går. Öppna din textredigerare och skapa en ny fil. I den filen lägger du följande kod:

Vad gör HTML? - dummies

Vad gör HTML? - dummies

HTML instruerar webbläsaren på hur man visar text och bilder på en webbsida. Minns sista gången du skapade ett dokument med en ordbehandlare. Oavsett om du använder Microsoft Word eller Wordpad, Apple Pages eller ett annat program, har din textbehandlare ett huvudfönster där du skriver text och en meny eller ...

Vad gör Python? - dummies

Vad gör Python? - dummies

Python är ett allmänt användande programmeringsspråk som vanligtvis används för webbutveckling. Det här låter på samma sätt som Ruby, och verkligen är båda språk mer liknade än de är olika. Python, som Ruby, möjliggör lagring av data efter att användaren har navigerat bort från sidan eller stängt webbläsaren, till skillnad från HTML, CSS och JavaScript. Använda Python ...

Redaktörens val

Typer av högteknologiska lösenordssprickning - dummies

Typer av högteknologiska lösenordssprickning - dummies

Högteknologiskt lösenordssprickning är en typ av hacking som involverar Använda program som gissar ett lösenord genom att bestämma alla möjliga lösenordskombinationer. De viktigaste lösenordssprickningsmetoderna är ordboksattacker, brute-force attacker och regnbågeattacker. Ordboken attacker Dictionary attacker snabbt jämföra en uppsättning kända ordbokstyp ord - inklusive många vanliga lösenord - mot ett lösenord ...

Enhetligt meddelandevisningsverktyg - dummies

Enhetligt meddelandevisningsverktyg - dummies

Med enhetlig kommunikation och konvergens av röstbrevlåda med e-post och med skrivbordet på skrivbordet, du har nya sätt att interagera med röstmeddelanden. Du brukar brukade sända någon form av ljus på din skrivbordstelefon eller en stakad tonning när du lyfter luren för att varna dig när ett nytt röstmeddelande är ...

Enhetlig meddelandedelning - dummies

Enhetlig meddelandedelning - dummies

Eftersom enhetlig meddelandehantering gör att du kan ta emot dina telefonsvarare och fax som är inbäddade eller bifogade e-postmeddelanden i en enkel, enhetlig inkorg, så kan du också arbeta med de här meddelandetyperna på något sätt som du kan arbeta med ett e-postmeddelande. Med enhetlig meddelandehantering och en enda inkorg har du större kontroll och flexibilitet för att dela ...