WHITEPAPER RESPONSIVE WEBSITES
Wat is een Responsive website? Voordelen van een Responsive website? Hoe start je met een Responsive website?
INTRODUCTIE Met het downloaden van deze whitepaper kunnen we aannemen dat je meer wil weten over responsive websites. Misschien sta je op het punt om je eigen website van een update te voorzien of heb je een klant die hierom vraagt. In ieder geval kun je met deze whitepaper goed uit de voeten.
Op dit moment zijn er in Nederland 12,4 miljoen internetgebruikers. Dat is 96% van alle mensen tussen 12 en 75 jaar. Belangrijker te weten is dat ongeveer 67% van de Nederlanders beschikt over een smartphone, terwijl maar 65% een desktop computer bezit. Daarnaast gebruikt ongeveer 53% van de Nederlanders een tablet; reden genoeg om het mobiele internetgebruik meer dan serieus te nemen en om stil te staan bij de gebruiksvriendelijkheid van de mobiele variant van jouw website. Dit heeft namelijk meerdere voordelen. Niet alleen ben je je bezoeker beter van dienst en bespaar je op lange termijn veel geld, het heeft ook direct invloed op bijvoorbeeld je vindbaarheid in Google.
WAT IS EEN RESPONSIVE WEBSITE? Een responsive website is een online omgeving die gebruikers met verschillende apparaten altijd een optimale online ervaring biedt en deze naadloos aan laat sluiten bij de (on-)mogelijkheden van het gebruikte apparaat. De website is dan ook zo ingericht dat deze zichzelf rangschikt om zo elke gewenste verhouding aan te kunnen nemen. Of het nu gaat om het grote, liggende schermformaat van een laptop of juist het kleinere, staande formaat van een mobiele telefoon. In iedere variant worden delen van de content op de best mogelijke manier gerangschikt.
DYNAMISCHE BLOKKEN De truc is om je content in dynamische blokken op te delen. Deze blokken kun je vervolgens een serie eigenschappen meegeven. Hierdoor weten deze blokken hoe ze zich moeten gedragen wanneer ze op een bepaald apparaat opgeroepen worden. Soms naast elkaar en in andere gevallen juist onder elkaar.
FEITENresponsive & CIJFERS websites 42% VAN DE NEDERLANDERS BESCHIKT OVER EEN TABLET
HET MOBIEL INTERNET GEBRUIK OP DE SMARTPHONE OVERSTIJGT DIE VAN DE LAPTOP
Cancel
97%
DE WERELDWIJDE VERKOOP VAN TABLETS OVERSTIJGT DIE VAN PCʼS
72% VAN DE NEDERLANDERS BESCHIKT OVER EEN SMARTPHONE
ZES OP DE TIEN INTERNETTERS GAAN OOK MOBIEL ONLINE
VAN ALLE WEBSITESZIJN NIET GESCHIKT VOOR MOBIEL GEBRUIK! 94% VAN DE NEDERLANDERS HEEFT TOEGANG TOT INTERNET
VOORDELEN VAN EEN RESPONSIVE WEBSITE Zou het niet mooi zijn om al je gebruikers in één keer te bereiken? Door voor een responsive website te kiezen kan dat, want je ontsluit je content optimaal voor alle gebruikers en voor alle apparaten. BEREIKBAARHEID Nu de gebruiker steeds meer mobiel online is, is de bereikbaarheid van een bepaalde doelgroep potentieel erg hoog. We kunnen stellen dat ongeveer 2/3 van de Nederlanders 24/7 te bereiken is; dus op de bank, in de tuin en zelfs in bed. Daar kun je met een responsive website handig gebruik van maken, want jouw content wordt op deze manier altijd optimaal gepresenteerd. ÉÉN CENTRALE CMS De ontwikkeling van een responsive website is altijd een goede investering. Met name wanneer bereikbaarheid en vindbaarheid belangrijk zijn, kun je eigenlijk niet meer zonder.
Een responsive website kan ook veel geld besparen op het content management vlak omdat je vanuit één centrale CMS werkt. Je plaatst je content zoals je dat altijd doet en het responsieve karakter in de code doet de rest. Ook het bijhouden en interpreteren van statistische gegevens is veel eenvoudiger; alle gemeten data wordt automatisch centraal bijgehouden en kan dus ook centraal worden bekeken. SEARCH ENGINE VRIENDELIJK Een niet te onderschatten reden om een responsive website te ontwikkelen is de vindbaarheid in Google. Google gebruikt namelijk een soort beloningssysteem waarin sites met bepaalde eigenschappen een hogere page ranking krijgen. Zo vindt Google één url voor alle apparaten een stuk fijner dan één url per apparaat. Het is dit soort efficiëntie wat door Google wordt beloond.
HOE START JE MET EEN RESPONSIVE WEBSITE? Hoewel enige tijd geleden de online wereld nog draaide onder de term ‘Mobile First’, maken we langzamerhand de stap naar ‘Content First’. Een logisch gevolg gezien het responsieve karakter van de website het arrangement van de content bepaalt en dus ook een passende mobiele weergave verzorgt. Je stelt dus als eerste vast wat je allemaal wil vertellen en pas daarna hoe dit allemaal op de verschillende apparaten weergegeven wordt.
in een heldere navigatie en een serie interactieve elementen zoals bijvoorbeeld buttons en slideshows. Op alle apparaten moeten deze elementen even goed tot hun recht komen. ADAPTIVE WEBDESIGN Om je responsive site ook mobiel goed bruikbaar te maken zijn er een aantal wijzigingen nodig ten opzichte van de desktop variant. Zo zullen menu’s moeten worden aangepast waardoor het in het kleinere staande formaat van een mobiele telefoon overzichtelijk blijft. De meest logische variant is om een horizontale hoofdnavigatie te vertalen naar een verticale lijstvariant. Zo heb je eenvoudig alle menu-items tot je beschikking zonder te hoeven zoomen of scrollen.
LEEF JE IN JE BEZOEKERS IN Het beste is om met een schone lei te beginnen en de content gestructureerd samen te stellen. Hierbij is het belangrijk te bepalen wat de bezoeker wil zien en niet wat jij wil vertellen. Probeer je dus zo goed mogelijk in te leven in het pad dat de bezoekers van je website gaan volgen. Een multi-koloms layout wordt vertaald naar een 1-koloms layout. Dit Daarnaast speelt interactie ook resulteert in één lange pagina waar een belangrijke rol. Dit vertaalt zich alle elementen uitgeklapt, onder elkaar
staan. Als deze pagina’s, door een grote hoeveelheid content, te lang blijken te zijn dan kun je op basis van content prioritering de inhoud van site herstructureren.
Voor de typografie (de vormgeving van letters en teksten) zal een nieuwe voorinstelling moeten worden gemaakt waardoor teksten iets kleiner worden, maar daardoor beter passen binnen de kleinere schermverhouding en dus beter leesbaar zijn. Hetzelfde is nodig om afbeeldingen correct weer te geven binnen de kleinere ruimte. Niet alleen in een andere verhouding, maar ook kleiner qua mb’s zodat deze ook op een 3G netwerk snel laden.
WIL JE MEER WETEN? DutchGiraffe is door de jaren heen uitgegroeid tot een veelzijdig digitaal communicatie- & marketingbureau, met als focus responsive websites. Onze kracht is om zo effectief en creatief mogelijk, binnen de kaders van de digitale wereld, een boodschap richting een doelgroep te communiceren.
Dit houdt in dat we constant nieuwe manieren zoeken om de doelgroep te boeien, te binden en iedere keer te verrassen. Uiteraard met als uitgangspunt de specifieke communicatiedoelstellingen van de afzender te realiseren. Denk je dat wij je kunnen helpen bij de realisatie van jouw responsive website? Bel ons, maak een afspraak en daag ons uit!
