Een eerste voorwaarde is dat de website een goede integratie heeft met de verschillende social media-kanalen. Het moet voor bezoekers eenvoudig zijn om content te delen.

Social widgets & embedded code

 Social widgets zijn de icoontjes op de webpagina, waarmee direct content gedeeld kan worden via Twitter, Facebook, LinkedIn, etc. De meeste websites maken inmiddels gebruik van deze tools. Een andere mogelijkheid is het beschikbaar stellen van embedded code. Hiermee kunnen afbeeldingen en video’s op een andere blog of website gepubliceerd worden. Een bekend voorbeeld is de embedded code die je tijdens en aan het einde van een video in YouTube ziet. Een groot voordeel hiervan is dat de content op de andere website direct linkt naar jouw website en dat is weer goed voor de SEO.

Juiste beschrijving content 

Wanneer content gedeeld wordt, moet het voor andere mensen binnen het netwerk direct duidelijk zijn wat het onderwerp van de content is. Zij moeten verleid worden om de content te bekijken en misschien zelfs wel weer te delen. Zorg daarom voor een heldere en relevante beschrijving wanneer de content gedeeld wordt met een social widget. Naast een link naar de eigen website kan het nuttig zijn om ook een referentie naar de corporate Twitter account toe te voegen, bijvoorbeeld door ‘via @redhotminute.com’ toe te voegen.

Slechte content scoort niet

Content wordt alleen gedeeld als het de moeite waard is om te delen, zo simpel is het gewoon. ‘Be remarkable’. Techniek is belangrijk, maar het belang van een goede content-strategie mag zeker niet onderschat worden.  Er zijn een aantal aandachtspunten voor een succesvolle content strategie:

Ken de community en betrek hen bij content-creatie

Je moet  natuurlijk weten voor wie de content bestemd is. Welke onderwerpen vinden zij interessant, op welke social media-platformen zijn zij actief, wat is hun relatie tot het merk en hoe kan de betrokkenheid vergroot worden? Dit zijn vragen die kunnen helpen bij het opstellen van een goede content-strategie. Het kan geen kwaad om de community hierbij actief te betrekken. Met andere woorden; vraag bezoekers gewoon welke content zij op de website missen. Dit kan expliciet via een formulier of een forum, maar je kunt er ook voor kiezen om een feedbacktool te gebruiken. Denk dan aan tools als Kampyleof Mopinion. Gemakkelijk in te zetten, laagdrempelig voor de gebruiker en bij een juiste interpretatie goed bruikbaar in de strategie.

Stimuleer reviews

Consumenten hechten veel waarde aan reviews. Zij gebruiken internet om producten te vergelijken en aan te bevelen. Wanneer andere consumenten enthousiast zijn over een product is de kans dat bezoekers van de website meer informatie opvragen of  het product aanschaffen aanzienlijk groter.

Interactie en betrokkenheid

De vragen en opmerkingen die gebruikers delen via social media kanalen zijn een goede indicatie van betrokkenheid. Zorg er daarom voor dat je goed in de gaten houdt wat er over je merk of website gezegd wordt binnen communities. Monitoren is een goed begin. Tools (gratis en betaald) die je hierbij helpen zijn er inmiddels legio, bijvoorbeeldsocialmention of socialbro. Analyse biedt waardevolle inzichten in welke content succesvol is, welke topics van belang zijn en waar verbeteringen mogelijk zijn. Je kunt er dan ook actief mee omgaan: interactie.

Denk als je bezoeker; wat is leuk en interessant om te delen? Creëer relevante content, faciliteer de bezoeker in het delen, meet, verbeter en wees niet bang om te interacteren. Denk maar aan het bordje in de lokale cafetaria: ‘Ontevreden? Vertel het ons. Tevreden? Vertel het anderen’.

Voer voor de marketeer

Responsive design voor e-mailmarketing komt er kort gezegd op neer dat je met het ontwerp van een e-mailing een optimale gebruikerservaring neerzet, toegepast op het schermformaat en het device waar de lezer de mail op bekijkt. Dat het voor jou als marketeer steeds belangrijker wordt je e-mailmarketingstrategie geschikt te maken voor verschillende devices bleek al uit een eerdere post op Marketingfacts. Maar hoe zorg je er nu voor dat je in één keer raak schiet met de e-mail waarmee je je doelgroepen benadert, ongeacht het device dat hij of zij gebruikt?

Hoe pas je het toe?

In het onderstaande voorbeeld van British Airways is responsive design toegepast om een e-mailing optimaal leesbaar te krijgen op een smartphone.

Credits afbeelding: Lyris

De versie voor de smartphone switcht van twee kolommen naar één kolom. Tevens is de tekstlink ‘Book now’ getransformeerd naar een gemakkelijk klikbare knop. Goed klikbare tekstlinks of knoppen zijn erg belangrijk, omdat je mobiele lezers niet langer werken met hun muis, maar met de duim of wijsvinger (die zelf ongeveer 45 pixels inneemt).

Zoals je ziet in dit voorbeeld, gaat er niets van de functionaliteit of content in de e-mailing verloren. Je hebt de keuze om bepaalde elementen niet te tonen. Zo kun je er bijvoorbeeld voor kiezen die commerciële banner uit te schakelen, wanneer de lezer de e-mail op een smartphone opent.

Keuzes

Omdat het mogelijk is om voor ieder type device een eigen lay-out en eigen content te ontwikkelen, is het belangrijk dat je goed nadenkt over welke elementen voor welk device relevant zijn. Wees op de hoogte van je doelgroep, hoe lezen zij in de regel e-mails? Welke onderdelen van een e-mail zijn populair onder je lezers? Welke navigatie-elementen worden het meest gebruikt? Denk ook na over wat de boodschap van de e-mailing is en wat je wilt overbrengen.

Dergelijke gemaakte keuzes zijn te zien in onderstaande e-mail van House of Fraser. Hier worden niet alle elementen in de smartphone variant getoond: de navigatiebalk en ‘kortingsbanner’ zijn uitgeschakeld.

Credits afbeelding: Lyris

Bij zowel het grafisch ontwerp als de copywriting van dit soort e-mailings begin je met het ontwerpen voor een smartphone. Het kleine scherm van een smartphone dwingt je nog beter na te denken over de relevantie van onderdelen in de e-mailing. Het is belangrijk dat de lezer een consistente, maar bovenal plezierige ervaring heeft, ongeacht het device waarop de e-mail gelezen wordt.

Denk bij je ontwerp verder dan alleen de e-mailing die je wilt gebruiken, ook de landingspagina’s waarnaar je linkt moeten responsive zijn. Zo voorkom je teleurstellingen wanneer lezers vanuit de e-mail op je site terechtkomen. Lezers kunnen dan afhaken of eventueel hun transactie afbreken. Niet bepaald een positieve invloed op de merkbeleving. En op de gewenste conversie.

Houd ook rekening met de onderwerpregel. Deze wordt op veel smartphones afgebroken na 15 karakters. Voeg ook altijd een preheader toe aan je mailing, omdat dit het eerste is wat de lezer ziet in een e-mail.

Het is in veel gevallen niet meer nodig een aparte mobiele versie van je mailing te ontwikkelen. In één responsive versie worden zowel de wijzigingen in de content als de technische aanpassingen gedaan. Hierdoor is het in eerste instantie meer werk om een responsive template voor je e-mailing te ontwikkelen, maar je kunt de template vaker gebruiken. Wanneer er nieuwe devices op de markt komen, met andere specificaties en schermgroottes, voer je in de bestaande template vaak relatief eenvoudig een optimalisatie door.

Responsive: toverwoord?

De ondersteuning van responsive e-mailings door verschillende devices is op dit moment nog een aandachtspunt. Wij hebben verschillende testen uitgevoerd om te weten te komen welke smartphones responsive ontworpen e-mailings in hun native mail ondersteunen. Uit deze tests bleek dat dit enkel bij de Apple-producten iPhone G4S en iPod/iPhone 5 het geval is. Op andere smartphones kregen wij de desktopversie van de e-mailing te zien.

Wanneer je de webversie van de e-mailing opent, toont die wel het responsive design. Responsive ontworpen e-mailings worden dus wel in de browser ondersteund, maar niet in de e-mail-app. Het is daarom erg belangrijk te weten op welk device en hoe jouw doelgroep e-mails leest. Op basis van die informatie bepaal je of het nu al interessant is om je e-mailings responsive te maken.

Bijzonder aan ons nieuwe kantoorpand is dat er gebruik is gemaakt van de nieuwste bouwtechnieken om een plezierige werkomgeving te creëren. Zo is er Sonaspray gebruikt om een optimale akoestiek te realiseren. Verder worden beide kantoren in Tuil vanaf nu verwarmd en gekoeld via aardwarmte. Een mooie en energiezuinige oplossing om de temperatuur te regelen.

Het nieuwe pand beschikt ook over enkele zogeheten Scrum rooms. Deze ruimtes zijn zo ingericht dat onze experts nauw samen kunnen werken om tot de beste resultaten te komen.

Wat zijn nou de mechanismen die gamedesigners gebruiken om ons te verleiden te betalen voor upgrades van bommen, boerderijen en bloemkolen? Op SXSW 2013 legt uitgeefster Christina Wodtke uit hoe het werkt.

Is het al leuk?
Gamedesigners vragen zich permanent af of hun game al fun is. De game gaat niet eerder live. Waarom zou je ook een game uitbrengen die niet leuk is?

Het is belangrijk dat de speler plezier heeft, niet de designer of de computer. Het is verleidelijk om ingewikkelde algoritmes te bedenken, maar als ze de speler niet blij maken worden ze rücksichtslos geschrapt. Gamedesigners zijn dus van nature user centered.

Ontwerp voor een emotie
Hier heeft Christina gelijk een tip voor ons webdesigners. Conversie is een slechte leidraad. Design voor het hart, niet voor het hoofd. Woorden naar mijn hart in ieder geval.

Het idioom in webdesign is nogal beperkt als we het over emoties hebben. We praten over raken, engagement en experience. Het Amerikaanse Center for Nonviolent Communication heeft een uitgebreide lijst samengesteld met woorden die menselijke emotie in detail omschrijven.

Gamedesigners voelen zich vrijer om met negatieve emoties te werken dan webdesigners. Die gaan toch meestal voor de happy flow. Maar op de juiste plek in een flow kan een kleine negatieve emotie juist de positieve emotie vergroten.

Christina geeft als advies om vooral ook oncomfortabele scenario’s uit te werken. Bijvoorbeeld via Dan Brown’s spel Surviving Design projects Wat zou je bijvoorbeeld kunnen maken om de emoties ontmoediging of woede op te wekken?

Wat voor een type ben jij?
Gamedesigners werken niet met persona’s, maar kijken vooral naar het gedrag van hun spelers. Killers, achievers, socialites en explorers zijn voorbeelden van zogenaamde play types. Deze hebben allen hun eigen psychologische make-up, behoeftes en emoties. De gamedesigner kent ze allemaal en gebruikt ze om de principes van het spel te bepalen en nieuwe upgrades, levels en features te bedenken.

Voor social games zijn weer andere play types ontwikkeld: Express, Compete, Explore en Collaborate. Sommige websites zijn ook al ingericht op specifieke play types. Zo verdeelt Amazon zijn bezoekers in: Satisficers, Socializers, Optimizers en Self-Discovery.

Core loops
Elk spel heeft een zogenaamde core loop. Het spelletje Fishville heeft een simpele core loop [verzorg vis - verkoop vis - koop vis].

Clash of Clans neemt de klassieke tower defense loop [bouw - verdediging - wordt aangevallen - herhaal] en voegt daar complexiteit aan toe door zelf ook aan te kunnen vallen en offensieve en defensieve wapens, gebouwen en troepen te kunnen kopen.

Sommige websites hebben core loops. Die van Amazon, Tripadvisor en Yelp is [zoeken - kopen - reviewen]. De loop voor Facebook, instagram, Flickr en de meeste andere sociale netwerken is [deel - consumeer - reageer].

Christina is verbaasd over het feit dat de meeste websites geen core loop hebben.

Game Mechanics: Voodoo magic?

Het succes van een game is in grote mate afhankelijk van het juiste gebruik van gamemechanics. De mechanics zijn de regels die het spel FUN maken. Mechanics verleiden mij om vier euro te betalen voor een zak met nepgeld.

Er zijn honderden mechanics. Christina noemt een aantal interessante:

Het gaat knellen
Ooit wel eens van een pinch gehoord? Je kent hem in ieder geval wel. Het is het gevoel dat je krijgt als je aan het spelen bent, maar niet door kunt. Een uiterst onbevredigend gevoel. De pinch wordt in gamedesign uitgemolken. Je wilt door, maar je moet er iets voor doen.

Energie is een typische pinch in social games. Die kun je opheffen met geld of door sociaal te zijn. Bijvoorbeeld door te bedelen bij je vrienden.

Manipulatie
Manipulatietechnieken, ook bekend als overtuigingstechnieken, worden in game- en webdesign volop gebruikt. Als je goed rondkijkt op het internet kom je de zes overtuigingsprincipes van Robert Cialdini overal tegen.

Achievements
Zynga bedacht de doobers. Als je iets succesvol doet, word je beloond met een fontein van sterren of muntjes. Het is het equivalent van een fruitmachine die uitkeert en zo zorgt voor een bevredigend gevoel.

Leaderboards
Je haalt een bepaalde voldoening uit het verslaan van je vrienden. Dit werkt echter alleen in games en sites met een actieve community. Als dat niet zo is, zorg dan dat de speler zijn eigen high score kan verbeteren en zich niet eenzaam voelt.

Meesterschap
Tennissen, schaken, breien, houtbewerken; de uitdaging is om van een beginner uit te groeien tot een meester. Bij te veel spellen en websites gaat het alleen maar over herhaling. Voelt de gebruiker hierbij echt meesterschap?

In spellen als Bubblenet moet je je eigen score en die van anderen verslaan. Je kunt je verbetering zien en voelen.

Wat als SxSW een game was?
Om de theorie van game design voor ons toehoorders concreet te maken heeft Christina bedacht hoe de SxSW game er uit zou kunnen zien:

De playtypes zijn: netwerkers, feestgangers, leergierigen en de handtekeningzoekers.

De core loop voor de feestgangers zou [feestvieren - slapen tijdens panel - Twitter checken] kunnen zijn. En een goede mechanic het verzamelen van partyflyers.

En de pinch? Private parties!