Presentatie "Responsive design: impact & aanpak" op het CMS Congres 2013. Door Floor van Riet, creatief directeur Sabel Online.

1. Responsive design: impact & aanpak
CMS CONGRES 2013
Floor van Riet | Creatief directeur Sabel Online | @floorvanriet | linkedin.com/in/floorvanriet

3. bradfrostweb.com

4. bradfrostweb.com

5. bradfrostweb.com

9. bradfrostweb.com

10. On the go?

11. Schermresolutie
Kenmerken apparaat
Snelheid
Inputmogelijkheden
Behoeften
Omgeving
Aandachtsniveau
Vaardigheden

12. AdaptiveResponsive
Desktop
Mobile Tablet
Site

13. Media queries
Fluid grids
Flexible
images

14. ami.responsivedesign.is

15. Enkele voorbeelden

16. bradfrostweb.com

19. Onderzoek Strategie IA/IO Design Development
Waterval

20. Onderzoek Strategie IA/IO Design Development
Waterval

21. Onderzoek Strategie IA/IO Design Development

22. Onderzoek Strategie IA/IO
Design
&
Development

23. Content?

24. Onderzoek Strategie IA/IO Design Development
Content?

25. Onderzoek Strategie IA/IO Design Development
Content?

26. Onderzoek Strategie IA/IO Design Development
Content?

27. Contentchoreografie

28. “We moeten dichter bij de
content zelf blijven, een
frameworkcreëren om
slimme keuzes te maken over
de structuur ervan.”
— Sara Wachter-Boettcher

29. “De toekomst van adaptieve
content is een
gestructureerde, flexibele en
herbruikbare setplatform-
onafhankelijke content.”
— Karen McGrane

30. Research
Interactio
n design
Interactio
n design
Web
design
Art
direction
Content
outlines
Functional
specs
Composit
e design
Content
strategy
Web
design
Front end
dev.
Back end
dev.
Content
require-
ments
Online
strategy
IA
Database
design
Content
creation
Content
creation
Strategy
Sprints
Structure
Skeleton
Scope
Gebaseerd op 5
‘planes’ van Jesse
James Garrett

31. Zo gaat het web werkelijk
over content, over
betekenis, over boodschap
en relaties met echte
mensen.

32. CMS CONGRES 2013
FLOOR@SABELONLINE.NL
Floor van Riet | Creatief directeur Sabel Online | @floorvanriet | linkedin.com/in/floorvanriet