Smart websites

zijn responsive ontworpen en gebouwd

Smart Responsive Web Design is hèt antwoord op het steeds urgentere probleem van verschillende kijkers die met steeds verder uiteenlopende devices uw website bezoeken.

Grote kans dat uw website intussen vaker via een handheld wordt bekeken dan via een bureaumonitor. Smartphones en tablets zijn overal. Uw website wordt soms bekeken op een schermpjes van maar 320 pixels breed.

En tegelijk zien we dat de nieuwste televisies van internet browsers worden voorzien. Mensen bekijken uw site dan op een HD-scherm van 1920 pixels breed.

We willen niet dat de kijker moet schuiven en zoomen om uw boodschap te ontvangen. We willen ook niet dat die boodschap ergens piepklein in een hoekje van zo'n reusachtig scherm verdwijnt. We willen geen miezerige menuknopjes die we nauwelijks kunnen aanraken. We willen nooit horizontaal hoeven scrollen. Maar we willen ook geen loze ruimte, waarin we de site moeten zoeken.

We nemen daarom afscheid van het oude canvas, het vaste site ontwerp van standaard 960 pixels breed. Het raamwerk moet variabel worden. En het goed nieuws is: dat kan!

Men neme een tabula rasa en plaatsen er blokken op die we op uiteenlopende manieren kunnen rangschikken. We kunnen ze naast elkaar leggen, stapelen, we kunnen er de ruimte op alle mogelijke manieren mee vullen.

Bovendien zorgen we dat een deel van die blokken flexibel is. Ze kunnen uitdijen of juist krimpen, om de ruimte mooi te vullen.

En in die blokken plaatsen we content die mee kan groeien of krimpen. Tekst, maar ook afbeeldingen en zelfs video kan 'liquid' worden uitgevoerd, mee vloeien met de breedte van de kolom.

En of het allemaal nog niet smart genoeg is, zijn er ook steeds meer mogelijkheden om bijvoorbeeld locatiegegevens van de kijker te gebruiken; zodat deze bijvoorbeeld makkelijk de route naar uw kantoor kan vinden.

 
Joomla logo
 
 

Zelf spelen met blokken

Schuif zelf eens met de blokken op deze pagina; gewoon met de muiscursor of vingertop.

 
RWD voor alle schermen
 
 
 
 
 
 
 

Professioneel spelen met blokken

  • blokken zijn de modules waaruit een site is opgebouwd
  • we schuiven en schikken deze blokken om alle schermen optimaal te vullen
  • we kiezen de blokken en hun stapel volgorde o.a. op basis van de inhoud
  • een mobiele gebruiker wil soms andere blokken zien dan een desktop kijker
  • veel blokken maken we flexibel, zodat ze de beschikbare breedte mooi opvullen
  • ook de inhoud van de blokken maken we flexibel
  • dit geldt voor teksten, maar ook voor afbeeldingen en video; meestal maken we ze 'vloeibaar'
  • we maken afwijkende menu's voor verschillende schermen voor optimale navigatie
 
 
 
 

Beter zoekresultaat

  • Responsive sites worden door Google hoger gerankt!
  • Als een site geschikt is voor mobiel gebruik, maarkeer Google dat ook in de zoekresultaten (sinds 2015).
 
 

Mobiel gaat hard

  • Veel sites worden intussen meer bekeken met mobiele schermen dan vanachter desktop computers!
  • De meeste webwinkels hebben meer mobiele kopers dan desktop kopers.
  • Er zijn meer mobiele telefoons dan wc's op deze aardkloot.
 
 
 

Probeer RWD uit

Op een groot scherm kunt u zelf eenvoudig het effect van reponsive websites bekijken.

  • Zorg dat het browservenster níet gemaximaliseerd is.
  • Pak en verschuif de rechter zijrand van het venster met de muiscursor.
  • Kijk wat er wijzigt in de paginaweergave, in smallere of bredere 'schermen'.
  • De blokken verschuiven en veranderen van maat; de content past zich 'responsive' aan op de schermbreedte.
 
 
 
Joomla Logo Horz Color FLAT
 
 

Ingrediënten van RWD

  • additief ontwerp
  • vloeibare afbeeldingen
  • vloeibare video
  • HTML5 en CSS3
  • media queries