de rol van content creatie in (responsive) web design & development
DESCRIPTION
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.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