Van een vaste naar responsive website

Wanneer je voor klanten werkt is het niet altijd mogelijk om dingen uit te proberen. De tijd is er niet altijd voor, maar soms is het risico ook gewoon te groot. Daarom hebben veel mensen die werkzaam zijn in mijn branche wel een eigen website waarmee ze dingen uit proberen. Jarenlang gebruikte ik mijn eigen website hiervoor. Maar sinds ik afscheid heb genomen van Flash, heb ik ook mijn eigen website niet meer aangeraakt.

Een jaar of 5 geleden ben ik begonnen met een website voor het Old English Sheepdog hondenras. Omdat dit ook voor mij een speeltuin is om dingen uit te proberen, hoor ik mensen regelmatig zeggen dat dit een belachelijk goede website is voor zo’n onderwerp. Maar voor mij is het gewoon een bron van informatie. Twee jaar terug heb ik de hele site overgezet naar WordPress en heb ik ook een Facebook Fanpage opgezet. Doordat mijn doelgroep enorm actief is op Facebook, kunnen zij ook via dit platform reageren op de site. Bijna 30% van de bezoekers komt ook vanaf Facebook.

Van een vaste naar responsive website

Meten is weten

Google Analytics is een tool die ik gebruik om te zien wat mijn bezoekers doen. Door middel van segmenten kun je snel zien hoeveel bezoekers je website bekijken met een tablet en smartphone, maar ook bijvoorbeeld hoeveel er binnenkomen via Facebook of Twitter. Ik zag dat het aantal mobiele website bezoekers snel groeide van 20 naar boven de 30 procent. Dit ging gepaard met de hoeveelheid die vanaf Facebook op mijn site terecht kwam. Ik kon niet anders dan de website te optimaliseren voor smartphone en tablet bezoekers. Want de website werd inmiddels meer bekeken met touch-enabled devices dan via de desktop.

Begin april ging de nieuwe website live en was deze vanaf nu ook geschikt voor smartphones en tablets. Ondanks dat ongeveer een derde van mijn bezoekers op een klein schermpje de oude website had bekeken, had ik ook niet echt het gevoel dat ze snel afhaakten. Ze accepteerden het gewoon dat ze moesten inzoomen en scrollen. Ik was dan ook zeer benieuwd of het gedrag zou veranderen nadat de site responsive werd.

Ik heb dagelijks geen duizenden bezoekers, maar genoeg om leuke resultaten te zien. Er bezoeken ongeveer twee keer zoveel mensen met hun iPhone de site dan met Android. En Internet Explorer is de grootste browser, op de voet gevolgd door Safari. Dat laatste zegt natuurlijk weer veel over het tablet en smartphone bezoek. Het bouncepercentage op basis van alle bezoeken is 49,61% en de gemiddelde bezoekduur is 2:41.

Maar wat is er nu veranderd?

Mijn teleurstelling was groot toen ik zag dat het aantal mobiele bezoekers niet gestegen was. Maar ik realiseerde me al snel dat dit een te snelle en oppervlakkige gedachte was. Ik moest het op een ander niveau bekijken natuurlijk. In Analytics kun je twee periodes met elkaar vergelijken. Ik nam een kleine 2 maanden voor en na de omzetting naar responsive en zag direct waar het om ging.

Van een vaste naar responsive website

Laten we voor onderstaande resultaten uitgaan van 3000 unieke bezoekers.

  1. Het aantal pagina’s per mobiel bezoek was met 25,27% gestegen. (3,40)
  2. De gemiddelde bezoekduur was met 5,03% toegenomen. (2:16)
  3. Het bouncepercentage* was met 9,17% afgenomen. (57,67%)
  4. Het uitstappercentage** werd verlaagd van 36,80% naar 29,39%.

Wanneer je mij een jaar geleden had gevraagd of een website geoptimaliseerd moest worden voor tablets had ik negatief geantwoord. Een goeie website moet in principe al prima kunnen functioneren op een tablet. Echter krijgen we steeds meer te maken met andere schermgroottes, zoals bijvoorbeeld de iPad mini. Een standaard website is daarop bijna niet te bekijken! Ik besloot dus ook de website te optimaliseren voor de tablet om zodoende het lees gemak te verbeteren. Ook hier zag ik weer een bijzondere conclusie.

  1. Het aantal pagina’s per tablet bezoek was met 33,27% gestegen. (4,76)
  2. De gemiddelde bezoekduur was met 12,07% toegenomen. (3:21)
  3. Het bouncepercentage* was met 14,80% afgenomen. (45,58%)
  4. Het uitstappercentage** werd verlaagd van 27,95% naar 21,01%.

Van een vaste naar responsive website

Wat ik vooral heel bijzonder vind is dat mijn meest trouwe bezoekers de website bekijken met een tablet. Ze zitten beduidend langer op de website, bekijken meer pagina’s en het bouncepercentage is ook erg laag.

Wat kun je hier nu eigenlijk uit concluderen?

Het is eigenlijk heel simpel. Mensen bekijken websites met hun smartphone en tablets en nemen het maar voor lief dat je website niet is geoptimaliseerd voor hun device. Maar naar mate meer websites toonbaar worden voor alle apparaten worden bezoekers ook kritischer. Ze zullen je website verlaten en net zo lang zoeken tot ze een beter alternatief gevonden hebben. Momenteel zijn we druk bezig om oudere websites om te zetten naar een responsive design. Omdat we niet alleen bij mijn eigen website het aantal mobiele bezoekers zien toenemen, maar eigenlijk bij alle websites. Het wordt nu gewoon tijd…echt…

Go mobile!

*Bouncepercentage is het percentage bezoeken van één pagina (dat wil zeggen, bezoeken waarbij de persoon de site alweer verlaat op de instappagina). Een bouncepercentage tussen 40 en 60% is over het algemeen normaal voor een website.

**Uitstappercentage is het percentage siteverlatingen dat is opgetreden via een bepaalde pagina of reeks pagina’s.

Een goed advies

Mijn vader was een atleet. Hij heeft in zijn leven diverse marathons gelopen en als kind ging ik vaak met mijn ouders mee naar hardloop wedstrijden. Ik had ook zo’n hardloopboekje. Niet dat ik atletisch was, want in tegenstelling tot mijn vader was kwam ik tijdens de gym activiteiten altijd als laatste binnen met een gevoel alsof ik ook een marathon had gelopen. Pas toen ik een jaar of 20 was begon ik erover na te denken dat ik misschien ook maar eens moest gaan hardlopen. Ik begon op mijn gewone Adidas gympen, maar als ik serieus wilde gaan rennen, moest ik goede schoenen hebben. Een wijze raad van mij pa en zodoende gingen we samen naar de hardloopwinkel waar ik mezelf een paar prachtige Nike Pegasus liet aanmeten.

Ik begon hardlopen steeds leuker te vinden en als mooie bijkomstigheid blijf je er gewoon prima door op gewicht. Ik begon met fitness en rende op de loopband tientallen kilometers per week voordat ik weer besloot om buiten verder te gaan. Ik kocht andere hardloopschoenen die enorm licht waren en samen met mijn vader trainden we zeker 3 keer in de week op straat. Naarmate mijn vader ouder werd kreeg hij helaas te maken met blessures en moest geregeld het hardlopen opgeven. Toch hebben we samen heel wat keren getraind en zelfs tijdens de vakanties in Duitsland, gingen we samen het heuvelachtige bos in om lekker even te rennen. Ik vergeet nooit meer die keer dat we na een mooie en zware run daarna het “Wassertretbecken” indoken om even af te koelen. De verbaasde gezichten van mensen die naar ons keken waren om in te lijsten.

Ondanks dat ik in eens de liefde had gevonden in een compleet andere sport, Muay Thai, wat veel tijd en energie opslokte, hebben we in 2008 samen de Dam tot Damloop gelopen. Dat was tevens ook de laatste keer. Door een ongeluk ergens op de route van de bus, stonden we uren te wachten in de kou voordat de bus ons naar Amsterdam bracht waar de start was. Ik geloof dat ik nog nooit zoveel spierpijn heb gevoeld in mijn benen de dag erna. Ik kreeg tijdens de training voor de Dam tot Damloop ook te maken met een blessure onder mn voet. En moest daarna ook eigenlijk stoppen met rennen om de blessure de tijd te geven om te helen.

Dam tot Damloop 2008

Ik ging weer verder met kickboksen maar begon ook steeds meer rugklachten te krijgen. Ik had een jaar ervoor al eens een wervelontsteking gehad en die bleef maar opspelen. Ook daarmee moest ik stoppen en het enige wat overbleef was een beetje suf fitnessen. Ik hou van sporten waarmee ik kapot kan gaan. Het klinkt misschien raar, maar mensen die zelf ook van sporten houden, weten hoe lekker het gevoel is naderhand als je over je eigen grens bent gegaan. Ik was ver over mijn grens gegaan en moest nu op de blaren zitten. Dat zitten zorgde er letterlijk voor dat de kilo’s ook erbij kwamen. En ik kreeg in november 2011 te maken met iets waarvan ik niet eens het bestaan afwist, een maagslijmvliesontsteking. We kwamen terug van een WordCamp in Utrecht en ik voelde me al de hele dag niet lekker. Het gevoel van honger hebben en niet kunnen eten omdat het pijn doet. Zelf water drinken doet pijn. Het werd een doktersbezoek en maagpillen en na een week kon ik weer een beetje eten. Klinkt als een perfect crash dieet, maar daarna komt het er weer net zo hard aan met versterking.

Je maag stuurt eigenlijk je hele stofwisseling aan. M’n maag functioneerde niet goed, dus m’n stofwisseling ook niet. Gevolg was dat ik van een ultiem sportief persoon veranderde in iemand die eigenlijk een vreemde werd in mijn eigen lichaam. Ik werd steeds zwaarder en omdat ik vaak te moe was om te sporten, ging dat ook in een laag tempo. Soort van vicieuze cirkel. Ik had de meest gekke dingen zoals een luchtpijp ontsteking en bij elke griepaanval in de buurt stond ik vooraan om ook ziek te worden. Ik voelde me letterlijk een kneus, een vreemde in mijn eigen lijf.

Ik startte weer met bokszaktraining om naast het fitnessen ook weer wat te doen. Mijn rug zat inmiddels wel weer goed na accupunctuur. Mijn maag bleef een probleemgeval. Ik hoefde niet elke dag een maagpil te slikken, maar 1 keer in de week zeker. In het voor- en najaar had ik sowieso meer last, maar dat schijnt normaal te zijn met Gastritis. Omdat dit ook veroorzaakt kan worden door een bacterie in het bloed, is dat ook onderzocht. Ik bleek behoorlijk te kort te hebben aan vitamine D dus kreeg een doosje pillen mee van de dokter, waarop als 1 van de bijwerkingen stond “kan maagzuur geven”. Dus…

Gastritis werd niet veroorzaakt door de bacterie, dus was het gewoon de chronische versie en kon ik de rest van mijn leven aan de maagtabletten. Aangezien die op den duur ook gewoon maagkanker veroorzaken, was het niet mijn streven om die te blijven slikken. Ik besloot om weer voorzichtig te starten met hardlopen, maar alsof het lot er mee speelde, scheurde ik in januari 2012 mijn enkelband aan twee kanten en kon ik helemaal niks. Het was 30 april dat m’n moeder me aankeek en zei “het gaat niet goed met je gezondheid, je word gewoon hartstikke dik, je moet er nu echt wat aan gaan doen.” Soms heb je gewoon een goede klap in je gezicht nodig en wie kan dat beter geven dan je eigen moeder…

Er ging iets om in mijn hoofd en ondanks dat ik behoorlijke pijn had aan mijn enkel – en tegen advies van mijn fysio in – startte ik met hardlopen. Gewoon heel voorzichtig en mijn enkel goed ingetaped. Ik vergeet nooit meer de opmerking van een bijdehande fietser die dacht grappig te zijn en riep “kun je niet harder”. In mijn gedachte gaf ik hem een high-kick van zijn fiets en lag hij in eens op de grond zeg maar….

Ik downloadde een app, genaamde Foodzy. Ik deed altijd al inchecken op locaties…nu moest ik inchecken wat ik at. Je word daardoor heel bewust van wat je eet. Ongemerkt krijg je meer binnen dan je denkt en ik besloot rigoureus te stoppen met alles waar te veel calorieën inzaten. Al vrij snel zag mijn moeder wel dat ik wat kilootjes kwijt was. Ik durfde niet op de weegschaal te staan en pas na een tijdje deed ik het eens op zondagochtend, 67 stond erop. De weegschaal thuis was een digitale en gaf een kilo meer aan. Ik schrok me kapot, zoveel had ik nog nooit gewogen en ik was nu al wat kwijt.

Naarmate ik vaker begon te rennen, leek mijn enkel ook sterker te worden. En gestimuleerd door de weegschaal rende ik zeker weer 1 keer per week. Ik vulde dat aan met bokszaktraining en fitness. Een ding wist ik nog uit mijn fanatieke periode, hardlopen in de winter maakt je sterk. Ondanks dat ik niet ‘s avonds kan rennen vanwege nachtblindheid kon ik dankzij mijn twee thuiswerkdagen gewoon lekker buiten rennen. Soms werd ik wel eens gebeld door mijn collega die zich dan afvroeg wat ik aan het doen was omdat ik hijgend de telefoon op nam :D

Of het nu regende, waaide of sneeuwde…ik besloot me niet te laten weerhouden door het weer. En behalve dat ik me weer steeds fitter begon te voelen, namen mijn maagklachten ook af. Ik heb denk ik het afgelopen half jaar slecht 1 keer een pil hoeven te slikken. Ik kreeg daarnaast de tip om gewoon visolie pillen te slikken, dat zou ook helpen en combinatie met gewoon simpele vitamine D tabletten van de drogist. En terwijl ongeveer heel Nederland griep kreeg deze winter, had ik alleen een paar dagen het gevoel van niet helemaal 100% voelen, maar echt ziek worden deed ik niet. Ik had eindelijk weer het gevoel dat ik mijn lichaam terug had en realiseerde me hoe belangrijk buiten hardlopen voor mij is om me gezond te voelen.

In de sneeuw

Na een bijna een jaar gaf de weegschaal thuis gisteren 58 kilo aan. Nog steeds iets te veel voor iemand van mijn lengte, maar zeker 12 tot 13 kilo minder dan vorig jaar. Afgelopen week liep ik voor het eerst weer meer dan 10 kilometer. En toen ik na de aanschaf van nieuwe schoenen weer mijn oude voetblessure kreeg, heb ik direct een paar schoenen besteld van het oude type. Luisteren naar je lichaam heb ik geleerd in die afgelopen jaren. In oktober ga ik de Halve Marathon van Amsterdam lopen en in november de 7 Heuvelen loop. Als ik ‘s avonds moe ben na een werkdag trek ik toch vaak gewoon mijn hardloopschoenen aan en ga ik buiten lekker een beetje rennen. Kickboksen staat op een laag pitje…daar is mijn rug niet tegen bestand. En fitness doe ik alleen als ik echt geen zin heb om te rennen en even relaxed wat wil fietsen.

Als ik terugkijk, ben ik mijn moeder zo enorm dankbaar, dat ze me gewoon even met mijn neus op de feiten drukte. De waarheid is hard, confronterend maar soms heb je dat gewoon nodig.

Bedankt mam….

Ik zoek een andere baan

“Ik ben Frank, 43 jaar en woon in de provincie Gelderland. Ik ben getrouwd en heb twee kinderen. Ik werk nu al 10 jaar als directeur van een kleine scholengemeenschap. Het is niet dat ik direct weg wil, maar als mijn oog valt op een leuke functie, heb ik zeker interesse. Ik ben geabonneerd op een groot landelijk dagblad. Ik heb bij het abonnement een iPad cadeau gekregen en soms leest mijn vrouw de krant daarop. Ik hou er gewoon van om ‘m op tafel uit te leggen en rustig alle rubrieken te lezen. Op zaterdagochtend staat de krant ook vol met vacatures. Mijn oog scant oppervlakkig de banen een voor een door om te kijken of er wat tussen zit. Je merkt dat de hoeveelheid vacatures de laatste jaren behoorlijk is afgenomen. Mijn oog valt op een vacature met een interessante functie titel en ik lees de inhoud die verrijkt is met een QR-code. Mijn smartphone ligt naast mijn bak koffie en ik pak mijn mobiel er bij om te kijken wat er achter de code schuilt. De mobiele browser wordt geopend en daarin wordt meteen de pagina met de vacature getoond. Ik kan direct solliciteren met LinkedIn. Ik heb die toevallig recent helemaal geupdate dus ik vertrouw erop dat mijn profiel compleet is. Ik neem nog een slok van mijn koffie en trek de stoute schoenen aan. Ik reageer via LinkedIn en ik ontvang een e-mail met mijn eigen LinkedIn CV. Had ‘m bijna niet beter kunnen maken in Microsoft Word, bedenk ik me. Een aantal dagen later word ik uitgenodigd voor een kennismakingsgesprek. Ik moet daar volgende week dinsdag heen, ik kijk er naar uit!”

Helaas wordt deze manier van solliciteren nog maar vrij weinig aangeboden. Afgelopen december organiseerden we met een aantal andere bedrijven het event “123 mobile”. Hier presenteerden we een soortgelijke case aan een publiek bestaande uit professionals binnen de arbeidsmarktcommunicatie en recruitment. Aan het einde van de dag met presentaties waar mobiel centraal stond, leek iedereen het over één ding wel eens te zijn: mobiel kan niet langer genegeerd worden. Helaas schetst het huidige beeld van de gemiddelde career website een andere situatie. Maar misschien loop ik teveel op de feiten vooruit en is iedereen sinds die dag wel gestart met het maken van nieuwe websites waarin de sollicitant met elk device kan solliciteren. Ze staan alleen nog niet live… :D

Wat is jouw excuus?

Dit neemt niet weg dat op dit moment de baanzoeker behoorlijk slecht bediend wordt op de smartphone en tablet. Je kan bijna geen artikel lezen over mobile of de feiten en statistieken worden over je beeldscherm uitgemeten. Nederlanders zouden Europees gezien voorop lopen in het gebruik van tablets. In 2014 zou het gebruik van mobiel internet die van de desktop evenaren…misschien wel voorbij schieten. Inmiddels is het eerste kwartaal van 2013 al achter de rug en zijn er nog 9 maanden over om te voorkomen dat je straks niet de helft van je potentiële kandidaten al kwijt bent voordat je jezelf überhaubt hebt kunnen voorstellen.

Buiten de hoeveelheid feiten die te vinden zijn over mobiel gebruikt, lijken er bijna net zoveel vooroordelen en/of excuses te zijn.

Kandidaten, nee die solliciteren niet zo snel mobiel. De kwaliteit van sollicitaties gaan toch achteruit als het proces zo simpel wordt dat je met één druk op de knop kan solliciteren. Onze site heeft nog helemaal niet zo veel mobiele bezoekers denk ik.

Wakker worden! Mobiel is waar je doelgroep al is. Jij loopt achter…Mensen benaderen je website met een smartphone, of je het nu wil of niet.

Van print naar mobiel

Tijdens de presentatie op 123 Mobile bespraken we een mooie praktijk case waarmee we probeerden aan te geven dat banenzoekers wel degelijk mobiel zijn. Eén van onze klanten is een traditionele bureau dat groot is geworden door zijn advertenties in de dagbladen. Ze staan nog steeds in de top 3 als het gaat om adverteren in de media. Om de week adverteren zij in meerdere dagbladen zoals Volkskrant, Telegraaf, Elsevier en vaak een regionale titel omdat ze van mening zijn dat de kwalitatief hoogste respons nog steeds vanuit print media komt. De website en de advertenties in printmedia zijn eigenlijk twee op zich zelfstaande dingen. De mensen die op één van hun advertenties reageren doen dit wel via de website maar meestal pas een paar dagen later. Ondanks de advertenties in de dagbladen ontstaat er een weekend dip in het aantal bezoekers op de site. Of er nu wel of niet geadverteerd wordt, dit was een terugkerend iets.

Advertentie B+W

We lanceerden voor deze klant in juni 2012 een mobiele website en aan alle advertenties werd een QR-code toegevoegd. Er werd geen onderscheid gemaakt op basis van functieniveau, want iedereen kan namelijk mobiel solliciteren. En ook in de afhandeling werden mobiele sollicitaties gelijk behandeld. Sterker nog in het voorbeeld dat we presenteerden was juist degene die met zijn mobiel gereageerd had, bij de laatste drie kandidaten beland. En niet alleen dat, naast de weekenddip van het aantal gewone website bezoekers zagen we juist een stijging van het mobiel bezoekersverkeer in het weekend dat er geadverteerd werd.

Maak je vacature website ook geschikt voor de smartphone en tablet

Dit is maar één voorbeeld hoe mobiel succesvol kan zijn voor een career site. En dit is nog zeker niet de meest optimale manier omdat de mobiele site niet geintergreerd is in de gewone site. Soms moet je keuzes maken, daar zijn wij ons ook van bewust. Een klant kan niet zo maar investeren in een compleet nieuwe website die voor alle schermen geschikt is. Maar in alle nieuwe projecten die we nu aangaan, adviseren we toch echt om de website aan te bieden op meer dan alleen de desktop. En waarin dat ook het HELE proces mobiel verantwoord is.

Neem nu als voorbeeld de website werkenbijdefensie.nl. Een mooie site, goede beleving en hij is volledig responsive dus ook top te bekijken op smartphone en tablet. Mijn hart maakte letterlijk een sprongetje, eindelijk een goede case. Tot ik wilde solliciteren. Ik kwam terecht op een subdomein waar ik moest inloggen en ik was mijn mobiele ervaring in één klap kwijt. Dit is bijna nog een grotere teleurstelling dan een hele website als postzegel aanbieden. Je lokt de mobiele bezoeker naar binnen met een leuke website maar als het op actie aankomt, laat je hem vallen…

Werkenbijdefensie

Ik kan hier nog wel pagina’s over vol schrijven, maar aanstaande dinsdag doen mijn collega Ricardo Risamasu en ik weer een poging om mensen hiervan bewust te maken op het eRecruitment event.

Voor die tijd wil ik je nog een leuke tip meegeven: voer je website url eens in op deze mobile website checker en ervaar hoe bezoekers jouw website zien op hun verschillende screens.

Multi screen design: de invloed van mobiel op het design proces

Afgelopen vrijdag hadden we in Amsterdam de tweede WordPress meetup. Deze keer stond het in het teken van “mobile”. Ik heb goed contact met de organisatie van deze meetup en was ook één van de sprekers. WordPress en mobile zijn twee onderdelen van mijn werk die ik misschien wel het leukste vind, dus een half uur hierover praten mocht geen probleem zijn. We hadden het een beetje over de verdeling van de onderwerpen en al snel kwam mijn aversie naar voren tegenover responsive design. Wie de afgelopen twee jaar geregeld mijn blog heeft gelezen , weet dat ik nog al eens kritisch kan zijn over deze techniek. Ik ben geen fan van de simpelheid die de meeste websites uitstralen. Less is more principe is goed, maar kan ook te ver gaan. Het leuke van de discussie die we kregen naar aanleiding van deze meetup, was dat ik eens serieus ging nadenken over mijn probleem met responsive design. En dat het niet zo zeer de techniek is waaraan ik me stoorde, maar vooral de uitvoering.

Op mijn visitekaartje staat dat ik art director ben en mobile specialist. Geef het maar een naam, ik vind zoveel dingen leuk om te doen. Nadat ik afgestudeerd ben in traditionele vormgeving lukte het me niet om snel een baan in de reclame te vinden. Ik kwam met een beetje toeval of geluk terecht bij het toenmalige Veronica wat zenderloos ronddobberde. Ze hadden een groot platform met diverse websites en ik kon daar aan de slag als webdesigner. Ik had tot nu toe nog maar 1 website gemaakt en toen er gevraagd werd of ik ook HTML kon schrijven, keek ik met grote ogen en vroeg me af wat dit überhaupt was. Maar ik ging de uitdaging aan en binnen korte tijd kon ik er mee werken. Toen ik niet veel later een baan kon krijgen bij een geweldig leuk reclamebureau sloeg ik die af om verder te gaan met internet. Achteraf een beslissing die heel goed is uitgepakt en waardoor ik niet een designer ben gebleven die een Photoshop schets over de schutting werpt met onmogelijke uitdagingen voor de front-end developer.

De verandering in het design proces

Om terug te komen op mijn presentatie voor de meetup. Ik besloot om te gaan praten over hoe het design proces de afgelopen jaren is veranderd door de komst van devices zoals diverse soorten smartphones en tablets. En om dit verhaal duidelijk te kunnen vertellen besloot ik een experiment te doen door een website waarbij ik net een adaptive design had afgerond, nu om te zetten naar responsive design. Ik kwam al vrij snel tot de conclusie dat het eigenlijk best goed te doen was en toen we op mijn werk een opdracht binnen haalden, verraste ik mijn hele omgeving door te roepen dat deze site responsive ging worden. We hadden al zoveel onderzoek en ervaring gedaan op het gebied van adaptive design dat ik juist die sterke punten van de User Experience ook wel over kon nemen in het responsive design. Geen menu items weglaten of vervangen door een simpele dropdown, maar een uitgebreid en vooral gebruiksvriendelijk menu die we kennen vanuit de Facebook app.

browser-design

Normaal gesproken ben ik niet degene die verantwoordelijk is voor de uitvoering van de front-end code. Maar wanneer mijn collega overloopt van werk, help ik hem graag een handje. Een volgende opdracht kondigde zich aan en vanwege de positieve reacties op het eerste responsive design project, besloot ik ook hier ook weer voor te kiezen. Ik ging zelfs een stapje verder en koos ervoor om alleen de homepage te schetsen in Photoshop en van daaruit alles in de browser te doen. Het roept bij sommige mensen wel eens vraagtekens op of dat kan, maar als je zowel goed kan designen als front-end coden is het vaak een veel efficiëntere manier van werken. En natuurlijk kun je tussentijds altijd even teruggrijpen naar Photoshop, maar het belangrijkste is dat je direct ontwerpt voor meedere scherm resoluties. Tijdens de meetup riep deze manier van werken nogal wat vragen op een leuke discussie volgde er. Al snel kwamen de anderen tot de conclusie dat het werk van een front-end developer meer richting front-end designer gaat.

En dat was voor mij eigenlijk een hele mooie bevestiging dat ik niet de enige was die er zo over dacht. De creativiteit beperkt zich niet alleen meer tot een Photoshop schets. Waarom zou je als je een website maakt die niet langer bestaat uit pixels, jezelf beperken aan een tool die alleen maar werkt met pixels? Is er om een responsive website te maken niet iets meer nodig dan alleen wat blokken verplaatsen. De toename van het aantal devices de afgelopen jaren en de manier waarop gebruikers het web gebruiken heeft er voor gezorgd dat onze rol als designer veranderd is.

Ik volgde recent een leuke discussie over een stelling die een designer neerzette:

I feel like responsive design has sucked the soul out of website design. Everything is boxes and grids. Where has the creativity gone?“‘

Veel mensen reageerden er op en hij zal niet de enige designer zijn die met dit gevoel rondloopt. Na jaren lang dat het web bestond uit simpele animated gifs en beperkte aantallen kb’s hebben we een tijd gekend waar mensen gerust bijna een minuut wilden wachten totdat de loading balk van een Flashwebsite eindelijk op 100% stond. De experience daarna was het waard en de creatief achter het project had vrijwel geen beperkingen.

Het gedrag van de websitebezoeker is veranderd

Maar tegenwoordig worden er andere eisen gesteld aan een website. Mensen willen multi-screen surfen. Ze hebben even 5 minuten tijd over en bekijken je website op hun smartphone om vervolgens thuis op hun tablet of deskop computer verder te gaan. Tegenwoordig door middel van cloudoplossingen laat je telefoon precies zien welke pagina’s je nog open had staan op je browser thuis. Mensen willen niet het idee krijgen dat die pagina niet mobiel beschikbaar is. Of dat je het idee hebt op een compleet andere website beland te zijn waarbij elementen zijn weggelaten.

Multi screen design: de invloed van mobiel op het design proces

Het is tijd voor een nieuwe manier van denken, multi-screen. De Front-ender die het heerlijk vindt om compleet uitgewerkte Photoshop schetsen klakkeloos uit te werken is verleden tijd. En de designer die nog steeds weigert verder te denken dan alleen het scherm van zijn desktop moet ook zijn ogen eens openen. Google heeft een mooie case study gewijdt aan “The New Multi-Screen World“. Een aanrader om te lezen.

Screens, screens en screens…

Mijn experiment was in zoverre geslaagd dat ik de website met het adaptive design overboord heb gegooid en de voorkeur heb gegeven aan het responsive design. Niet alleen smartphones kan ik zo optimaal serveren maar ook de tablet gebruikers. Drie jaar geleden hadden we alleen te maken met een iPad die vaste schermresoluties had. Tegenwoordig heeft deze ook een kleinere broer, de iPad mini die menig front-ender een grote frons op het voorhoofd heeft gebracht doordat de mini denkt als een grote tablet. Simpel gezegd kun je dus het responsive design niet optimaliseren voor de mini. De problemen met Internet Explorer 6 staan niet in verhouding tot de hoeveelheid verschillende browsers, screens en devices waar we nu mee te maken hebben. De wereld van een designer is nu echt definitief veranderd. En het is tijd om mee te gaan in deze evolutie en binnen de grenzen en de beperkingen die je hebt toch die creativiteit maximaal te benutten.

We krijgen alleen maar meer screens, echt niet minder!

Mijn presentatie van afgelopen vrijdag is terug te zien op Slideshare.