Upgrade to Pro — share decks privately, control downloads, hide ads and more …

UX & Usability Designing

929e39cbad5d2599dfe72fe89e06de2a?s=47 Nemo
August 27, 2012

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.

929e39cbad5d2599dfe72fe89e06de2a?s=128

Nemo

August 27, 2012
Tweet

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?

  9. None
  10. Amazon circa 2001, 2003, 2005, 2007, 2011 via archive.org

  11. MULTI-LEVEL MENUS

  12. None
  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

  46. None
  47. QUESTIONS?

  48. THINK ABOUT HOW WOULD YOU IMPROVE A coffee machine A

    power socket google.com muzi anything really...
  49. THANKS

  50. None