IAD 4 - les 4+5 - Documenting Rich Interaction

575 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
575
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×