ready to inspire 2012

Ready to Inspire 2012

Ready to Inspire 2012About the craft of web design, type and code

17.01.2013


OnderwerpenThinking Beyond the DeviceThe New Craft of Web Design

17.01.2013

Thinking Beyond the DeviceDerek Featherstone – Accessibility specialist


Content is King. Content in context is King.

17.01.2013


Wat definieert context?TijdLocatieAfstandDevice State of mindMogelijkhedenActiviteitInteresses

17.01.2013


De juiste content op de juiste tijd en plaats

17.01.2013

Dan ben je in staat de ultieme gebruikerservaring te creëren.


Voorbeeld: Website voor een conferentie

De content prioriteit verandert gedurende de tijdIn grote lijnen:• Voor• Tijdens • Na het event

17.01.2013


Context map van een conferentie

17.01.2013


Concreet – TijdBij een volgeboekt event wordt de registreer knop vervangen door een “Keep me posted” invoerveld.

17.01.2013


Concreet – Tijd en deviceGedurende het event is de planning belangrijk, op een mobiel apparaat krijgt dit prioriteit. De planning van vandaag staat actief.

17.01.2013


Concreet – Locatie en afstandAfstand tot de conferentie locatie bepaalt welke content getoond wordt.<500 mtr: restaurants etc.>500 mtr: details van het evenement en de route ernaartoe.

17.01.2013


In de toekomst?Google bepaalt aan de hand van persoonlijke voorkeur wanneer je het beste NIET je email kan opvolgen door de leesbaarheid te verminderen. Spotify speelt automatisch kalmerende muziek wanneer je boos bent.…

17.01.2013


Dus denk verder dan alleen het device

Content in context is King.

17.01.2013

The New Craft of Web DesignJeffrey Zeldman – Designer, writer and publisher

“We've spent 15 years mastering the art of controlling web layouts across browsers”

Maar hebben we de visuele ervaring wel onder controle? En is deze absolute controle van de visuele laag wel ons werk?


Bypassing your design is no longer a minority activity

Miljoenen mensen gebruiken Instapaper of Readability om content los te krijgen van de rest van de pagina.

17.01.2013


Niet iedereen gebruikt default font-size

Website van New York Times, via een browser voor slechtzienden.

17.01.2013


Dus, als wij de boel niet onder controle hebben, wat is ons werk dan?

Connect the right user, with the right content, at the right time. Inderdaad… Content in context is King.

17.01.2013


“Design that does not serve people does not serve business”

Hier wordt misbruik gemaakt van het feit dat mensen vaak in de achtergrond van een website klikken de browser te selecteren.

17.01.2013


Nog een slecht voorbeeldRampen website van Florida die je alleen met de laatste flash en IE kunt bekijken.

17.01.2013


Goed design = responsive webdesignGaat verder dan alleen het mee schalen van content aan de hand van de schermgrootte.Maar geeft ook prioriteit aan content. • Mobiele gebruikers hebben vaak andere behoeftes.

Houdt rekening met touchscreen devices.• De grootte en positie knoppen.

Voorbeeld: Inspire Conference 2012

17.01.2013

http://www.2012.inspireconf.com/

http://www.2012.inspireconf.com/


Responsive webdesign voorbeeld

17.01.2013


Zeldman’s uitsmijters1. Content is een design probleem. Goed

webdesign begint met content. Toch zijn onze designs vaak vijandig naar content.

2. Als designers content niet op de eerste plaats zetten, dan doen gebruikers het wel.

3. Mobile devices en responsive zet gebruikers en content op de eerste plaats, zoals het web bedoeld is.

17.01.2013

ready to inspire 2012

Technology