TSS 2013 – Interactive Design Tools

574
-1

Published on

Some examples of apps and approaches for interaction design. These slides are related to e-IxD workshop, more information: http://ifi6079.wordpress.com/

Published in: Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
574
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

TSS 2013 – Interactive Design Tools

  1. 1. Selecting IxD Tools TLU-HCI Summer School 2013
  2. 2. Project phase Goals Effort Level of details Budget Which Tools to Use? Consider...
  3. 3. Paper Plain ol’A4 (and scissors)
  4. 4. Paper Summer School 2012
  5. 5. Paper http://www.tripwiremagazine.com/2012/07/free-printable-sketching-wireframing-templates.html http://wireframes.linowski.ca/2009/11/paper-prototype-cutouts/ Printable stencils, cut-out-frames, post-it notes
  6. 6. Prototyping Protoshare (Free trial 30 days)
  7. 7. Prototyping Mockingbird
  8. 8. Prototyping Webflow (in closed beta)
  9. 9. Prototyping Desktop: JustInMind (30-day trial) Balsamiq (7-day trial) More ideas: http://bit.ly/18tJ2O5
  10. 10. Basic Development Sublime TextWrangler
  11. 11. Basic Development Libraries and templates Bootstrap, Gumby, Metro... to name a few
  12. 12. Basic Development Codica (free trial)
  13. 13. Dreamweaver (license) Adobe Edge (“free”) Basic Development
  14. 14. Basic UI design Illustrator/Fireworks (+stencils)
  15. 15. Testing InVision.com
  16. 16. Testing Silverback (video/screen recording) 30-days trial http://fivesecondtest.com/
  17. 17. Tumblr Wordpress Communication & Promotion Blogs, Builders
  18. 18. Squarespace.com Communication & Promotion Blogs, Builders
  19. 19. 3rd Party Apps MailChimp (emails Wufoo (forms) + Online shops Online payment Feedback Wiki Forums etc...
  20. 20. Thank you

×