Responsive design: De moderne internetgebruiker
Gepubliceerd door rvl webdesignstudio in 
Internetgebruikers maken tegenwoordig gebruik van verschillende apparaten om websites te bezoeken: smartphones, tablets, laptops en computers met grote beeldschermen.
Een probleem hierbij is dat websites vaak gemaakt zijn voor een standaard schermgrootte. Daardoor zijn deze websites vaak te smal of te breed voor het apparaat dat de websitebezoeker gebruikt. Om iedere internetgebruiker optimaal gebruik te laten maken van de inhoud van de website, zijn websites die zich automatisch aanpassen aan het gebruikte apparaat gewenst.
Het schaalbaar en flexibel maken van websites gebeurt middels “responsive design”: de ontwikkeling waar veel creatievelingen en website ontwikkelaars zich op dit moment mee bezig houden.
Waarom responsive?
Maken we onze website responsive of zoeken we een alternatief, zoals een mobiele website?
Het ontwikkelen van een responsive website brengt vele voordelen met zich mee op het gebied van onderhoud, volledigheid, gebruiksvriendelijkheid en zoekmachineoptimalisatie. Maar responsive design kent op dit moment ook nadelen.
Aan u de afweging of u een responsive website laten bouwen of juist niet.
Voordelen:
- Minder onderhoud.
Kies je voor een mobiele website, dan kies je voor extra onderhoud. De mobiele website moet namelijk apart worden ontworpen, ontwikkeld en onderhouden worden. Met een responsive website worden de contentwijzigingen en technische aanpassingen slechts in 1 versie bij gehouden. Dat scheelt tijd bij het onderhoud van de website. - 1 URL.
Vaak wordt content gedeeld via social media. Bezoekers die op de link klikken willen dan op een website komen die is geoptimaliseerd voor hun apparaat. Een responsive website is via 1 URL te bezoeken. Er hoeft dus niet (automatisch) geschakeld te worden naar een mobiele versie en andersom. - Volledigheid van content.
Op alle apparaten kan dezelfde content getoond worden. Alle informatie op de website is dus ook beschikbaar op de mobiele versie.
Voor sommige websites met heel veel teksten kan dit ook een nadeel zijn…. - Zoekmachine optimalisatie.
Zoekmachines beschouwen een mobiele website als een geheel nieuwe website. De kans bestaat dan dat er dubbele content getoond word. Door gebruik van responsive design is dit niet het geval.
Nadelen:
- Technisch moeilijker.
Responsive design is momenteel een nieuwe techniek en niet iedere webbouwer heeft deze techniek nog volledig onder de knie. - Implementatie.
Het ontwikkelen van de website duurt nu langer dan voorzien. Omdat dit een nieuwe techniek is en nog weinig bronnen voor handen zijn, kunnen er onverwachtse problemen opduiken.
Ook zijn er momenteel nog weinig ontwikkelaars die deze nieuwe techniek kundig zijn. - Laadtijd.
Normaliter worden afbeeldingen kleiner gemaakt in plaats van geschaald. Bij responsive design worden dezelfde (grote) afbeeldingen gebruikt voor de mobiele versie die gebruikt worden voor een website geschikt voor grote beeldschermen. Dit beïnvloed negatief de laadtijd van de website. - Verschil in content.
Er zijn situaties dat je niet altijd dezelfde content wil laten zien op alle apparaten. Omdat het lezen van veel tekst op een smartphone nu eenmaal lastiger is dan op een laptop of computer met groot beeldscherm.
Serieuze afweging.
Door gebruik te maken van 1 schaalbare website bespaar je tijd in onderhoud, optimaliseer je de gebruiksvriendelijkheid en zorg je voor een betere SEO.
Daar staat echter tegenover dat de ontwikkeling van een responsive website meer tijd kost (en dus een hogere investering) en over de invulling en techniek per beeldschermgrootte moet goed worden nagedacht.
Ook zal er goed moeten worden nagedacht over de doelstelling van de website; bezoekers van je website op een smartphone bezoeken je website of webshop vaak met een andere bedoeling dan bezoekers van je website met een laptop.
Responsive design is iets waar bedrijven serieus over na moeten denken.
Optimalisatietips voor webformulieren
Een webformulier is als een transactie. Zie het als een uitwisseling van informatie en interesse enerzijds en iets waardevols van uw kant anderzijds. Wanneer u een online formulier niet op deze manier ziet, dan zult u falen. Dit stelt online marketing goeroe Bryan Eisenberg.
Ondanks alle innovatie in het e-commerce landschap is er maar weinig vernieuwing op het gebied van online formulieren. Het invullen van een webformulier blijft voor velen een vervelende klus. Helemaal via een mobiel apparaat, aldus Eisenberg. Hij realiseerde zich dat het optimaliseren van online formulieren begint met het vaststellen van de drie meest voorkomende problemen:
- formulieren die er niet in slagen om vrees weg te nemen
- formulieren die er niet in slagen om vertrouwen en geloofwaardigheid op te bouwen
- formulieren die er niet in slagen om de voordelen (beloning) aan te halen
Het identificeren van formulierproblemen
Hoe kan een formulier er niet in slagen om vrees weg te nemen?
- Vraagt u meer informatie dan nodig is?
- Vraagt u naar vertrouwelijke informatie voordat uw bezoeker zich comfortabel voelt?
- Ziet uw formulier er afschrikkend uit? Ziet het formulier er bijvoorbeeld uit alsof het veel tijd kost om het formulier in te vullen? Weet uw bezoeker hoeveel stappen er nodig zijn om het formulier te voltooien?
- Creëert u twijfels en onzekerheden? Als een bezoeker bijvoorbeeld een invulveld ziet voor een kortingscode en er geen heeft, dan krijgt hij het gevoel dat hij niet de best mogelijke deal maakt. En is het voor de gebruiker duidelijk wat er gebeurt als hij het formulier heeft ingevuld?
- Hoe gaat u om met errors en veldvalidatie?
Hoe kan een formulier er niet in slagen om vertrouwen en geloofwaardigheid om te bouwen?
- Geeft u aan dat u een geloofwaardig en betrouwbaar bedrijf bent?
- Is het duidelijk voor de bezoeker dat hij zich in een veilige browseromgeving bevindt? Heeft u dit ook gecontroleerd in een mobiele browser?
- Zet u uw trust messages in op het moment van actie?
- Als u informatie verzamelt voor een lead-generation programma, laat uw bezoekers dan weten wat u gaat doen met die informatie. Herinner hen er op het moment van actie aan dat hun privacy wordt gewaarborgd en laat hen weten wanneer en hoe u respons zult geven op de lead .
Hoe kan een formulier er niet in slagen om de voordelen te bekrachtigen?
- Webformulieren bevatten vaak geen beloning of maken deze niet (voldoende) duidelijk. Terwijl dit van cruciaal belang is. Herinner uw bezoekers er daarom aan wat zij als beloning krijgen voor het invullen van het formulier.
- Geeft u uw bezoekers opties om te converteren? Kunnen zij online een formulier voltooien, bellen of ook andere methodes gebruiken?
- Toont u met uw formulieren aan dat u zich bekommert om de bezoekerservaring door vriendelijk uitziende formulieren te gebruiken? Laten uw formulieren zien hoe simpel het is om bij u te kopen?
Zeven factoren
Als u eenmaal de problemen heeft geïdentificeerd, kunt u starten met het testen van manieren om de conditie van uw webformulieren te verbeteren. Begin met het doorwerken van de volgende zeven factoren:
- formaat
- invulvelden
- labels
- voordelen
- prominentie
- call-to-action
- opbouwen van vertrouwen