Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

responsible webdesign

518 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

responsible webdesign

  1. 1. RESPONSIBLEWEBDESIGNWebsites voor iedereen & alle toestellen.
  2. 2. TOESTELLENSmartphones, feature phones, spelconsoles, TV, Tablets, notebooks,desktop, ...
  3. 3. SCHERMRESOLUTIESworden groter en kleiner tegelijkertijd. Retina displays...
  4. 4. MEERBROWSERS DANVan internet explorer tot Nokia Ovi browser.
  5. 5. There are approximately 6.34 billion people on the planet, anestimated 4.6 billion mobile subscriptions, and an estimated 3.4billion unique users.1.3 billion Nokia devices in circulation.Source: yibuu.com
  6. 6. Internet explorer 6 was nog maar het begin.
  7. 7. DESKTOPOBSOLETE?Smartphone dock aangesloten op een scherm, gesynced met tablet,
  8. 8. DOWNLOADSNELHEIDedge, 3G, 4G, wifi, ...
  9. 9. “OLDSKOOL”WEBDESIGNNegeren die handel! 1024 sinds 2005.
  10. 10. MOBIELEWEBSITESaparte mobiele versies in quarantaine
  11. 11. content veranderen voor mobiel gebruikandere interactiesmobiel surfen is traag
  12. 12. Beslissen om informatie weg te laten mag niet gebaseerd zijn opschermgrootte alleen.
  13. 13. het apparaat dat een surfer gebruikt en de informatie waarnaar hijzoekt, zijn niet altijd verbonden met elkaar.Bram Vanderhaeghe
  14. 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. 15. WifiAlles wordt altijd sneller.
  16. 16. Probleem met sharen, bookmarken, syncen.
  17. 17. Wat als de gebruiker beslist om de volledige site te zien?
  18. 18. RESPONSIVEWEBDESIGNdesigning websites that can adapt to the constraints of the browserwindow or device that renders it, creating a design that responds tothe users need.
  19. 19. flexible layoutfluid grids, no more pixels, everything %fluid images & mediamedia queries
  20. 20. PROGRESSIVEENHANCEMENTde zwakste gebruiker/het oudste toestel eerst
  21. 21. oudere versies van Internet explorer, oude mobiele browsers, zonderjavascript ingeschakeldfundament van semantisch, goed gestructureerde contentverzekerd van universele toegang
  22. 22. MOBILE FIRST
  23. 23. Toestellen met kleine schermen en ondersteuning voor nieuweretechnieken een verbeterde layout geven.Met media queries de ervaring schermresolutie per schermresolutieverbeteren.Schermresoluties hoger dan 1024 kunnen we ook aanpakken.
  24. 24. RESPONSIBLECONCLUSION
  25. 25. Negeren is onverantwoord.Onderzoeken en beslissen “niet nodig” is beter.Moet deel worden van de online strategie.
  26. 26. Responsive design wordt de nieuwe webstandaard.Zelfs als je toch beslist om een aparte site voor een bepaald toestelte maken moet de volledige site ook responsive zijn.
  27. 27. Iphone & Ipad zijn niet voldoende.Niet mobiel alleen. Resoluties groter dan 1024 kunnen we ookherbekijken.
  28. 28. DESIGNING FORTHE FUTURE

×