De rol van content creatie in (responsive) web design & development

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