responsible webdesign

509 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
509
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 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

    ×