Om te beginnen wat eigen werk. Eerder dit jaar maakten we voor ING Global een interactief jaarverslag met video, cinemagrafie, iconografie en een interactieve tijdlijn. De illustraties en cijfers in het jaarverslag kwamen door de slimme vormgeving helemaal tot leven. Voor een ander project, De Bouwagenda, creëerden we een online magazine met daarin op maat gemaakte visuals, iconen, infographics en de populaire parallax-scrollfunctie.

Ook onze eigen nieuwsbrief kreeg een nieuwe ‘look & feel’. Op deze manier realiseren we een hele andere ervaring voor de lezer, dan met de standaard MailChimp-nieuwsbrief of statische pdf. Maar wat zijn nou de belangrijkste succesfactoren in het ontwerp van deze nieuwe online publicaties?

Een publicatie die niet responsive is, wordt bij voorbaat al weggeklikt, omdat deze niet goed te bekijken is op mobiele apparaten. Het ontwerp past zich hierbij namelijk niet aan ­­de browser aan. Feit is dat het merendeel van de publicaties tegenwoordig op de mobiel bekeken wordt! Dit is dus een belangrijk startpunt voor elke publicatie. Zorg dat deze niet alleen goed schaalt naar het juiste formaat, maar ook dat de gebruikservaring top is. ­­­­Dat kan best betekenen:­ tekst die ingekort is, andere navigatie-elementen of andere afbeeldingen.

‘Mobile everything… if it’s not optimized for mobile, you’re doomed from the start.’ - Inc. Magazine

Ter inspiratie een mooi voorbeeld van het responsive magazine van Design Better. Dit is in feite een mini-website die helemaal op maat gemaakt is, ook voor mobiel gebruik. Hij staat vol met illustraties en is geheel gemaakt in de huisstijl. Klik op de afbeelding om hem te openen.

De volgende stap is je gebruiker centraal zetten. Je geeft een nieuwe dimensie aan de gebruikservaring door van je publicatie een ontdekkingstocht te maken, waarin er van alles te ontdekken valt. Indrukwekkende fotografie, illustraties en animaties. Bied je lezers de mogelijkheid om zelf ­­­door de content heen te scrollen, bladeren en klikken. 

Interactieve elementen hebben een belangrijk voordeel: ze vergroten de betrokkenheid bij je merk. Jouw publicatie is zo niet langer eenrichtingsverkeer; gebruikers gaan actief om met je content. Ze moeten een kleine handeling verrichten om content zichtbaar te maken, of er doorheen te bladeren. En dat is fijn, want mensen die ergens moeite voor moeten doen, waarderen het ook meer. Ook op kleine schaal!   

Voorbeelden van interactieve elementen:

• parallax scrollen (achtergrond die níet gelijktijdig meescrollt met voorgrond)
• video (ook als achtergrond)
• (3D) animaties
• vragenlijsten
• en . . . : zelfs VR!

Een mooi voorbeeld van een interactief magazine is het iFlyMagazine van KLM. Bekijk bijvoorbeeld eens de editie hieronder. Tip: druk de spatiebalk in voor een extra verrassing!

Wat is een online publicatie zonder gebruikersdata? Iets waarvan je vooral heel erg hóópt dat het werkt. Gelukkig is het eenvoudig om erachter te komen hoe je publicatie gelezen wordt en wat lezers ervan vinden. Denk aan: welke pagina’s ze precies lezen, hoeveel tijd ze op elke pagina doorbrengen, waar ze op klikken en wat ze delen met hun netwerk. Dat is heel handig, want daar kun je natuurlijk je contentstrategie op aanpassen. Zo stuur je beter op potentiële leads en conversies. Dit is ook meteen het voordeel ten opzichte van een pdf. Bezoekers die rechtstreeks vanuit de zoekamchine op een pdf-bestand uitkomen, zijn niet te meten, omdat je in een pdf-bestand geen Analytics-code kunt plaatsen. Dit is dus een groot voordeel van de 'nieuwe vorm' van online publiceren. Deze hebben vaak zelf al ingebouwde analytics, en je kunt ze daarnaast aansluiten op Google Analytics en Tag Manager of Piwik voor nog meer inzicht.

Goed testen mag natuurlijk niet ontbreken: met A/B-tests testen wij voor onze klanten bijvoorbeeld wat het effect is van verschillende titels en lay-outs op de openratio en doorklikratio. Alle kleine veranderingen kun je meten.

Niet alleen je website, maar ook andere publicatievormen dragen ­­­bij aan je vindbaarheid in zoekmachines. Mits je ervoor zorgt dat ze geïndexeerd worden door Google, Bing. Hoe dat werkt, hangt af van de manier waarop je publiceert. Maak je een mini-website, dan moet je er zelf voor zorgen dat de relevante informatie in de ‘achterkant’ van je website goed is ingesteld. Maak je gebruik van publicatiesoftware zoals die van H5Mag, Instant Magazines of WP Magazines, dan wordt je publicatie automatisch geoptimaliseerd voor zoekmachines. Natuurlijk geldt: hoe beter je gevonden wordt, hoe meer verkeer er op je publicatie/website afkomt. En hoe meer potentiële leads en klanten je ontvangt. 

Een afsluitende noot, maar is dit waar het eigenlijk allemaal mee begint: een heldere merkidentiteit en –strategie. Daarmee zorg je ervoor dat je content en stijlelementen helemaal aligned zijn. Als je weet ­wat je wilt uitstralen, waarom en in welke stijl, dan stroomlijn je al je communicatiemiddelen en vergroot je je overtuigingskracht. Je weet ­­­nu dat er heel wat mogelijk is met ­online publishing, waarom het ­­­­zo’n belangrijk onderdeel van je contentstrategie is en waar je op moet letten in het ontwerpproces. Mogelijk moet je nog een keuze maken: ga je zelf een custom design maken en hosten, of ga je gebruik maken van software die je hierbij helpt, zoals die van H5Mag, Instant Magazine of WP Magazines? ­­­­­Denk ­bij je keuze in ieder geval aan bovenstaande aandachtspunten. Natuurlijk helpen wij je graag met het ontwerpen en uitwerken van jouw online publicatie. Bij welke fase dan ook (ontwerp, uitwerking, ­­­A/B-testing etc.).