Panta Rei. Alles vloeit. Alles stroomt. Alles is in beweging.

Een goede metafoor voor de staat van het internet op dit moment. Design is liquide en content moet vloeibaar zijn. Zich naadloos aanpassen aan de omgeving waar de content wordt ‘geconsumeerd’. Volgens Mashable is 2013 “The Year of Responsive Design” en ook op het recente SXSW was het een hot topic. Wat betekent dat voor onze content?

Wat is responsive design? De simpelste uitleg… We werken niet alleen meer voor websites op desktops, maar ook voor een tabletweergave en een smartphone weergave. Onze content gaat zich vloeiend aanpassen aan het device waar we het op lezen.

Handig en breed

We consumeren onze content namelijk heel anders anno 2013. Vroeger was je gewend om alleen aan een website op een desktop te hoeven denken. Handig. Lekker breed. Lekker rustig. Met een muis die overal op kan klikken. Dat was al moeilijk genoeg om goed te krijgen…

Slechts een drager

Maar met de opkomst van smartphones en vervolgens de sterke toename van tablets moeten we anders naar onze content kijken. Een device – desktop of mobiel – is anno 2013 slechts een drager van content. En dan is het wel prettig als die content zich aanpast aan zijn omgeving.

Vloeiende grids

Een website moet dus op elk soort device even goed werken. De website zoekt – dankzij de techniek – zelf uit op wat voor soort device het de content aanbiedt en past het geheel aan. Flexibele plaatjes en vloeiende grids passen zich aan, aan het scherm. Tot zover niets aan de hand, maar het vraagt wel een andere denkwijze…

Andere context

De context van die content is namelijk totaal anders. Een desktop is gemaakt om achter te zitten. En daar hebben we ondertussen ook de lijven naar… Tablets en smartphones zijn voor onderweg. Wat betekent dit voor onze content? Schrijf je die voor de rustige omgeving zonder afleidingen van de desktop? Of klaar voor de vele afleidingen die een mobiel leven met zich meebrengen? Schrijf je voor die ene taak onderweg? Of voor de bankhanger met een tablet?

Relevant voor onderweg

In alle rust alles uitzoeken achter je desktop is anders dan onderweg ter plekke een relevant antwoord moeten hebben. Je website kan vloeien, maar past de content zich ook automatisch aan, aan de veranderde context?  En waar kies je dan voor? Je hele website in een klein scherm frommelen? Wat voor de usability een nachtmerrie is. Of het aantal taken van je site terugbrengen naar relevant voor onderweg?

Klik, swipe, touch

We zullen moeten kijken naar de lengte van onze zinnen en hoe deze worden afgebroken als het scherm kleiner wordt. De call to action zal eenvoudig genoeg en vooral groot genoeg moeten zijn om aan te wijzen. Links zullen meer ruimte moeten krijgen voor dikke vingers. We klikken niet, maar touchen. We swipen naar meer inhoud.

Van klein naar groot

Lijkt voor de hand liggend, maar waar begin je als je vandaag een up-to-date website neer moet zetten? Begin je bij het kleinste scherm en werk je omhoog? Mobile First is een veel gehoorde term in dit verband. Of vertaal je, je website naar een andere omgeving? Maak je keuzes uit je aanbod en vertaal je deze naar kleinere schermen?

Opblazen en wegschrappen

Het heeft uiteindelijk allemaal gevolgen voor je content. Voor de woorden die worden gelezen. En daarmee de actie die wordt genomen. Je kunt wel de hele site in een klein scherm proppen, maar hoe handig is dat als je op zoek bent naar een specifiek onderwerp? Hier moeten we dus al keuzes gaan maken. Blazen we onderdelen op? Schrappen we stukken weg? En wat doen we met alle leuke technische trucjes op de website. Een slideshow is leuk op een desktop, maar irrelevant en onhandig op een smartphone.

Noodzaak en urgentie

Stel jezelf enkele vragen… Wat is de context? Wat is de relevantie in het moment? Ben je in je cocon op werk of onderweg en moet je ook nog opletten dat je niet onder de tram loopt? Dit heeft gevolg voor de aandacht waarmee we content consumeren. Nog vluchtiger, nog sneller. Maar omgekeerd werkt het net zo. Als iemand achter de desktop zit, voelen ze dan de urgentie van het moment? Heel wat minder waarschijnlijk. Je kunt er toch niets aan veranderen, want je zit lekker op je kantoor. Weg haast. Weg noodzaak.

De oplossing?

Stoppen met denken in websites, mobiel en desktops. Maar begin met denken in context. De pagina is dood. Lang leve het contentblok. Je hebt alleen nog maar schuifbare blokken content. Blokken die zich aanpassen aan het vloeibare grid. Waar je dus vooral aan moet denken is de context van die blokken.

Wie. Wat. Waar. Wanneer. En dan pas aan het Hoe.

Responsive copywriting

Staan we daarmee aan het begin van het era van Responsive Copywriting? Staan specialisten op die de mobiele omgeving en tablet omgeving in de vingers hebben en deze vervolgens terugvertalen naar de desktop? De eindbazen van het contentblokje? Die precies weten wat er in de hersenen van de klant gebeurt als deze onderweg is? We gaan het zien. Maar dat het een verandering in ons denken vraagt, is duidelijk.

0 Shares:
7 comments
  1. Toch jammer dat deze site niet responsive is om het even uit te kunnen proberen.

    Is responsive nog wel de beste manier om je site te maken als je de content daar ook op gaat aanpassen? Waarom zou je dan niet een specifieke mobiele en desktop site maken?

  2. Goed stuk Dimitri. Inderdaad roept iedereen 'mobile first' maar wat mij betreft heeft dat alleen betrekking op het design: content first! En ook de algemene opvatting dat je voor mobile bepaalde content (die wel op je desktop is te vinden) achterwege moet laten, vind ik onzinnig: waarom zou je de desktopgebruiker hier wel mee 'vermoeien'? Hoe kijk jij hier tegenaan?

  3. Ik heb er specifiek voor gekozen om het Overwegingen te noemen. Misschien dat het handiger is om een mobiele site te maken en een desktop site. Feit blijft dat het een te eenvoudige gedachte is dat alle content relevant is op alle devices. De context is anders. Misschien dat het met responsive op te lossen is. Misschien met een specifieke mobiele site. Ik zie echter wel voordelen in het één keer bouwen voor meerdere platformen en devices tegelijk.

  4. Ik vraag mij dat dus af. Veel sites – vooral van grote organisaties – zijn zeer rijk aan content. Moet dat allemaal dan maar mobiel? Of kijk je naar de toptaak van de klant en richt je hier een mobiele versie op in? Wederom, het zijn overwegingen. Ik loop hier nu tegen aan en heb mijn overpeinzingen in een blog gevat. Ik denk niet dat je alle content maar door moet plaatsen.

    1. Uitgangspunt voor mobiel en desktop is wat mij betreft inderdaad kijken naar de toptaken en daar het zaakje op inrichten. Maar daar gaat natuurlijk weer gedegen analyse/onderzoek aan vooraf (als je tenminste niet op aannames te werk wilt gaan) :) Voor mij is het op dit moment ook nog 'overpeinzen'.

  5. Goed en helder geschreven artikel – top!!! Allemaal valide punten.
    Hoewel voor de ene website minder relevant als voor de ander.

    Alleen de definitie – volgens mij zegt responsive iets over hoe een bepaalde website als geheel zich aanpast aan het device. En niet alleen de content.
    Anders gezegd: een responsive website past zijn gedrag aan op het device waarop het gepresenteerd wordt. Alle functies en content blijven bestaan. Maar worden op een andere manier gepresenteerd.

    Of sla ik de plank nu ergens mis?

Comments are closed.

Dit artikel is 9.750 keer gelezen