UI / UX Prototyping Tools

12
UI / UX Prototyping Tools UMESH .A BHAT K-MUG 26-07-2014

Transcript of UI / UX Prototyping Tools

Page 1: UI / UX Prototyping Tools

UI / UX Prototyping ToolsUMESH .A BHAT K-MUG 26-07-2014

Page 2: UI / UX Prototyping Tools

OK, but I’m not a designer

Page 3: UI / UX Prototyping Tools

What’s in it for me ?• You don’t have to be a singer to appreciate good songs. The same applies to good design.• You have approximately 60 seconds to impress a user, your code can’t do that, Your UI can.• UI / UX is not only software, it’s in everything you can touch and feel.• And yes.. the answer is 42

Page 4: UI / UX Prototyping Tools

Good UI vs Bad UI• What makes a good UI ?• But… but.. the client said, do it this way…..• UI / UX is over hyped (*grabs popcorn)• We’ve ‘XxzYX’/ team to take care of this stuff..• Should I even care ?

Page 5: UI / UX Prototyping Tools

This is OK

Page 6: UI / UX Prototyping Tools

This is NOT !! (yes, you should care)

Page 7: UI / UX Prototyping Tools

The Bane of Minimalism• Make things simple but no simpler• Minimalism doesn’t mean cutting down on features• It means presenting things one meaningful thing at a time

Page 8: UI / UX Prototyping Tools

Wireframing Tools

Types• Paper• Web• Desktop• Browser

Page 9: UI / UX Prototyping Tools

I’m a <insert platform here> developerTypes• Web• Desktop• Mobile / Tablet

Page 10: UI / UX Prototyping Tools

Use Font Icons

Page 11: UI / UX Prototyping Tools

Test before you deploy, duh..• Usability testing is not a word• Eat your own dog food• A/B Testing• Yes, spelling ish impotrant..

Page 12: UI / UX Prototyping Tools

No Questions ??

Thank You

fb.com/xeracon @xeraconxeracon.in