Als websitebouwers moeten we dringend onze websites beginnen optimaliseren voor iedereen, alle toestellen en overal.

1. RESPONSIBLE
WEBDESIGN
Websites voor iedereen & alle toestellen.

2. TOESTELLEN
Smartphones, feature phones, spelconsoles, TV, Tablets, notebooks,
desktop, ...

3. SCHERMRESOLU
TIES
worden groter en kleiner tegelijkertijd. Retina displays...

4. MEER
BROWSERS DAN
Van internet explorer tot Nokia Ovi browser.

5. There are approximately 6.34 billion people on the planet, an
estimated 4.6 billion mobile subscriptions, and an estimated 3.4
billion unique users.
1.3 billion Nokia devices in circulation.
Source: yibuu.com

6. Internet explorer 6 was nog maar het begin.

7. DESKTOP
OBSOLETE?
Smartphone dock aangesloten op een scherm, gesynced met tablet,

8. DOWNLOADSNE
LHEID
edge, 3G, 4G, wifi, ...

9. “OLDSKOOL”
WEBDESIGN
Negeren die handel! 1024 sinds 2005.

10. MOBIELE
WEBSITES
aparte mobiele versies in quarantaine

11. content veranderen voor mobiel gebruik
andere interacties
mobiel surfen is traag

12. Beslissen om informatie weg te laten mag niet gebaseerd zijn op
schermgrootte alleen.

13. het apparaat dat een surfer gebruikt en de informatie waarnaar hij
zoekt, zijn niet altijd verbonden met elkaar.
Bram Vanderhaeghe

14. Research has show that a significant percentage of people use
“the mobile web” from the comfort of their homes.
Responsive Webdsign by Ethan Marcotte

15. Wifi
Alles wordt altijd sneller.

16. Probleem met sharen, bookmarken, syncen.

17. Wat als de gebruiker beslist om de volledige site te zien?

18. RESPONSIVE
WEBDESIGN
designing websites that can adapt to the constraints of the browser
window or device that renders it, creating a design that responds to
the user's need.

19. flexible layout
fluid grids, no more pixels, everything %
fluid images & media
media queries

20. PROGRESSIVE
ENHANCEMENT
de zwakste gebruiker/het oudste toestel eerst

21. oudere versies van Internet explorer, oude mobiele browsers, zonder
javascript ingeschakeld
fundament van semantisch, goed gestructureerde content
verzekerd van universele toegang

22. MOBILE FIRST

23. Toestellen met kleine schermen en ondersteuning voor nieuwere
technieken een verbeterde layout geven.
Met media queries de ervaring schermresolutie per schermresolutie
verbeteren.
Schermresoluties hoger dan 1024 kunnen we ook aanpakken.

25. RESPONSIBLE
CONCLUSION

26. Negeren is onverantwoord.
Onderzoeken en beslissen “niet nodig” is beter.
Moet deel worden van de online strategie.

27. Responsive design wordt de nieuwe webstandaard.
Zelfs als je toch beslist om een aparte site voor een bepaald toestel
te maken moet de volledige site ook responsive zijn.

28. Iphone & Ipad zijn niet voldoende.
Niet mobiel alleen. Resoluties groter dan 1024 kunnen we ook
herbekijken.

29. DESIGNING FOR
THE FUTURE