WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES

Maat: px

Weergave met pagina beginnen:

Download "WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES"

Joannes Meyer
8 jaren geleden
Aantal bezoeken:

1 WHITEPAPER RESPONSIVE WEBSITES Wat is een Responsive website? Voordelen van een Responsive website? Hoe start je met een Responsive website?

2 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.

3 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.

4 FEITEN & CIJFERS responsive websites DE WERELDWIJDE VERKOOP VAN TABLETS OVERSTIJGT DIE VAN PCʼS 42% VAN DE NEDERLANDERS BESCHIKT OVER EEN TABLET Cancel 72% VAN DE NEDERLANDERS BESCHIKT OVER EEN SMARTPHONE HET MOBIEL INTERNET GEBRUIK OP DE SMARTPHONE OVERSTIJGT DIE VAN DE LAPTOP 97% VAN ALLE WEBSITESZIJN NIET GESCHIKT VOOR MOBIEL GEBRUIK! 94% VAN DE NEDERLANDERS HEEFT TOEGANG TOT INTERNET ZES OP DE TIEN INTERNETTERS GAAN OOK MOBIEL ONLINE

5 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.

6 HOE START JE MET EEN RESPONSIVE WEBSITE? Hoewel enige tijd geleden de in een heldere navigatie en een staan. Als deze pagina s, door een Voor de typografie (de vormgeving online wereld nog draaide onder serie interactieve elementen zoals grote hoeveelheid content, te lang van letters en teksten) zal een nieuwe de term Mobile First, maken we bijvoorbeeld buttons en slideshows. blijken te zijn dan kun je op basis van voorinstelling moeten worden gemaakt langzamerhand de stap naar Content Op alle apparaten moeten deze content prioritering de inhoud van site waardoor teksten iets kleiner worden, First. Een logisch gevolg gezien het elementen even goed tot hun recht herstructureren. maar daardoor beter passen binnen responsieve karakter van de website komen. de kleinere schermverhouding en dus het arrangement van de content beter leesbaar zijn. bepaalt en dus ook een passende ADAPTIVE WEBDESIGN mobiele weergave verzorgt. Om je responsive site ook mobiel Hetzelfde is nodig om afbeeldingen goed bruikbaar te maken zijn er een correct weer te geven binnen de Je stelt dus als eerste vast wat je aantal wijzigingen nodig ten opzichte kleinere ruimte. Niet alleen in een allemaal wil vertellen en pas daarna van de desktop variant. andere verhouding, maar ook kleiner hoe dit allemaal op de verschillende Zo zullen menu s moeten worden qua mb s zodat deze ook op een 3G apparaten weergegeven wordt. aangepast waardoor het in het netwerk snel laden. kleinere staande formaat van een LEEF JE IN JE BEZOEKERS IN mobiele telefoon overzichtelijk blijft. Het beste is om met een schone De meest logische variant is om een lei te beginnen en de content horizontale hoofdnavigatie te vertalen gestructureerd samen te stellen. naar een verticale lijstvariant. Zo heb Hierbij is het belangrijk te bepalen wat je eenvoudig alle menu-items tot je de bezoeker wil zien en niet wat jij beschikking zonder te hoeven wil vertellen. Probeer je dus zo goed zoomen of scrollen. 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

7 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!

Vergelijkbare documenten

WHITEPAPER. Waarom een online magazine? Welke voordelen zijn er te behalen? Inhoud & bladritme ONLINE MAGAZINES

WHITEPAPER. Waarom een online magazine? Welke voordelen zijn er te behalen? Inhoud & bladritme ONLINE MAGAZINES WHITEPAPER ONLINE MAGAZINES Waarom een online magazine? Welke voordelen zijn er te behalen? Inhoud & bladritme INTRODUCTIE Je hebt deze whitepaper gedownload omdat je geïnteresseerd bent in online magazines.