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

of 20/20
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/

Post on 01-Sep-2014

662 views

Category:

Technology

1 download

Embed Size (px)

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 Christiaan W. Lustig Breda, donderdag 1 november 2012 Foto: http://www.flickr.com/photos/jpaxonreyes/5034760960/
  • Responsive design isdesign 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 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 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/
  • 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.
  • Foto: http://www.flickr.com/photos/caterhamf1/8131160591/
  • Zo gaat het web werkelijk over , over , over en met echte . 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/[email protected]dIn.com/in/ChristiaanWLustig