Your SlideShare is downloading. ×
0
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
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
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
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
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

2,127

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 …

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
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,127
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
6
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Wireframing in full ((stereo))Why interactivity is a winner 
  • 2. “Wireframes aren’t dead ...
  • 3. That’s meWolf Becvarwolf@hotgloo.com@wdbecvarwww.wireframeswednesday.com#wfwd #wiwe Source: Scott Beale /Laughing Squid, laughingsquid.com
  • 4. “We support webworkers tovisualize their creative ideas. - HotGloo claim
  • 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. 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. Good UX is all about interactions
  • 8. But ...
  • 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. 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. 2009
  • 12. Source: http://www.utexas.edu/learn/designprocess/structure.html
  • 13. More than just wireframes ...
  • 14. Collaborative Independent Bulletproof Easy-to-use
  • 15. Good UX is all about communication
  • 16. It’s Demo Time!
  • 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. Thank YouWolf Becvarwolf@hotgloo.com@wdbecvarwww.hotgloo.comHotGlooCelsiusweg 1522761 HamburgGermany

×