User Experience Design: A basic level understanding of UXD for developer community. This is a quick summary and also consists of few tips and tricks to make your application usable.

1. User Experience Design Workshop

3. What is UX? Workshop Techniques Fun Dialog UI Design Discussions UI Process

4. Do you really believe what your eyes see?

5. Do you really believe what your eyes see?

6. Charlie Chaplin – Illusion

7. Now that we know, what next?

8. Some Background

9. Usability Definition [Usability refers to] the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use." - ISO 9241-11

10. Who would be using this application? Where this user would be achieving this goal? What this user would like to achieve?

11. Persona UserWho would be using this application? Tasks profiling Can’t be “ALL USERS” Create Scenarios

12. More features less usability Understand primary tasks Focus on important things GoalWhat this user would like to achieve?

13. Personal Interview Email Surveys ContextWhere this user would be achieving this goal? Contextual Inquiry Focus Group Support Line

14. Enough theories, How do I design a web app?

16. This is where it all begins. What user want? Application Feature? BRS

17. This step transforms strategy into requirements. SRS Functional & UI requirement

18. This gives shape to the scope. Navigation Sitemap

19. It makes the site concrete. Wireframes Storyboards Prototype IA

20. Surface brings everything together visually. Graphics Icons Colors

21. Go low level and talk about design elements

22. Create accessible links Web users scan text User short & simple words Inverted pyramid writing Online vs. print content

23. Font Times New Roman is a common serif font Font Verdana is a common sans serif font Font Times New Roman is a proportional spaced font Font Courier is a monospace font Some gyan about fonts

24. Aoccdrnig to rseerach at Cmabrigde Uinervtisy, it deosn'tmttaer in waht oredr the ltteers in a wrod are, the olnyiprmoatnttihng is taht the frist and lsatltteer be at the rghitpclae. The rset can be a total mses and you can sitllraedit wouthitporbelm. Tihs is bcuseae the huamnmnid deos not raederveylteter by istlef, but the wrod as a wlohe. Amzanig huh? Avoid italics Capital = 14-20% less readable Sans serif are build for web 10 points or larger is safe font gyan continues

25. C a yureat is? You a e not radigths. W at arourea in ?

26. Get user attention

27. Do not use pure red or blue Do not use more than 6 colors 7% of population is color blind Blue is a safe color Use of colors

28. Try this color illusion

31. Familiarity reduces learning Meaning less icons Inconsistent icons Unlabeled icons Avoid Popular metaphors Use of icons

32. Button = Action Link = Navigation Consistency Affordance Usage of buttons

33. Number of items Usage pattern Space constrain Searching capability Auto complete Radio button, dropdown, or shuttle

34. Suggest solution Prevent error Keep it together Think about the message Never show system errors Error handling

35. User Experience Design User Experience Design User Interface Design Human Factors Engineering Information Architecture Usability Human Computer Interaction