Google kondigde gisteren de komst van de “+1″ knop aan. Een knop vergelijkbaar met de “Like” van Facebook, maar dan om met 1 klik zoekresultaten te waarderen en je omgeving te wijzen op goede, dan wel interessante zoekresultaten. Daarnaast biedt Google aan de knop ook te gebruiken op sites, aldus Google’s uitleg filmpje:
De aankondiging komt vlak voor 1 april, waardoor er twijfels zijn of het niet een 1 aprilgrap betreft. Met een vergelijkbare vlak-voor-1-april aankondiging werd ooit Gmail geïntroduceerd, dus dat hoeft zeker niet zo te zijn. Voorlopig werkt het in ieder geval alleen op Google.com en moet je je op Google Experimental voor de “+1″ knop aanmelden. We wachten af…
Zoomooz.js is een jQuery plugin die het mogelijk maakt om op elementen in een pagina in te zoomen. Het werkt op basis van CSS3 transform properties en werkt daardoor in alle moderne browsers, inclusief de iPhone en iPad. Helaas is er nog geen fallback voor Internet Explorer 8 en lager.
Van HTML5 Boilerplate is nu ook een mobiele versie beschikbaar. Met dit setje aan bestanden heb je een goede basis om een HTML5 mobiele website te maken die op alle browsers goed werkt.
PhantomJS is een ‘headless’ browser die je kan gebruiken om Javascript uit te voeren zonder een browser op te starten. Dat kan onder andere handig zijn om te testen, maar ook om bijvoorbeeld data van pagina’s af te halen die geen API hebben.
Wat zoek je op een vrijdagochtend in Zeist? In de felle ochtendzon stap ik uit de bus en loop ik richting hotel theater Figi. Voor de zekerheid heb ik google maps aangezet op mijn iPhone en geeft het bolletje live weer of ik de juiste kant oploop, want volgens mij is dit de eerste keer dat ik in Zeist ben.
Het is de vierde editie van het Infographics congres voor en door mensen uit het veld.
Eenmaal aangekomen in het hotel zie ik meteen dat ik op de juiste plek ben. De infographics staren mij tegemoet en de gastdame verwijst mij naar het balkon, daar is nog plaats. De keynote is al begonnen.
Ik had beter iets kunnen eten aangezien de presentatie van Gert Nielsen best zwaar op de maag valt. Hij laat gedetailleerd de ene na de andere gefilmde bloedige zelfmoordactie zien. Dit om aan te geven dat hij het gevoel mist in de verschillende infographics. Ik zie zijn punt: de vergelijking van beelden van nasmeulende lijken en de visuele vertaling daarvan d.m.v. een kaart met een getekende explosie staan in schril contrast met elkaar.
Vanzelfsprekend is er een abstractieniveau nodig om zaken in beeld te brengen, maar de emotie moet daar niet mee verdwijnen. Ander voorbeeld is de visualisatie van de revolutie in Egypte op basis van tweets:
En dan de ‘echte’ beelden:
Francien Malecki heeft zeker minder schokkende beelden dan haar voorganger. Spelenderwijs communiceren is haar motto. Door middel van van een fictief persoon laat ze zien hoe belastingplichtigen op een visueel aantrekkelijke manier hun aangifte kunnen doen. ‘Leuker kunnen we het niet maken’ lijkt een verouderde tagline. Met Francien aan het communicatieroer zou je er ‘het is gewoon hartstikke leuk om je belastingaangifte te doen’ van kunnen maken.
Resultaten van het grote interactiviteits onderzoek worden nog niet vertoond door Bas Broekhuizen, hij licht wel een tipje van de sluier op.
De laatste jaren is er een toenemende belangstelling voor infographics. Die populariseringsslag is in de jaren negentig van de vorige eeuw bij kranten en magazines begonnen. En de laatste tijd zie je in toenemende mate ook infographics bij de overheid en het bedrijfsleven. Geen artikelen met lange lappen tekst, maar toegankelijke visualisaties inclusief korte toelichtende zinnen. Nu zijn allerlei toeters en bellen mogelijk, maar voegen ze nu ook daadwerkelijk iets toe aan de informatie? En draagt interactie bij aan de effectiviteit? Bij infographics komen twee aspecten samen die voor goede informatie-uitwisseling relevant zijn. Communicatie wordt steeds visueler én wordt door de opkomst van internet en digitale media steeds interactiever. Die twee dingen samen bepalen dat genre van de informatieve graphic, en als we begrijpen hoe dat werkt, dan kunnen we dat extrapoleren naar andere vormen van communicatie.
Eerder schreef Bas Broekhuizen voor de nieuwe reporter een artikel om de noodzaak als journalist te experimenteren om informatie in beeld te brengen.
De live battle tussen Maartje Kunen en Ymke Pas, beiden illustrators, wordt ingeleid door ‘Battle Without Honour or Humanity’, ook wel bekend als de soundtrack van Kill Bill. Ik vind het spannend. De fictieve case: Steve Jobs is overleden. De infographic moet vertellen hoe, wat en waar. Ze krijgen anderhalf uur de tijd om het concept te bedenken en uit te werken.
Apple is springlevend in de presentatie van John Grimwade. The tablet revolution komt er aan. Hij doet uit de doeken wat de iPad zo goed maakt en waarom het apparaat volgens hem de toekomst is. Ondertussen zijn er 20 miljoen iPads verkocht en Wired, die in 2010 als eerste magazine op de iPad verscheen, verkocht binnen 24 uur 24.000 exemplaren van de app. Echter, inhoud is leidend en voor goede inhoud heb je inkomsten nodig, en voor inkomsten meer lezers die je alleen krijgt door goede inhoud.
Grimwade: ‘iPads rock! It’s just that Apple doesn’t’. Nadelig van Apple is dat ze Flash niet wil ondersteunen, plus dat Apple 30% van het magazine abonnementsgeld wil. Helaas is dan een papieren versie dan goedkoper. Hopelijk komen de rest van de tablets ook in opmars waardoor de marktwerking z’n werk kan doen.
De Argumentenfabriek helpt organisaties bij het inzichtelijk maken van complexe problemen door het visualiseren van informatie. Kees Kraaijeveld geeft aan dat structuur vaak moeilijk vindbaar is voor mensen. De Argumentenfabriek helpt de structuur weer terug te vinden. Helder denken is de missie, helder denken is zoeken naar een verhaalstructuur. Kees Kraaijeveld legt dit uit naar aanleiding van een typische cruijfiaanse uitspraken zen-achtige tautologie: ‘Je gaat het pas zien als je het doorhebt’ en als je die omdraait krijg je: ‘Je hebt het pas door als je het ziet’. Dat is de kern van hun filosofie.
Door middel van bijvoorbeeld de Argumentenkaart worden alle argumenten voor en tegen gevisualiseerd wat dwingt tot gestructureerd denken. Voorbeelden hiervan zijn te vinden op hun site.
René Glas bestudeert gaming en ziet een verschil in interfaces van games, onder te verdelen in ‘hypermediacy’ en ‘immediacy’.
-Hypermediacy = je bent je door de interface voortdurend bewust dat je aan het gamen bent door de aanwezigheid van de media-aspecten. Denk aan de Sims, waar je zo ver kunt gaan dat in de sidebar te zien is wat bijvoorbeeld de blaasinhoud is van je personage.
Nog een stapje verder gaat het in the World of Wardcraft, waar de speler in staat is aangebrachte modificaties aan de interface toe te passen zodat hun prestaties worden verbeterd. Het spel visualiseert gegenereerde data live op het scherm.
Het spel met de data is in dat geval nog belangrijker dan het daadwerkelijke spel. Het is door de spelers zelf gemaakt en komt voort uit de participatie rondom games.
-Immediacy = De interface is soort van onzichtbaar, je bent je dus als speler niet echt bewust van de interface omdat de interface onderdeel is van de fictionele wereld. Het geheel is filmisch vormgegeven. Bijvoorbeeld in Deadspace, waar de levensduur van het personage op zijn rug wordt aangegeven door groen lichtgevende streepjes. Het wordt opgenomen in het geheel.
Beide ontwikkelingen, zowel hypermediacy als immediacy schijnen nieuw licht op wat interfaces op datavisualisaties in games kunnen betekenen, en met name in relatie tot immediacy. De onderdompeling in fictieve wereld of in onderdompeling in de data, alle data zelf, dat is een nieuw te ontginnen gebied voor infographics.
Wouter Kroese maakt animaties bij o.a. het actualiteitenprogramma NCRV’s Altijd Wat en geeft praktische tips voor het inrichten van een goed productieproces. Maak van de journalist een vormgever zodat hij/zij kan meedenken over metaforen. Maak illustraties niet te bont (twee steunkleuren, eenduidige typografie, geen perspectief); less is more. Een goede animator is een luie animator (constante beweging, makkelijke trucs, hergebruik van animatie). En als laatste: de sterke punch line. De informatie passeert snel en dat kan dienen als extra geheugensteuntje of samenvattende conclusie.
Zijn werk werpt vruchten af want hij (ism Subsoda) is de winnaar van de Infographic Jaarprijs 2011. Zie hier de winnende animatie Altijd Wat Wijzer Voedselverspilling:
Geinspireerd door de Amsterdamse grachtenstructuur heeft Eric Hammink een nieuwe vormgeving losgelaten op de plattegrond van het openbaar vervoersnetwerk in de hoofdstad. In plaats van vast te houden aan de rechte lijnen van de oorspronkelijke opzet, koos hij voor een concentrische opzet. Datzelfde concept heeft hij toegepast voor de nieuwe spoorkaart van Nederland. Evolutie in kaartdesign.
Aan het einde van de dag laat onze eigen GertJan Kuiper de video het woord doen. Aan de hand van voorbeelden van de Beagle en de recente iPad-app voor Tegenlicht (de Touchdoc Money and Speed: inside the Black Box) maakt hij het publiek deelgenoot van de ervaringen die de VPRO heeft opgedaan met interactieve datavisualisaties.
Ook Nederland van Boven passeert de revue. De VPRO is vol in voorbereiding van dit crossmediale project, dat een magische blik werpt op Nederland van bovenaf, waardoor de ritmes en patronen van het dagelijks leven zichtbaar worden.
Volgeladen met informatie sluit de dagvoorzitter af. En wie de battle gewonnen heeft? Volgens mij waren ze allebei erg goed, maar kwam Ymke Pas als winnaar uit de bus.
Veel gebruikers van oudere versies van Internet Explorer moeten veel van de nieuwe CSS3 mogelijkheden missen. Onder andere ronde hoekjes, drop shadows en gradients zijn niet mogelijk met versies ouder dan de nieuwe betaversie 9.
Daar is nu een oplossing voor: met CSS3 PIE kun je de oude browsers ondersteunen met behulp van een klein bestandje wat je in je CSS opneemt en een aantal van de meest gebruikte CSS3 properties emuleert.
Let wel: er zijn nog vrij veel problemen, dus het is zaak om die pagina eerst eens goed door te lezen.