Responsive webdesign

Met de huidige mobiele internet mogelijkheden zal de gemiddelde website eigenaar het mobiele gebruik dit jaar hard hebben zien toe nemen (Bekijk uw statistieken maar eens!)

Statistieken

Meer dan 50% van de Nederlanders heeft ondertussen mobiel internet. De integratie van de smartphone neemt nog steeds toe. In April 2012 was 50.7% van de nieuwe telefoons een smartphone. 8% van de Nederlandse huishoudens internettoegang via een televisie en 12% via een spelcomputer. 25% van de Nederlandse bevolking beschikt over een tablet (zoals een ipad) Conclusie: Het aantal apparaten waarmee we op internet kunnen is drastisch toegenomen in de afgelopen 5 jaar.
 

Ontwikkeling webdesign in de laatste 5 jaar

Waar webdesigners vroeger alleen rekening hoefden te houden met diverse browsers (5 jaar geleden alleen nog IE en Firefox) zijn er nu meer grote browsers en meer resoluties dan ooit te voren. In de afgelopen 3 jaar zijn webdesigners druk bezig geweest om “mobiele websites” te maken. Een aparte versie van de website, die getoond wordt als de bezoeker via een mobiel apparaat op de website komt. Deze mobiele websites waren vaak slecht van kwaliteit en ook met verschillende smartphones niet altijd even goed te bekijken.

Responsive design

Responsive webdesign is een flexibele website. De website is automatisch schaalbaar. Dus of u nu met een ipad, htc telefoon of een laptop de website bekijkt, de content is altijd hetzelfde maar past zich qua breedte en hoogte aan aan het scherm. Dit voorkomt de eis om voor elk apparaat een aparte website te hebben.
 

Hoe werkt responsive design

• Flexibel raster

Een responsive website is gebouwd met een flexibel raster. De content van de website wordt hierdoor schaalbaar: de elementen op de pagina staan niet meer op een vaste plek en hebben geen vast formaat. Bij het schalen van de site transformeert de site zich in al zijn facetten: breedte, hoogte, margins, paddings en fonts.

• Flexibele media

Er is niet alleen flexibel raster, maar ook flexibele media. In een statisch ontwerp hebben afbeeldingen en andere contentvormen vaste afmetingen. Daarom worden alle media flexibel aangeboden en schalen ze mee met het formaat van de browser bij responsive webdesign.

• Media Queries

Met behulp van media queries(verzoeken) zijn we in staat om het type apparaat en de bijbehorende karaktereigenschappen te identificeren waarmee de site bezocht wordt. Simpel gezegd stelt de website de vragen: wat voor apparaat is dit en hoe ziet dat eruit. Op basis van deze vragen kan vervolgens de juiste content en vormgeving getoond worden.
 

“Ik wil er 1!”

Responsive webdesign is zoals u hier boven al leest niet even een simpele en snelle aanpassing als een mobiele website was. De gehele website moet opnieuw worden ontworpen en u krijgt dus ook een volledig nieuwe lay-out. Dus als u toe bent aan een frisse en schitterend functionele lay-out, dan kunt u direct contact op nemen.