IAD 4 - les 4+5 - Documenting Rich Interaction

579 views

Published on

Published in: Design
  • Be the first to comment

  • Be the first to like this

IAD 4 - les 4+5 - Documenting Rich Interaction

  1. 1. “Wireframing Ajax is a bitch.” Jeffrey Zeldman (2007), Web 3.0, A List Apart
  2. 2. 
  3. 3. 
  4. 4. Frame-by-frameLo-Fi animatiesWireframes met keyframesWireflows
  5. 5. 
  6. 6. De uitdaging is het vastleggen van het verband tussen de verschillende „states‟ van deze paginacomponenten en de interactie, acties van gebruikersToevoeging aan wireframes*: „region‟: een dynamische component die verschillende „states‟ kent
  7. 7. • Het traditionele wireframe hoort bij het pagina-idioom• Rijke interactie is onder te verdelen in een discreet aantal „interesting moments‟• Het volledig uitschrijven van de „interesting moments‟, zoals in de „frame-by-fame‟ methode in kan nodig zijn, maar is arbeidsintensief• Lo-fi animatie daarentegen is een echte „quick and dirty‟ documentatiemethode• Tenslotte, de combinatie van wireframes met keyframes, zoals in de „wireflow‟ of „taskframe‟, biedt vaak een bruikbaar compromis tussen volledigheid en haalbaarheid
  8. 8. 
  9. 9. f.den.dopper@hr.nl@ferrydendopper

×