Huis Persoonlijke financiën Maak een interactieve infographicservaring - dummies

Maak een interactieve infographicservaring - dummies

Video: PowerPoint Les 8: Interactieve Quiz 2024

Video: PowerPoint Les 8: Interactieve Quiz 2024
Anonim

Net als bewegende afbeeldingen, bieden interactieve infographics u een krachtige manier om uw kijkers te betrekken bij het onderwerp. Interactieve infographics bevatten functies waarmee de lezers de infographic op hun eigen manier kunnen verkennen.

Deze aangepaste weergave kan op verschillende manieren tot stand komen - of u nu op een gedeelte van de afbeelding klikt om gegevens te bekijken of door onderdelen van de afbeelding te verplaatsen voor meer informatie.

Net als bewegende grafische afbeeldingen hebben interactieve afbeeldingen hun eigen unieke voordelen en redenen waarom u ze zou kunnen kiezen. Een paar bevatten

  • Een overvloed aan gegevens

  • Overmatig complexe processen of uitleg

  • Grote, gedetailleerde kaarten

  • Lange tekst

  • Gegevens die verschillende lezers op verschillende manieren beïnvloeden

Misschien wel de meest dwingende reden om te verkennen met behulp van een interactieve oplossing voor uw onderwerp is wanneer u een enorme hoeveelheid gegevens hebt. Stel dat u gegevens hebt die elke afzonderlijke staat in de Verenigde Staten in verschillende categorieën vergelijken. Je zou dit met een statische benadering kunnen doen, maar je zou je lezers vragen om op de hoogte te blijven voor een zeer lange infographic. Het is moeilijk om zo lang interesse te hebben.

In plaats van te verwachten dat kijkers lang bij je blijven, kun je ze in plaats daarvan een interactieve ervaring bieden waarmee ze de gegevens in hun eigen tijd en in hun eigen tempo kunnen verkennen.

De mensen van Infographic World hebben een interactief project gemaakt met een vergelijking per staat van levensstijl, zoals onderwijs, kerkbezoek, zwaarlijvigheid, misdaadcijfers en meer. Ze hebben de gegevens voor alle 50 staten samengesteld en vervolgens een interactief formaat gemaakt, waardoor lezers gegevens kunnen zien voor elke gewenste status, in welke categorie ze ook kiezen.

Vervolgens kleurden ze de staten rood of blauw om te laten zien of de kiezers van elke staat John McCain of Barack Obama hadden gekozen bij de presidentsverkiezingen van 2008. (Zie de figuur.) Ze trokken heel weinig expliciete conclusies over de gegevens en het politieke karakter van de staten. Door de lezers de gegevens op hun eigen manier te laten gebruiken, hebben ze het echt aan hen overgelaten.

Een paar elementen die alle effectieve interactieven moeten bevatten, zijn

  • Intuïtieve ervaring

  • Wis organisatie

  • Verstandig gebruikersbeheer (laat ze doen wat ze willen, redelijk)

  • Meerdere pagina's (in plaats van lang scrollen)

Het kiezen van een interactieve infographic is niet het einde van de discussie. Naast de onderzoeks-, schrijf- en ontwerpaspecten van interactieven, moet u beslissen welke coderingstaal u moet gebruiken om uw interactieve apparaat te bouwen.

U heeft twee hoofdopties: Flash en HTML5. Met Flash kunt u een, goed, "flitser" -ervaring creëren in een kortere tijd omdat u zelf minder code hoeft te maken. Het grootste nadeel van het gebruik van Flash is dat het niet kan worden bekeken op iOS-apparaten en oudere internetbrowsers met compatibiliteitsproblemen.

Het grootste nadeel van HTML5 is dat het veel tijd kost, omdat het coderingsproces lang en complex is. Je zou verstandig zijn om talent te ontwikkelen in beide opties; u kunt projecten tegenkomen die beide oproepen.

Maak een interactieve infographicservaring - dummies

Bewerkers keuze

Setup Menu 3 op de Rebel T6i / 750D - dummies

Setup Menu 3 op de Rebel T6i / 750D - dummies

Er wachten nogal wat aanpassingsmogelijkheden op de Setup-menu van de Rebel T6i / 750D 3. Setup-menu 3, weergegeven in de volgende afbeelding, bevat de volgende aanpassingsmogelijkheden: Schermkleur: standaard bevat het scherm Opname-instellingen opnamegegevens in het wit op een eenvoudige zwarte achtergrond. Er worden grijstinten in grijstinten gebruikt en accenten worden meestal oranje gemarkeerd. ...

Bewerkers keuze

Tekst invoeren en in een PowerPoint-dia passen - dummies

Tekst invoeren en in een PowerPoint-dia passen - dummies

Tekst aan een inhoud toevoegen tijdelijke aanduiding in Microsoft PowerPoint, klik op het gebied Klik om tekst toe te voegen en typ wat u wilt. Als u een ander type inhoud wilt toevoegen, klikt u op het pictogram in de tijdelijke aanduiding voor het gewenste type. Als u meer tekst typt dan in dat tekstvak past (vooral gebruikelijk voor ...

Voor senioren: de Prullenbak van uw computer leegmaken - dummies

Voor senioren: de Prullenbak van uw computer leegmaken - dummies

De Prullenbak op uw computer bevat onlangs verwijderde items. Uw oude bestanden bevinden zich in de Prullenbak en u kunt ze ophalen totdat u deze leegt of totdat deze de maximale maximale grootte heeft bereikt, en Windows automatisch enkele bestanden dumpt. Nadat u de Prullenbak hebt leeggemaakt, zijn alle bestanden daarin niet beschikbaar voor ...

Hoe tekst in te voeren in een Microsoft Office-document - dummies

Hoe tekst in te voeren in een Microsoft Office-document - dummies

Nadat u een document hebt gemaakt, bent u klaar om te beginnen met typen. Tekst op de pagina plaatsen (of op het scherm) is een beetje anders in elk van de drie grote Microsoft Office-toepassingen: Word, Excel en PowerPoint. Woord: Het belangrijkste werkgebied van het programma is een lege lei waarop u rechtstreeks kunt typen. Klik gewoon in de ...

Bewerkers keuze

Animatie maken met de HTML5-canvastag - dummies

Animatie maken met de HTML5-canvastag - dummies

Hoewel de HTML5-canvastag misschien niet als vervanging voor Flash als mechanisme voor het implementeren van games en animaties in de browser, is het redelijk eenvoudig om animaties aan een canvasafbeelding toe te voegen. De sleutel is om de animatiefuncties te gebruiken die al in de browser zijn ingebouwd. Basisstructuur van de animatielus in HTML5-canvas Een animatie ...

Hoe externe stijlen maken in CSS3 - dummies

Hoe externe stijlen maken in CSS3 - dummies

De meeste ontwikkelaars gebruiken externe stijlen in CSS3 om te verkleinen de hoeveelheid werk die nodig is om een ​​site te onderhouden. Een. CSS-bestand bevat alle stijlen voor de site, wat betekent dat het veranderen van een stijl voor de hele site net zo eenvoudig is als het veranderen van dat ene bestand (in plaats van elke pagina). Omdat de wijziging plaatsvindt in slechts ...

Hoe u volledige interactieve CSS3-toepassingen maakt met YUI - dummies

Hoe u volledige interactieve CSS3-toepassingen maakt met YUI - dummies

De Yahoo! Gebruikersinterface (YUI) -bibliotheek (Yuilibrary) is een complete ontwikkeling - API verwant met jQuery en jQuery UI CSS3 gecombineerd in sommige opzichten en rijker dan deze bibliotheken in andere. Dit is een complexe API die is ontworpen om aan de behoeften van grotere applicaties te voldoen. Eigenlijk moet je echt de tutorials doorlopen, ...