responsible webdesign

28
RESPONSIBLE WEBDESIGN Websites voor iedereen & alle toestellen. Monday 27 June 2011

description

Websites overal, voor iedereen & alle toestellen

Transcript of responsible webdesign

Page 1: responsible webdesign

RESPONSIBLE WEBDESIGNWebsites voor iedereen & alle toestellen.

Monday 27 June 2011

Page 2: responsible webdesign

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

Monday 27 June 2011

Page 3: responsible webdesign

SCHERMRESOLUTIESworden groter en kleiner tegelijkertijd. Retina displays...

Monday 27 June 2011

Page 4: responsible webdesign

MEER BROWSERS DAN OOITVan internet explorer tot Nokia Ovi browser.

Monday 27 June 2011

Page 5: responsible webdesign

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

Monday 27 June 2011

Page 6: responsible webdesign

Internet explorer 6 was nog maar het begin.

Monday 27 June 2011

Page 7: responsible webdesign

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

Monday 27 June 2011

Page 8: responsible webdesign

DOWNLOADSNELHEIDedge, 3G, 4G, wifi, ...

Monday 27 June 2011

Page 9: responsible webdesign

“OLDSKOOL” WEBDESIGNNegeren die handel! 1024 sinds 2005.

Monday 27 June 2011

Page 10: responsible webdesign

MOBIELE WEBSITESaparte mobiele versies in quarantaine

Monday 27 June 2011

Page 11: responsible webdesign

content veranderen voor mobiel gebruikandere interactiesmobiel surfen is traag

Monday 27 June 2011

Page 12: responsible webdesign

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

Monday 27 June 2011

Page 13: responsible webdesign

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

Bram Vanderhaeghe

Monday 27 June 2011

Page 14: responsible webdesign

Research has show that a significant percentage of people use “the mobile web” from the comfort of their homes.

Responsive Webdsign by Ethan Marcotte

Monday 27 June 2011

Page 15: responsible webdesign

WifiAlles wordt altijd sneller.

Monday 27 June 2011

Page 16: responsible webdesign

Probleem met sharen, bookmarken, syncen.

Monday 27 June 2011

Page 17: responsible webdesign

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

Monday 27 June 2011

Page 18: responsible webdesign

RESPONSIVE WEBDESIGNdesigning 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.

Monday 27 June 2011

Page 19: responsible webdesign

flexible layoutfluid grids, no more pixels, everything %fluid images & mediamedia queries

Monday 27 June 2011

Page 20: responsible webdesign

PROGRESSIVE ENHANCEMENTde zwakste gebruiker/het oudste toestel eerst

Monday 27 June 2011

Page 21: responsible webdesign

oudere versies van Internet explorer, oude mobiele browsers, zonder javascript ingeschakeld

fundament van semantisch, goed gestructureerde contentverzekerd van universele toegang

Monday 27 June 2011

Page 22: responsible webdesign

MOBILE FIRST

Monday 27 June 2011

Page 23: responsible webdesign

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.

Monday 27 June 2011

Page 24: responsible webdesign

RESPONSIBLE CONCLUSION

Monday 27 June 2011

Page 25: responsible webdesign

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

Monday 27 June 2011

Page 26: responsible webdesign

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.

Monday 27 June 2011

Page 27: responsible webdesign

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

Monday 27 June 2011

Page 28: responsible webdesign

DESIGNING FOR THE FUTURE

Monday 27 June 2011