Multimove weblog
Sonja van Breen is creatief en commercieel directeur van Multimove webworks. Al ruim 12 jaar ervaring in de internetbranche, van het geven van design adviezen tot het meedenken over conversie gerichte websites. Sonja is een denker en doener in creatief en effectief internet. Enthousiast, betrokken, gedreven, deskundig, nieuwsgierig. Sonja adviseert en helpt klanten om meer successen te behalen op het internet.
Steeds vaker wordt er in onze branche gesproken over Responsive Design. Dit is een manier van ontwerpen van webpagina’s waarbij er nauwelijks wordt gelet op de vaste afmetingen van het beeldscherm. Het ontwerp van de website wordt automatisch aangepast. De verschillende elementen zullen de beschikbare ruimte opvullen “als vloeistof”, zodat de inhoud van de website altijd optimaal wordt weergegeven, zonder overbodige lege ruimtes.
Voordeel van Responsive Design
- Groter bereik. Responsive Design maakt je website beter toegankelijk voor een grotere doelgroep, en daar valt altijd wat voor te zeggen.
- Geen noodzaak voor meerdere sites. Het grote voordeel van Responsive Design is dat het gaat om ontwerp aanpassingen van de website en dat de content gelijk blijft. Er is dus maar één versie is van de website, die met één CMS beheerd kan worden. De lay-out is voor ieder scherm geoptimaliseerd. Met uitzondering van de ‘oudere’ mobiele telefoons.
- Alle informatie is vindbaar voor zoekmachines. Bij veel websites is het zo dat je wordt doorgestuurd naar een aparte mobiele website. Hoewel voor een aparte website ook wat te zeggen valt, mede vanwege de hieronder genoemde nadelen, is met Responsive Design alle informatie dus wél vindbaar door zoekmachines.
En dat leidt ook weer tot een groter publiek.
Nadeel van Responsive Design
- Geen onderscheid op informatiebehoefte. Het nadeel is wel dat alle content van de desktop websites gelijk is aan de mobiele versie. Wil de persoon die de website bekijkt op de mobiele telefoon wel dezelfde informatie kunnen lezen dan wanneer hij achter zijn tablet of laptop zit? De mobiele bezoeker heeft vaak andere informatiebehoeftes dan de “gewone” websitebezoeker.
- Lastig(er) uit te voeren. Responsive Design is lastiger uit te voeren. In essentie moet dezelfde lay-out voor verschillende resolutiegroepen worden aangepast en getest.
- Responsive design is alleen mogelijk op moderne platformen. De techniek waar Responsive Design op steunt is vrij nieuw. Daarom worden oudere telefoons niet ondersteund.
Kanttekeningen bij Responsive Design
- Niet elke layout is geschikt voor mobiele weergave. Animaties zijn bijvoorbeeld een lastige aangelegenheid en vereisen veel tijd om geschikt te worden gemaakt. Wanneer uw site dus beschikt over een wisselende sfeerfoto animatie, is het wellicht niet mogelijk om dit 1 op 1 om te zetten.
- Verder dient u er rekening mee te houden dat desktop pc’s een muis hebben en tablets en smartphones met de vingers worden bediend. Dit laatste is een stuk minder precies en vereist dus grotere knoppen, velden en klikgebieden in een layout.
- Het is niet slim om een lay-out 1 op 1 over te nemen van een groot scherm naar een mobiel scherm. Stel dat uw website 3 kolommen heeft, dan is het vaak raadzaam om in de mobiele weergave over te schakelen op een enkele kolom. Dit is logisch gezien de hoeveelheid schermruimte, deze is dan beperkt.
- Uw fotomateriaal dient ook goed uit te komen op kleine schermgroottes. Erg gedetailleerde foto’s zijn vanzelfsprekend geen idee als het om de mobiele weergave gaat.
Voorbeelden van Responsive Design
Wilt je ook een website die op elk scherm geoptimaliseerd is? Bel of mail me dan!