Sproet Studio | Responsive websites
Hoe responsive ben jij? | Responsive websites
14/04/2014

 benjijresponsiveweb


Veel websites werken niet goed op mobiel

In het eerste kwartaal van 2014 gaan 31% van de website bezoeken via een mobiel apparaat, een toename van 29% ten opzichte van vorig jaar bron RKGDit zijn duidelijke cijfers. Toch is het merendeel van de websites niet of nauwelijks geschikt voor mobiel gebruik.  De teksten zijn vaak onleesbaar, links niet klikbaar en de navigatie te klein.

De oplossing: responsive websites

Responsive websites zijn zodanig opgebouwd dat hij zichzelf aanpast op elk denkbaar scherm. Van smartphone tot verschillende maten tablets, laptops en desktopschermen.

lotte_responsivewebsite
Responsive websites vergroten sterk de gebruiksvriendelijkheid en is beter vindbaar via zoekmachines.


Voordelen van een responsive websites

Uit een onderzoek van Medium.com over de nieuwe responsive website van TIME magazine blijkt het volgende:

  • Aantal pagina’s per bezoek op smartphones steeg met 23%.
  • Aantal unieke bezoekers op de homepage steeg met 15%.
  • De tijd die bezoekers op de website doorbrengen steeg met 7,5%.
  • De bounce rate op smartphones daalde met 26%.
  • Het aandeel mobiel verkeer steeg van 15% naar 25%

Responsive websites krijgen meer bezoekers die langer blijven, meer consumeren en vaker terugkeren.

Een bijkomend voordeel is besparing van kosten en tijd.  Je publiceert in één keer je content die op alle devices en schermen goed leesbaar is. Je hoeft maar één website bij te houden in plaats van een aparte mobiele site en/of app.


 Hoe responsive ben jij?

Bezoek je website via een mobiel en kijk eens naar het volgende:

  • Worden de tekst en de plaatjes automatisch geschaald?
  • Moet je inzoomen om het goed te kunnen lezen?
  • En vervolgens weer uitzoomen om te navigeren?

“De eerste 10 seconden van een website bezoek zijn cruciaal”

Ook biedt Sproet Studio een vrijblijvende webscan aan waarbij o.a. bekeken wordt hoe leesbaar en functioneel een website is op een mobiel apparaat. Wil je meer weten over responsive websites?

Lees verder..

3-ScreensZINFINAL5


Enkele cijfers op een rij

  • 31% van alle organische bezoeken kwam uit mobiel, gemeten in het eerste kwartaal van 2014.  bron Rimmkaufmann
  • 67% ofwel ruim 8,3 miljoen mensen hebben toegang tot een smartphone. bron GFK
  • 53% van de Nederlanders heeft toegang tot een tablet. bron GFK
  • Meer dan de helft van de Nederlanders checkt hun smartphone meer dan 10 keer per uur op nieuwe updates. bron GFK
  • Aantal mobiele transacties in 2013 met 64% gegroeid. bron GFK

Voorbeelden van responsive websites

Ter inspiratie hieronder enkele mooie voorbeelden van responsive websites die ik het afgelopen jaar ben tegengekomen.

 

The Haberdash Fox – Responsive website

haberdahs

De funky details en heldere opbouw van de Haberdash Fox website maakt het tot een mooie website ervaring. De collectie van de herenkleding vondsten uit Etsy is subtiel aangelegd en de navigatie is intuïtief.

 

Ralley Interactive – Responsive website

letsgo

Het coole Rally Interactive website design geeft de bezoeker het gevoel van achter de cijfers. Er is veel oog voor detail en de pagina’s onverwachte gadget-achtige design kenmerken geeft je het gevoel alsof je aan het rond het knoeien bent met een outdoor toolkit van REI.

 

Thrive Solo – Responsive website

solo

De website van Thrive Solo is een geweldige winkel presentatie van haar product. Minimalistische, platte en eenvoudige graphics in combinatie met mooie kleuren geven een goede balans tussen design en functionaliteit. Geen franjes, gewoon een duidelijk en doordacht ontwerp.

 

Colly – Responsive website

Responsive websites

2 jaar geleden hoorde ik voor het eerste van responsive websites en dit was het eerste voorbeeld hiervan dat ik zag.  De website van Colly is dus revolutionair en smaakvol. Mooi gebruik van textures, graphics, kleuren en fonts geven het geheel een vintage gevoel.


Kortom

Genoeg mooie voorbeelden van responsive websites. Ik denk inspiratie genoeg om aan de slag te gaan!

Meer weten?


 

SHARE :
#Responsive websites

LEAVE A REPLY

Your email address will not be published. Required fields are marked *


Categories


Loading