Your SlideShare is downloading. ×
0
De rol van in (responsive) web design & development                     Christiaan W. Lustig             Breda, donderdag ...
“Responsive design isdesign for content”— Mark Mitchellhttp://studio.headshift.com/2011/05/10/design-for-the-changing-web-...
“Content first,navigation second.”— Luke Wroblewskihttp://www.uie.com/BSAL/trans/Luke_Wroblewski_WAMT_transcript.html
“… well-structured flexiblereusable set of content…”“… a multi-resolution, standards-compliant cradle…”
“You need human judgmentto decide what actuallymatters.”— Karen McGranehttp://www.lukew.com/ff/entry.asp?1493
Foto: http://www.flickr.com/photos/--mike--/4096343398/
1.   Maak wireframes in HTML/CSS2.   Vul met echte content3.   Maak breekpuntindicatie4.   Conceptcomposities voor elk bre...
1.   IO2.   Design3.   Bouw4.   Test5.   Wassen, spoelen en herhalen                 Foto: http://www.flickr.com/photos/dy...
Online       ContentStrategy     Research                          strategy      strategy                          Content...
Foto: http://www.flickr.com/photos/caterhamf1/8131160591/
Zo gaat het web werkelijk over       , over         , over           en        met echte       .           Foto: http://ww...
Frankwatchinghttp://www.frankwatching.com/archive/2012/10/22/responsive-design-development-en-content-in-een-flexibele-aan...
De rol van content creatie in (responsive) web design & development
De rol van content creatie in (responsive) web design & development
De rol van content creatie in (responsive) web design & development
De rol van content creatie in (responsive) web design & development
De rol van content creatie in (responsive) web design & development
De rol van content creatie in (responsive) web design & development
De rol van content creatie in (responsive) web design & development
De rol van content creatie in (responsive) web design & development
Upcoming SlideShare
Loading in...5
×

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

550

Published on

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.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
550
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. De rol van in (responsive) web design & development Christiaan W. Lustig Breda, donderdag 1 november 2012 Foto: http://www.flickr.com/photos/jpaxonreyes/5034760960/
  2. 2. “Responsive design isdesign for content”— Mark Mitchellhttp://studio.headshift.com/2011/05/10/design-for-the-changing-web-responsive-web-design/
  3. 3. “Content first,navigation second.”— Luke Wroblewskihttp://www.uie.com/BSAL/trans/Luke_Wroblewski_WAMT_transcript.html
  4. 4. “… well-structured flexiblereusable set of content…”“… a multi-resolution, standards-compliant cradle…”
  5. 5. “You need human judgmentto decide what actuallymatters.”— Karen McGranehttp://www.lukew.com/ff/entry.asp?1493
  6. 6. Foto: http://www.flickr.com/photos/--mike--/4096343398/
  7. 7. 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/
  8. 8. 1. IO2. Design3. Bouw4. Test5. Wassen, spoelen en herhalen Foto: http://www.flickr.com/photos/dynamosquito/3553548908/
  9. 9. Online ContentStrategy Research strategy strategy Content Functional Scope specs require- ments Content Composite ArtStructure IA outlines design direction Database Content InteractionSkeleton design production design Web design Content Interaction Frontend Backend Sprints production design Web design dev. dev.
  10. 10. Foto: http://www.flickr.com/photos/caterhamf1/8131160591/
  11. 11. Zo gaat het web werkelijk over , over , over en met echte . Foto: http://www.flickr.com/photos/indigoskies/6523275513/
  12. 12. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×