Ziet je website er ook op (super)grote schermen goed uit?

Wanneer men het over responsive webdesign heeft, gaat het in vrijwel alle gevallen over het optimaliseren voor kleinere schermen. Voor tablets, smartphones, phablets en alles daartussen. Maar de kunst om een optimale gebruikerservaring te bieden ongeacht het schermformaat of apparaat, gaat vaak voorbij aan grote – en hele grote – schermen. Want aan die kant van het schermformaat-spectrum worden schermen steeds groter. En de tv wordt steeds vaker gebruikt om te internetten; televisies worden meer en meer een multimedia platform met een focus op internet.

Dus?

Een website moet er dus ook op een 27’’ of 40” scherm goed uit zien. Grotere schermen brengen weer andere overwegingen en mogelijkheden met zich mee. Net als bij het ontwerpen voor kleinere schermen, is het niet slechts een kwestie van schalen. De gebruikerservaring is anders. Bezoekers beleven een website op een andere manier. De gebruikservaring van een tv is bijvoorbeeld anders. Een tv bekijk je over het algemeen van een afstand, terwijl grote desktop schermen weer van een kleinere afstand worden bekeken.

Welke resolutie gebruiken jouw bezoekers?

Het is goed om te weten wat voor scherm jouw bezoekers gebruiken. Zitten daar veel grote schermen bij? Dan is het van groot belang dat je website daarop gebouwd is. Vooral kleine schermen? Dan heb je een minder groot probleem als je website niet ‘big-ready’ is. Maar vergeet niet dat het aantal bezoekers met een hoge tot zeer hoge schermresolutie sterk aan het groeien is. Volgens StatCounter is 80% van de meest gebruikte schermresoluties minimaal 1024 x 768. Ook is te lezen dat 1366 x 768 inmiddels het meest gebruikte formaat is en dat ook schermen van 1920 x 1080 en groter steeds populairder worden.

Die cijfers zijn natuurlijk niet voor alle websites hetzelfde. Sterker nog, daar kunnen grote verschillen in zitten. Websites die gericht zijn op digitale ‘techies’ als programmeurs, webdesigners of gewoon in techniek geïnteresseerde mensen, laten nog hogere percentages groot scherm-gebruikers zien. Daarnaast verschillen de gebruikte schermresoluties sterk per land. Maar er is natuurlijk maar één manier om het zeker te weten. En meten is.., precies, weten. Google Analytics kan jou binnen een paar klikken een overzicht voorschotelen van de schermresoluties die jouw bezoekers gebruiken.

Een redesign / redevelopment: wat is belangrijk?

Ok. Stel dat je van plan bent een redesign / redevelopment van je website te laten doen. Of je bent webdesigner en je wil gewoon meer weten over het bouwen van websites die ook op grote schermen perfect werken. Of je wil om wat voor reden dan ook meer weten over responsive webdesign op het gebied van grote schermen. Lees dan verder.

Design ook voor grote schermen

• Layout
  Ten eerste moet je bij de opzet van het ontwerp al bepalen met welk type layout je gaat werken, schaalt deze mee of is hij fixed? Onze keuze voor een layout type baseren wij graag op cijfers, welke resoluties gebruiken jouw gebruikers?
• Leesbaarheid
  Naast de juiste opzet van de layout houden wij ook rekening met zaken als leesbaarheid. Het is natuurlijk verleidelijk om alle extra ruimte die je op een groot scherm hebt vol te proppen met extra content, maar dit is niet altijd een goed idee. De leesbaarheid van een tekst vliegt dramatisch achteruit wanneer je deze op de volle breedte zet.
• Afbeeldingen
  Wij zorgen er altijd voor dat afbeeldingen op de juiste manier schalen. Hier zijn verschillende technieken voor, maar het belangrijkste is dat afbeeldingen ondersteunend blijven aan het doel van  je website en pagina.

Afbeeldingen

Afbeeldingen zijn (in veel gevallen) aantrekkelijk en vervullen een belangrijke rol op je website. Het visualiseren van je producten / diensten, het communiceren van je merk (branding), het aanduiden van de call-to-action en zelfs het verhogen van de tekst in de buurt van afbeeldingen. Allemaal goede redenen om grotere afbeeldingen op grotere schermen te gebruiken.

Daar zijn verschillende technieken voor, met elk z’n voor- en nadelen. Als eigenaar van een website is het vooral belangrijk om je bewust te zijn van de mogelijkheid en het voordeel van grotere afbeeldingen op grotere schermen. En je kunt het internetbureau dat je website gaat ontwerpen naar de strategie vragen die zij daarvoor gebruiken. Voor webdesigners is het raadzaam deze verschillende technieken eens door te spitten en te bepalen hoe je te werk wil gaan.

Extra context bij content

Naast aanpassingen in het design biedt een groot scherm ook ruimte voor extra functionaliteiten. Meer ruimte op bredere schermen biedt bijvoorbeeld een uitgelezen kans om extra context te bieden bij je content. Zo zou je reacties op een artikel op de juiste plek kunnen tonen in een sidebar. Bekijk bijvoorbeeld hoe Medium hier mee om gaat. Wij vinden het briljant. Een breed scherm biedt bijvoorbeeld ook de mogelijkheid om advertenties op een subtiele manier te verwerken.

Rust

Veel ruimte biedt meer mogelijkheden, maar probeer niet halsstarrig je website vol te proppen omdat je zo lekker de ruimte hebt. Veel ruimte is iets anders dan oneindig ruimte. Veel ruimte betekent dat je meer tegelijkertijd kunt laten zien, maar biedt je ook de mogelijkheid tot het creëren van rust door het gebruik van genoeg witruimte. Dat oogt prettig, maar zorgt ook dat de content die je laat zien beter tot z’n recht komt en beter converteert. Bovendien heb je zo het ontwerp veel beter onder controle; je hoeft geen overdaad aan elementen op elkaar af te stemmen en de witruimte zorgt voor een prettige overgang.

Meer weten over Responsive Webdesign?

Of overweeg je een redesign van je website? Laten we dan een keertje koffie drinken! Wij kunnen je nog veel meer vertellen maar zijn benieuwd naar je doelen en ambities.