De rol van
in (responsive) web design & development
content-creatie
Christiaan W. LustigBreda, donderdag 1 november 2012
Foto: http://www.flickr.com/photos/jpaxonreyes/5034760960/
“Responsive design is design for content”— Mark Mitchellhttp://studio.headshift.com/2011/05/10/design-for-the-changing-web-responsive-web-design/
“Content first, navigation second.” — Luke Wroblewskihttp://www.uie.com/BSAL/trans/Luke_Wroblewski_WAMT_transcript.html
“… well-structured flexible reusable set of content…”
“… a multi-resolution, standards-compliant cradle…”
“You need human judgment
to decide what actually matters.”— Karen McGranehttp://www.lukew.com/ff/entry.asp?1493
Onderzoek Strategie IA/IO Design Development
Foto: http://www.flickr.com/photos/--mike--/4096343398/
Onderzoek Strategie IA/IO Design Development
Content
Onderzoek Strategie IA/IO Design Development
Content
Onderzoek Strategie IA/IO Design Development
Content
1. Maak wireframes in HTML/CSS2. Vul met echte content3. Maak breekpuntindicatie4. Conceptcomposities voor elk breekpunt5. Composities + wireframe in HTML-
prototype6. Presenteer screenshots (!)7. Test prototype8. Hergebruik code in development
Foto: http://www.flickr.com/photos/wheatfields/3921008838/
1. IO2. Design3. Bouw4. Test5. Wassen, spoelen en herhalen
Foto: http://www.flickr.com/photos/dynamosquito/3553548908/
Research
Interaction design
Interaction design
Web design
Art direction
Content outlines
Functional specs
Composite design
Content strategy
Web design
Frontend dev.
Backend dev.
Content require-ments
Online strategy
IA
Database design
Content productio
n
Content productio
n
Strategy
Sprints
Structure
Skeleton
Scope
Foto: http://www.flickr.com/photos/caterhamf1/8131160591/
Zo gaat het web werkelijk over content, over betekenis, over boodschap en relaties met echte mensen.
Foto: http://www.flickr.com/photos/indigoskies/6523275513/
Frankwatchinghttp://www.frankwatching.com/archive/2012/10/22/responsive-design-development-en-content-in-een-flexibele-aanpak/
.Net Magazinehttp://www.netmagazine.com/features/content-first-content-left-right-and-centre
@ChristiaanWLstgLinkedIn.com/in/ChristiaanWLustig