Een vakterm die je veel hoort is zogenaamd responsief of responsive design. Wat is responsief design? Dit betekent dat je website zich aanpast aan de grootte van het scherm. Voor veel mensen is het niet altijd duidelijk wat dat eigenlijk wel zeggen. In dit artikel geven we daarover graag een woordje uitleg.
- Websites die gebouwd zijn voor 2012 hadden meestal een vaste breedte. Dit betekent dat de website er eigenlijk uitzag zoals een pagina in een tijdschrift. De opmaak werd door de grafische designer gedaan als waren het de opmaak voor een gedrukte bladzijde. Er werd dikwijls uitgegaan van een schermbreedte van 800 tot 1200 pixels. Wie een groot scherm had kon de website volledig zien. Wie op een klein scherm werkte met bijvoorbeeld een breedte van 800 pixels zag maar een deel van een grotere website.
- Rond 2012 begonnen wij als website ontwikkelaars vast te stellen dat een groter deel van de bezoekers een website bekeek vanop een tablet of smartphone. Op deze hele kleine schermen was het natuurlijk moeilijk om een website met een breedte van bijvoorbeeld 1200 pixels te bekijken. De gebruiker van de site was verplicht om constant van links naar rechts te scrollen. Zeer onhandig en absoluut niet gebruiksvriendelijk.
- Vanaf 2012 is de tendens veranderd. Webdesigners die nu een website maken houden er rekening mee dat deze bekeken zal worden op een waaier aan schermafmetingen. Bij het ontwerpen van een website wordt er niet meer uitgegaan van een vaste breedte. Er wordt gewerkt op basis van modules die zich aanpassen qua formaat en positie. Op die manier is de volledige inhoud altijd goed te zien. Dit onafhankelijk van de grootte van het scherm.
Kenmerken van responsief design
Een website ontwikkelen die zich qua formaat aanpast betekent wel dat er rekening moet gehouden worden met een aantal zaken. Wat is responsief design en welke invloed heeft dit op de opmaak en layout van een website?
- Fotomateriaal moet op een heel andere wijze in de website worden verwerkt. Achtergrondafbeeldingen worden bijvoorbeeld niet altijd goed weergegeven op smartphones of tablets. Omdat foto’s op kleinere toestellen soms héél klein worden weergegeven is het niet altijd handig om te werken met grote fotogalerijen.
- Websites hebben ook geen vaste layout meer. Hoe je website er uitziet hangt dus af van het soort scherm. Dit is een heel andere benadering. De rol van de grafische designer is hiermee veel beperkter geworden. Het komt er nu vooral op aan om de informatie op een gebruiksvriendelijke manier weer te geven op alle formaten van schermen.
- De gebruiker van een site navigeert anders op een klein scherm dat bovendien ook nog aanraakgevoelig is. De menu’s en de manier waarop de gebruiker zich van pagina naar pagina kan bewegen moeten daarom ook zijn aangepast aan deze moderne manier van surfen.
- Invulformulieren moeten zich ook aanpassen aan de grootte van het scherm. Of een desktop computer is het mogelijk om heel gedetailleerde en lange formulieren weer te geven. Hoewel dit technisch ook mogelijk is op een klein scherm is dit toch niet aan te raden. Het is voldoende aangetoond dat lange invulformulieren op een klein scherm de gebruiker sneller afschrikken. Ze lijken op het kleine scherm als het ware eindeloos. Het is dan ook zaak om op websites invulformulieren te voorzien waarop slechts na een minimum aan informatie wordt gevraagd.
Wat kost responsief design?
Vandaag een website laten maken betekent automatisch dat deze voorzien moet van een responsief design. Is dit niet het geval? Dan zit je met een website die bij 50% van de gebruikers niet goed zal worden weergegeven. Meer dan de helft van de mensen surft immers mobiel via een klein scherm. Na het antwoord op de vraag wat is responsief design geven we ook graag mee wat dergelijk design mag kosten:
Het is heden ten dage niet normaal om te moeten bijbetalen voor een responsief design. Elke website die tegenwoordig wordt gemaakt moet eigenlijk standaard en zonder meerprijs responsief zijn!
Niet alleen de vraag wat is responsief design horen we regelmatig. er wordt ons ook regelmatig gevraagd of je een oude website responsief kan maken. Daar is geen eenduidig antwoord op te geven. Als je website is gemaakt met bijvoorbeeld Drupal, WordPress of Yoomla zijn er mogelijkheden om de bestaande template te vervangen door een nieuwe die wel responsief is. Meestal is het vervangen van de template niet voldoende. De teksten zullen zich aanpassen aan het formaat van het scherm zodat de gebruiker niet van links naar rechts moet scrollen. Het is evenwel niet altijd zeker dat dit zonder verdere aanpassingen ook het geval zal zijn voor de foto’s. Daarnaast is zullen ook formulieren met invulvelden dikwijls opnieuw moeten worden aangemaakt. Tot slot zullen ook de menu’s en de algemene navigatie moeten worden bekeken.
Heb je interesse om een responsieve website te laten maken? Weet dan dat wij dat altijd doen zonder meerprijs. Heb je een verouderde website die responsief gemaakt moet worden? Contacteer ons dan vrijblijvend en wij laten je snel weten wat de mogelijkheden zijn voor jouw bestaande website. Aarzelen niet om ons te contacteren via onderstaand contactformulier.
