The document discusses user experience (UX) and how to design for simplicity from a human perspective. It explains that UX is about making things easier for users without confusing them or overengineering solutions. It discusses human psychology, behavior, and how we perceive and process information. The document provides strategies for designing simple and intuitive user interfaces, such as removing unnecessary elements, organizing into logical groups, and simplifying text and controls. It emphasizes understanding different types of users and their needs.

1. User eXperience

2. Chief Architect - codebyts TJ Loves Silverlight Loves SQL Server Also very big on User Experience Loves Mobile Apps in C#

3. In software world, although UX is related to user interfaces, it goes beyond that. User eXperience Simplicity

4. User eXperience Simplicity It’s about making things easier for the user

5. User eXperience Simplicity It’s about making things simpler for the user

6. User eXperience Simplicity … without confusing the user

7. User eXperience Simplicity … or over engineering the solution

8. User eXperience Simplicity It’s about understanding the human-nature

9. User eXperience Simplicity … and psychology

10. User eXperience Simplicity … and behaviour

11. User eXperience Simplicity OK I got all that, so what’s next?

12. Humans Perception We Perceive What We Expect

13. Humans Perception of display We expect based on past experiences

14. Humans Perception of display We expect things that are different to be presented different

15. Humans Logical beings We expect things to appear logical… that past experience again

16. Humans Logical beings And get lost if they are not as this does not feel “natural” to us

17. Humans Daily Life We want to be able to recall easily and for that we need indicators

18. Humans Daily Life We are programmed to push big buttons

19. Humans Daily Life We want to know where we are at all times

20. Humans Vision We love structure

21. Humans Vision And grouping

22. Humans Vision And completion

23. Humans Vision We love structure so much that, it makes things easier to understand

24. Humans Vision - clutter We don’t like it

25. Humans Vision - clutter Did we mention we like structure?

26. Humans Reading Spoken Language is natural but reading is not This is how the illiterate see our text in daily life

27. Humans Reading But letters are shapes too and again our brains either complete the words as it does with the shapes

28. Applications Textbox, Label, TextboxFor<>, … As every application has text in it, some design choices may make the user uneasy (and your software fails)

29. Applications Textbox, Label, TextboxFor<>, … Uncommon or unfamiliar vocabulary Font type and/or size This is a sample text

30. Applications Textbox, Label, TextboxFor<>, … Noisy background

31. Applications Textbox, Label, TextboxFor<>, … Centered text

32. Applications Too much info Jeep - 2002

33. Applications Too much info Jeep - 2003

34. Applications Too much info Jeep - 2007

35. Applications Too much info Less is more

36. Applications Too much info Less is more

37. Applications Too much info Less is more

38. Applications Too much info Less is more

39. Applications Too much info Less is more

40. Humans Colour Our vision is optimized to detect contrasts (edges), not absolute brightness

41. Humans Colour Our ability to distinguish colours depends on how colours are presented

42. Humans Colour Our ability to distinguish colours depends on how colours are presented

43. Humans Colour Some people have colour-blindness

44. Humans Colour Some people have colour-blindness

45. Humans Colour Some people have colour-blindness

46. Humans Colour Some people have colour-blindness

47. Humans Colour Some people have colour-blindness

48. Humans Colour User’s display and viewing conditions affect colour perception

49. Software Your Users Experts

50. Software Your Users Willing Adopters

51. Software Your Users Mainstreamers

52. Software Your Users What Do They Want? Mainstreamers are interested in getting the job done; experts in customizing their settings. Mainstreamers value ease of control; experts value precision of control. Mainstreamers want reliable result; experts want exact results. Mainstreamers are afraid of breaking something; experts want to take things apart to see how they work.

53. Software Back to Simplicity Simplicity is about control

54. Software Back to Simplicity And not missing the important steps

55. Software Simplicity Strategies The remote control

56. Software Simplicity Strategies Remove what’s unnecessary

57. Software Simplicity Strategies Organize into logical groups

58. Software Simplicity Strategies Hide features that can distract

59. Software Simplicity Strategies Displace – see if you can get the same result in another way

60. Software Simplicity Strategies Simplifying Text Circle the propositions (of, in, for, onto, into, about). They drain action from the sentence. Circle the “is” verb forms is taking time => takes time Convert passive voice to active voice Time is needed for this project => this project needs time Cut out slow starts One can easily see that… Eliminate redundancies On a daily basis => daily

61. Software Simplicity Strategies Simplifying Text Please note that although Chrome is supported for both Mac and Windows operating systems, it is recommended that all users of this site switch to the most up-to-date version of the Internet Explorer web browser for the best possible results. (42 words) For best results, use the latest version of Internet Explorer. Chrome for Mac and Windows is also supported. (18 words)

62. Software Simplicity Strategies Simplifying Text

63. Software Simplicity Strategies Search

64. Software Simplicity Strategies Simple Times : shortest gap of silence we can detect in a sound : 1 millisecond (0.001 second )

65. Software Simplicity Strategies Simple Times : perception of cause and effect: 100 milliseconds (0.1 second)

66. Software Simplicity Strategies Simple Times : maximum gap expected in a conversation: 1 second

67. Software Simplicity Strategies Simple Times : maximum time people break down their tasks: 10 seconds

68. Software Simplicity Strategies The Kitchen Knife

69. Software Tools Tools that make you go hmmm… Storyboarding : www.plasq.com Creative Games: www.designgames.com.au Web Design: www.getmentalnotes.com Web Design: http://www.danlockton.com/dwi/Main_Page Wireframing: www.balsamiq.com Prototyping: http://www.microsoft.com/expression/products/Sketchflow_Overview.aspx User Testing: www.trymyui.com Screen Sharing: www.teamviewer.com

70. www.tjsblog.net Questions?

71. www.tjsblog.net Thank You