UX & Usability Designing

Transcript

1. UX & USABILITY DESIGNING - ABHAY RANA ([email protected])

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