Wireframing in full ((stereo))Why interactivity is a winner 
“Wireframes aren’t dead ...
That’s meWolf Becvarwolf@hotgloo.com@wdbecvarwww.wireframeswednesday.com#wfwd #wiwe                              Source: S...
“We support webworkers tovisualize their creative ideas.                      - HotGloo claim
“Interaction is a kind of action that occurs astwo or more objects have an effect upon oneanother. The idea of a two-way e...
Interactivity describes how your prototypebehaves.•Does your prototype react to user inputswith feedback?•Can they “click”...
Good UX is all about interactions
But ...
Wireframes“Wireframes are a visual representationof the functional page start. They visuallycommunicate what functional pi...
Prototypes“A prototype is a representative modelor simulation of the final system. Unlikewireframes, prototypes go further...
2009
Source: http://www.utexas.edu/learn/designprocess/structure.html
More than just wireframes ...
Collaborative   Independent Bulletproof    Easy-to-use
Good UX is all about communication
It’s Demo Time!
Why interactive wireframing?• To get a clear picture of what information will beneeded on each page before design.• To spe...
Thank YouWolf Becvarwolf@hotgloo.com@wdbecvarwww.hotgloo.comHotGlooCelsiusweg 1522761 HamburgGermany
Wireframing in full ((stereo)) Why interactivity is a winner
Wireframing in full ((stereo)) Why interactivity is a winner
Wireframing in full ((stereo)) Why interactivity is a winner
Wireframing in full ((stereo)) Why interactivity is a winner
Wireframing in full ((stereo)) Why interactivity is a winner
Wireframing in full ((stereo)) Why interactivity is a winner
Upcoming SlideShare
Loading in...5
×

Wireframing in full ((stereo)) Why interactivity is a winner

2,161

Published on

Interactivity is on the go offering so many advantages, so why would you still stick to old-fashioned techniques and clumsy tools when you are about the concept THE next website. This session will bring you the advantages of functional wireframing using the latest version of HotGloo.

Published in: Design, Art & Photos

Wireframing in full ((stereo)) Why interactivity is a winner

  1. 1. Wireframing in full ((stereo))Why interactivity is a winner 
  2. 2. “Wireframes aren’t dead ...
  3. 3. That’s meWolf Becvarwolf@hotgloo.com@wdbecvarwww.wireframeswednesday.com#wfwd #wiwe Source: Scott Beale /Laughing Squid, laughingsquid.com
  4. 4. “We support webworkers tovisualize their creative ideas. - HotGloo claim
  5. 5. “Interaction is a kind of action that occurs astwo or more objects have an effect upon oneanother. The idea of a two-way effect isessential in the concept of interaction, asopposed to a one-way causal effect [...]• All systems are related and interdependent.• Every action has a consequence. - Wikipedia
  6. 6. Interactivity describes how your prototypebehaves.•Does your prototype react to user inputswith feedback?•Can they “click” on something to go toanother page or fill in a form?•Will buttons appear to depress and drop-down menus work?•Will different personas experiencedifferent content? - Chris Farnum for Boxes and Arrows
  7. 7. Good UX is all about interactions
  8. 8. But ...
  9. 9. Wireframes“Wireframes are a visual representationof the functional page start. They visuallycommunicate what functional pieces arepresent on a page and their relationshipto each other. - Todd Zaki Warfel, Protyping 2009
  10. 10. Prototypes“A prototype is a representative modelor simulation of the final system. Unlikewireframes, prototypes go further thanshow and tell and actually let youexperience the design. - Todd Zaki Warfel, Protyping 2009
  11. 11. 2009
  12. 12. Source: http://www.utexas.edu/learn/designprocess/structure.html
  13. 13. More than just wireframes ...
  14. 14. Collaborative Independent Bulletproof Easy-to-use
  15. 15. Good UX is all about communication
  16. 16. It’s Demo Time!
  17. 17. Why interactive wireframing?• To get a clear picture of what information will beneeded on each page before design.• To spend time and really focus on what eachpage’s purpose is.• To have a clear look at how the site will react tovarious visitors without the clutter of color ordesign elements.• To give designer a clear view of what needs to bedesigned.• To get clients deeply involved in the planningprocess.
  18. 18. Thank YouWolf Becvarwolf@hotgloo.com@wdbecvarwww.hotgloo.comHotGlooCelsiusweg 1522761 HamburgGermany

×