tss 2013 – interactive design tools

Selecting IxD ToolsTLU-HCI

Summer School 2013

Project phase Goals EffortLevel of details

Budget

Which Tools to Use? Consider...

PaperPlain ol’ A4 (and scissors)

PaperSummer School 2012

Paper

http://www.tripwiremagazine.com/2012/07/free-printable-sketching-wireframing-templates.htmlhttp://wireframes.linowski.ca/2009/11/paper-prototype-cutouts/

Printable stencils, cut-out-frames, post-it notes

PrototypingProtoshare (Free trial 30 days)

PrototypingMockingbird

PrototypingWebflow (in closed beta)

Prototyping

Desktop:JustInMind (30-day trial)Balsamiq (7-day trial)

More ideas: http://bit.ly/18tJ2O5

Basic DevelopmentSublime TextWrangler

Basic DevelopmentLibraries and templates

Bootstrap, Gumby, Metro... to name a few

Basic DevelopmentCodica (free trial)

Dreamweaver (license) Adobe Edge (“free”)

Basic Development

Basic UI designIllustrator/Fireworks(+stencils)

TestingInVision.com

TestingSilverback (video/screen recording)30-days trialhttp://fivesecondtest.com/

Tumblr Wordpress

Communication & Promotion

Blogs, Builders

Squarespace.com

Communication & Promotion

Blogs, Builders

3rd Party Apps

MailChimp (emails Wufoo (forms)+Online shopsOnline paymentFeedbackWikiForumsetc...

Thank you