responsible webdesign

Post on 18-Nov-2014

781 views 0 download

description

Websites overal, voor iedereen & alle toestellen

Transcript of responsible webdesign

RESPONSIBLE WEBDESIGNWebsites voor iedereen & alle toestellen.

Monday 27 June 2011

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

Monday 27 June 2011

SCHERMRESOLUTIESworden groter en kleiner tegelijkertijd. Retina displays...

Monday 27 June 2011

MEER BROWSERS DAN OOITVan internet explorer tot Nokia Ovi browser.

Monday 27 June 2011

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

Internet explorer 6 was nog maar het begin.

Monday 27 June 2011

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

Monday 27 June 2011

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

Monday 27 June 2011

“OLDSKOOL” WEBDESIGNNegeren die handel! 1024 sinds 2005.

Monday 27 June 2011

MOBIELE WEBSITESaparte mobiele versies in quarantaine

Monday 27 June 2011

content veranderen voor mobiel gebruikandere interactiesmobiel surfen is traag

Monday 27 June 2011

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

Monday 27 June 2011

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

Bram Vanderhaeghe

Monday 27 June 2011

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

WifiAlles wordt altijd sneller.

Monday 27 June 2011

Probleem met sharen, bookmarken, syncen.

Monday 27 June 2011

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

Monday 27 June 2011

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

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

Monday 27 June 2011

PROGRESSIVE ENHANCEMENTde zwakste gebruiker/het oudste toestel eerst

Monday 27 June 2011

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

fundament van semantisch, goed gestructureerde contentverzekerd van universele toegang

Monday 27 June 2011

MOBILE FIRST

Monday 27 June 2011

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

RESPONSIBLE CONCLUSION

Monday 27 June 2011

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

Monday 27 June 2011

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

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

Monday 27 June 2011

DESIGNING FOR THE FUTURE

Monday 27 June 2011