maatwerk in informatieve websites….
Facebook
Twitter
LinkedIn
SOCIALICON

Responsive

Ik bouw uitsluitend websites die responsive zijn.
Responsive wil zeggen dat uw website zich automatisch aanpast aan het scherm waarop uw website wordt getoond.
Uw website ziet er vrijwel net zo uitziet als op het grotere scherm van uw pc of laptop.

Deze website is een voorbeeld van een responsive website.
De foto hieronder geeft de webstee-website weer op 4 verschillende devices.
Daarmee krijgt u een goede indruk wat responsive betekent.

Het grote scherm is een 27 inch Thunderboltscherm van Apple, rechtsonderaan is de iPad Pro 9,7 inch, in het midden de iPhone 7Plus met 5,5 inch scherm en links de iPhone 4S met een 3,5 inch scherm.

Hier ziet u beide iPhones nog een keer ondert elkaar: bovenaan de iPhone 4S en onderaan de iPhone 7 Plus.
Beide iPhone zijn zo’n beetje op ware grootte afgebeeld, afgemeten op een 27 inch Thunderbolt scherm van Apple.

 

 

U ziet dat de tekst nog goed leesbaar is. In werkelijkheid ziet de tekst er echt nog beter uit. Kennelijk heb ik toch wat verlies bij het inschalen van de foto’s.

Bij websites is de leesbaarheid een enorme belangrijke factor!
Leesbaarheid heeft echter niet uitsluitend te maken met de grote van het scherm.

Een tekst goed laten weergeven op een scherm en daardoor goed leesbaar te laten zijn, is afhankelijk van meerdere factoren:
1. de kwaliteit van het beeldscherm;
2. het aantal pixels (pixeldichtheid) van het beeldscherm;
3. het soort lettertype;
4. de grootte van de letters;
5. de kleur van de letters;
6. de kleur van de achtergrond;
7. de kleurbalans tussen letters en achtergrond;
8. de kleurbeleving.


Kleurbeleving is een echt persoonlijke zaak: Wat de één een prachtige kleur vindt, vindt de ander foeilelijk.

Dat is ook een beetje het probleem van een bont gekleurde website.
Het wordt al heel gauw te “bont”.

Mijn site https://jardinepapegaai.nl is voor velen een overdreven groene site.
U kunt eventjes gaan kijken, maar ik laat er hier ook een knipsel van zien zodat u hier ook een indruk krijgt:


Voor https://jardinepapegaai.nl is de groene kleur een heel bewuste keuze geweest.
Ik beoog daarmee de verbinding aan te geven tussen de natuur en de natuurlijke oorsprong van de papegaai.
In zo’n situatie wordt de kleur eigenlijk bepaald door het onderwerp, maar dan nòg moet de leesbaarheid goed zijn..

Voordat ik ben overgegaan tot een definitieve keuze van het lettertype, lettergrootte en letterkleur van deze site heb ik meerdere letter-kleur-combinaties gemaakt en die laten beoordelen door verschillende mensen.
Ik heb simpelweg de meningen geturfd en daar kwam dan een winnaar uit:

Het lettertype van Webstee is Lucida-Sans-Regular.
De lettergrootte van deze site is 16px.
De letterkleur is oudroze = #d36e70.
De achtergrondkleur is bruinrood = #4d0412.

De leesbaarheid van Webstee is zonder meer goed.
De kleurstelling is een smaakkwestie, echter de kleurstelling op Webstee doet geen afbreuk aan de leesbaarheid.
En dat is een heel belangrijke conclusie.


De iphone 4S met zijn 3,5 inch scherm is het kleinste scherm waarop ik de door mij gebouwde websites controleer.

In feite moet een scherm ook niet kleiner zijn want anders is het echt niet meer goed leesbaar.
Aan alles zit een grens.


Ik ben van mening dat de grens voor het bekijken van een website op een smartphone het scherm minimaal 5,5 inch dient te zijn, dus de grootte van een iPhone 6 Plus en 7 Plus.

 

Read more