UX & Usability Designing

A short, quick lecture on an introduction to UX, and how to approach UX problems. Delivered in a small talk at SDSLabs, IIT-Roorkee. Made using reveal.js.

Transcript

1. UX & USABILITY DESIGNING - ABHAY RANA (ME@CAPTNEMO.IN)
2. TYPES OF DESIGNING INFORMATIONAL DESIGN Posters Notices Content Websites INTERACTIVE DESIGN User-oriented Interactive
3. INFORMATIONAL DESIGN http://www.flickr.com/photos/ell-r-brown/5308119110/sizes/m/
4. INTERACTIVE DESIGN
5. https://plus.google.com/hangouts/
6. YOUTUBE LEANBACK
7. http://www.youtube.com/leanback
8. POSTBOX APP http://www.postbox-inc.com/ WHY DO WE NEED THIS?
10. Amazon circa 2001, 2003, 2005, 2007, 2011 via archive.org
11. MULTI-LEVEL MENUS
13. FLIPKART.COM
14. INDIAPLAZA.IN
15. INTERFACE ORIENTED DESIGNING Some examples of interfaces ?
16. TOUCH BASED INTERFACES http://itunes.apple.com/gb/app/dvd-profiler-for-ios/id408455612?mt=8
17. TOUCHABLE WEBSITES
18. COMMAND LINE ?
19. VOICE ACTIVATED http://goo.gl/4vFql
20. GESTURE BASED http://gamerant.com/microsoft-kinect-reviews-guide-benk-51320/
21. DREAM WORTHY INTERFACES Avengers, 2012 - Warner Bros
22. GOOD INTERFACES What do they all have in common?
23. USER-CENTERED
24. EASILY LEARNABLE
25. FITS IN THE ENVIRONMENT Angry Birds in Windows Dreamweaver in iPhones Windows on a DJ Set Temple Run using your Mouse Using Mouse to control a robot
26. AND THE GIST IS...
27. DON'T MAKE ME THINK
28. DESIGN PARADIGMS DON'T MAKE ME LEARN Use existing design ideas Don't re-invent the wheel Design to learn quickly Minimum Effort Users are Lazy
29. TABS
30. SENSIBLE DEFAULTS Examples: Choose default country Choose most-used price range Show popular content Reduce Design induced Frustration
31. NAVIGATION HEIRARCHY Give your users an idea of what is important
32. EYE TRACKING
33. USING ICONS Bad Icons: Fine Icons/Buttons: More Bad Icons: Good:
34. CALL TO ACTION
35. MORE CTA
36. DESIGN WORKFLOWS
37. SKETCHFLOW Go through every screen & its relation with other screens
38. MOCKUPS Sketches, Wireframes, Mockups, Pixels, Shots
39. THINK OVER EVERY INTERACTION Is this the easiest, most obvious interaction that the user would choose? Can I offer an alternative to this interaction? Don't miss out the power users Don't try to do everything, do ONE THING WELL
40. REFERENCES This is just a small sample of what is out there in the web DOING> LEARNING> READING
41. DON'T MAKE ME THINK - STEVE KRUG
42. GUI BLOOPERS
43. LITTLE BIG DETAILS
44. USABILITY HELL
45. UX.STACKEXCHANGE
47. QUESTIONS?
48. THINK ABOUT HOW WOULD YOU IMPROVE A coffee machine A power socket google.com muzi anything really...
49. THANKS