De rol van in (responsive) web design & development content- creatie Christiaan W. Lustig Breda, donderdag 1 november 2012 Foto: http://www.flickr.com/photos/jpaxonreyes/5034760960/
De rol van content creatie in (responsive) web design & development
Sep 01, 2014
Hoe ontwerp en ontwikkel je een website, intranet of extranet voor zowel desktop als mobiel, tablet, TV en andere devices? En welke rol speelt content daarin? De traditionele ‘waterval’-aanpak is verre van ideaal. Daarom een nieuwe aanpak: het 'sustainable'-model.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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
Related Documents
