ready to inspire 2012
DESCRIPTION
Presentatie van Christian Schulpen (sr. Frontend Specialist) over het Ready to Inspire congresTRANSCRIPT
Ready to Inspire 2012
Ready to Inspire 2012About the craft of web design, type and code
17.01.2013
Ready to Inspire 2012
OnderwerpenThinking Beyond the DeviceThe New Craft of Web Design
17.01.2013
Thinking Beyond the DeviceDerek Featherstone – Accessibility specialist
Ready to Inspire 2012
Content is King. Content in context is King.
17.01.2013
Ready to Inspire 2012
Wat definieert context?TijdLocatieAfstandDevice State of mindMogelijkhedenActiviteitInteresses
17.01.2013
Ready to Inspire 2012
De juiste content op de juiste tijd en plaats
17.01.2013
Dan ben je in staat de ultieme gebruikerservaring te creëren.
Ready to Inspire 2012
Voorbeeld: Website voor een conferentie
De content prioriteit verandert gedurende de tijdIn grote lijnen:• Voor• Tijdens • Na het event
17.01.2013
Ready to Inspire 2012
Context map van een conferentie
17.01.2013
Ready to Inspire 2012
Concreet – TijdBij een volgeboekt event wordt de registreer knop vervangen door een “Keep me posted” invoerveld.
17.01.2013
Ready to Inspire 2012
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
Ready to Inspire 2012
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
Ready to Inspire 2012
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
Ready to Inspire 2012
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?
Ready to Inspire 2012
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
Ready to Inspire 2012
Niet iedereen gebruikt default font-size
Website van New York Times, via een browser voor slechtzienden.
17.01.2013
Ready to Inspire 2012
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
Ready to Inspire 2012
“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
Ready to Inspire 2012
Nog een slecht voorbeeldRampen website van Florida die je alleen met de laatste flash en IE kunt bekijken.
17.01.2013
Ready to Inspire 2012
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
Ready to Inspire 2012
Responsive webdesign voorbeeld
17.01.2013
Ready to Inspire 2012
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