User eXperience
7 likes979 views
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.
User eXperience
- 2. Chief Architect - codebytsTJLoves SilverlightLoves SQL ServerAlso very big on User ExperienceLoves Mobile Apps in C#
- 3. In software world, although UX is related to user interfaces, it goes beyond that.User eXperienceSimplicity
- 4. User eXperienceSimplicityIt’s about making things easier for the user
- 5. User eXperienceSimplicityIt’s about making things simpler for the user
- 6. User eXperienceSimplicity… without confusing the user
- 7. User eXperienceSimplicity… or over engineering the solution
- 8. User eXperienceSimplicityIt’s about understanding the human-nature
- 9. User eXperienceSimplicity… and psychology
- 10. User eXperienceSimplicity… and behaviour
- 11. User eXperienceSimplicityOK I got all that, so what’s next?
- 12. HumansPerceptionWe Perceive What We Expect
- 13. HumansPerception of displayWe expect based on past experiences
- 14. HumansPerception of displayWe expect things that are different to be presented different
- 15. HumansLogical beingsWe expect things to appear logical… that past experience again
- 16. HumansLogical beingsAnd get lost if they are not as this does not feel “natural” to us
- 17. HumansDaily LifeWe want to be able to recall easily and for that we need indicators
- 18. HumansDaily LifeWe are programmed to push big buttons
- 19. HumansDaily LifeWe want to know where we are at all times
- 23. HumansVisionWe love structure so much that, it makes things easier to understand
- 24. HumansVision - clutterWe don’t like it
- 25. HumansVision - clutterDid we mention we like structure?
- 26. HumansReadingSpoken Language is natural but reading is notThis is how the illiterate see our text in daily life
- 27. HumansReadingBut letters are shapes too and again our brains either complete the words as it does with the shapes
- 28. ApplicationsTextbox, Label, TextboxFor<>, …As every application has text in it, some design choices may make the user uneasy (and your software fails)
- 29. ApplicationsTextbox, Label, TextboxFor<>, …Uncommon or unfamiliar vocabularyFont type and/or sizeThis is a sample text
- 30. ApplicationsTextbox, Label, TextboxFor<>, …Noisy background
- 31. ApplicationsTextbox, Label, TextboxFor<>, …Centered text
- 32. ApplicationsToo much infoJeep - 2002
- 33. ApplicationsToo much infoJeep - 2003
- 34. ApplicationsToo much infoJeep - 2007
- 35. ApplicationsToo much infoLess is more
- 36. ApplicationsToo much infoLess is more
- 37. ApplicationsToo much infoLess is more
- 38. ApplicationsToo much infoLess is more
- 39. ApplicationsToo much infoLess is more
- 40. HumansColourOur vision is optimized to detect contrasts (edges), not absolute brightness
- 41. HumansColourOur ability to distinguish colours depends on how colours are presented
- 42. HumansColourOur ability to distinguish colours depends on how colours are presented
- 43. HumansColourSome people have colour-blindness
- 44. HumansColourSome people have colour-blindness
- 45. HumansColourSome people have colour-blindness
- 46. HumansColourSome people have colour-blindness
- 47. HumansColourSome people have colour-blindness
- 48. HumansColourUser’s display and viewing conditions affect colour perception
- 52. SoftwareYour UsersWhat 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. SoftwareBack to SimplicitySimplicity is about control
- 54. SoftwareBack to SimplicityAnd not missing the important steps
- 55. SoftwareSimplicity StrategiesThe remote control
- 56. SoftwareSimplicity StrategiesRemove what’s unnecessary
- 57. SoftwareSimplicity StrategiesOrganize into logical groups
- 58. SoftwareSimplicity StrategiesHide features that can distract
- 59. SoftwareSimplicity StrategiesDisplace – see if you can get the same result in another way
- 60. SoftwareSimplicity StrategiesSimplifying TextCircle the propositions (of, in, for, onto, into, about). They drain action from the sentence.Circle the “is” verb forms is taking time => takes timeConvert passive voice to active voiceTime is needed for this project => this project needs timeCut out slow startsOne can easily see that…Eliminate redundanciesOn a daily basis => daily
- 61. SoftwareSimplicity StrategiesSimplifying TextPlease 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)
- 64. SoftwareSimplicity StrategiesSimple Times : shortest gap of silence we can detect in a sound : 1 millisecond (0.001 second )
- 65. SoftwareSimplicity StrategiesSimple Times : perception of cause and effect: 100 milliseconds (0.1 second)
- 66. SoftwareSimplicity StrategiesSimple Times : maximum gap expected in a conversation: 1 second
- 67. SoftwareSimplicity StrategiesSimple Times : maximum time people break down their tasks: 10 seconds
- 68. SoftwareSimplicity StrategiesThe Kitchen Knife
- 69. SoftwareToolsTools that make you go hmmm…Storyboarding : www.plasq.comCreative Games: www.designgames.com.auWeb Design: www.getmentalnotes.comWeb Design: http://www.danlockton.com/dwi/Main_PageWireframing: www.balsamiq.comPrototyping: http://www.microsoft.com/expression/products/Sketchflow_Overview.aspxUser Testing: www.trymyui.comScreen Sharing: www.teamviewer.com
Editor's Notes
- #5: Does not mean the software is simpleIt just puts complexity where it needs to be complexHides complexity
- #8: As developers we tend t focus on technologyUser does not careIt is the process/solution that is important
- #13: Real estate – apartment blockAd board : LIFE
- #19: - If something has more focus on it, then we expect it to do something
- #41: The circles appear as different shades because their backgrounds are different, but they are the same
- #42: - The bigger the image diff, especially if we have eye movement, easier to make difference
- #43: - Visited link colors are too close to distinguish
- #50: Happy to explore your product or servicePush the limitsPatient, they’ll spend time finding out about the productVery few people
- #51: May already use similar productsThey want to use something more sophisticated, but do not want to use something entirely newThey may want a new phone but only if they can transfer contacts, calendar easilyAgain few people, low learning tolerance
- #52: Vast majorityThey use tech to get a job doneTend to learn what’s necessary for them, do not add to their repertoirePhones example: I just want my phone to work
- #53: Vast majorityThey use tech to get a job doneTend to learn what’s necessary for them, do not add to their repertoirePhones example: I just want my phone to work
- #54: People like to be in the driving seatTokyo Apple has an elevator here you can not push buttons: It just stops at every floor. People did not like it.But give just enough that they can not get in trouble.
- #55: Describe what's happening in the user’s language: people who use Facebook are not social networking they are sharing news and pictures with friends.If you get away from describing things as user sees them, you will miss an important step. Then you will end up designing a database or high tech cool app, not something the user needs.
- #60: - Use TV for advanced functionality
- #64: myth: people prefer search. Wrong. Jarod Spool tested a group, people always preferred easy navigation to search. They prefer the right direction.Except when they are looking for something specific: iTunesInterface should speak for itself.Designing a good search is hard. Spelling mistakes, synonyms, organizing result set (what is relevant, date?)Browsing is easier
- #66: If software waits longer than 0.1 second to show a response, than the software’s reaction will not seem to be a result of the user’s action. The user will double click. If an operation takes more than this, it should display a busy indicator.
- #67: - Operation should either complete in 1 second or let the user know what’s happening otherwise, they will get impatient.
- #68: Ten seconds is also roughly the amount of time users are willing to spend setting up heavyweight operations like file transfers or searchesEach step in a wizard dialog box should be completed within ten seconds