The Full Stack of User Experience

DjangoCon 2016
Philadelphia, PA

User experience(UX) has been at the forefront of the design world for the last few years, but what is it and what can you do to make your applications and websites more user friendly? At this session, you can expect to gain an understanding of UX core disciplines and learn how to incorporate UX thought and strategy into your creative process.

Transcript

1. @acr523 #fullstackUX #djangocon The Full Stack of User Experience Alicia C. Raciti User Experience Designer, Philadelphia, PA @acr523
2. @acr523 #fullstackUX #djangocon What is UX?
3. @acr523 #fullstackUX #djangocon usability.gov User experience (UX) focuses on having a deep understanding of users, what they need, what they value, their business goals and objectives, their abilities, and also their limitations.
4. @acr523 #fullstackUX #djangocon Nielsen Norman Group User experience encompasses all aspects of the end-user’s interaction with a company, its services, and its products.
5. @acr523 #fullstackUX #djangocon So why is UX important? If people don’t enjoy their experience with what you design, then the product/service wasn’t successful. Bad user experience can ruin a brand/company, or lose customers. Mike Tedechi - GDI Philadelphia UX 101 Course
6. @acr523 #fullstackUX #djangocon The disciplines of user experience
7. @acr523 #fullstackUX #djangocon Graphic by Dan Saffer
8. @acr523 #fullstackUX #djangocon The core disciplines User Research Content Strategy Information Architecture Interaction Design Visual Design Usability & Analytics https://speakerdeck.com/nickf/ux-career-progression-understanding-ux-career-paths
9. @acr523 #fullstackUX #djancocon Transport for London
10. @acr523 #fullstackUX #djancocon Transport for London
11. @acr523 #fullstackUX #djancocon Transport for London
12. @acr523 #fullstackUX #djangocon http://www.ltmuseumshop.co.uk/moquette/availability.html
13. @acr523 #fullstackUX #djangocon What is User Research? What is Content Strategy What is Information Architecture What is Interaction Design What is Visual Design What is Usability & Analytics
14. @acr523 #fullstackUX #djangocon User Research The science of understanding the people who use the product or system
15. @acr523 #fullstackUX #djangocon Techniques Interviews Observations
16. @acr523 #fullstackUX #djangocon What is User Research? What is Content Strategy? What is Information Architecture? What is Interaction Design? What is Visual Design? What is Usability & Analytics?
17. @acr523 #fullstackUX #djangocon Content Strategy The art and science of planning for the creation, delivery, and governance of useful, usable content.
18. @acr523 #fullstackUX #djangocon Techniques Writing Guidelines Message Hierarchy Metadata
19. @acr523 #fullstackUX #djangocon Reports on this page are provided in PDF format, unless otherwise specified. New York City MTA Budgets and Financial Statements Our latest Budget 2016/17 and Business Plan was approved on 17 March 2016. It highlights our plans for the transport network over the five years to 2021. Transport for London Budget and Business Plan
20. @acr523 #fullstackUX #djangocon What is User Research? What is Content Strategy? What is Information Architecture? What is Interaction Design? What is Visual Design? What is Usability & Analytics?
21. @acr523 #fullstackUX #djangocon Information Architecture The art and science of identifying and organizing of information within a product or system in a purposeful & meaningful way.
22. @acr523 #fullstackUX #djangocon Techniques Structuring Labeling
23. @acr523 #fullstackUX #djangocon
24. @acr523 #fullstackUX #djangocon
25. @acr523 #fullstackUX #djangocon
26. @acr523 #fullstackUX #djangocon What is User Research? What is Content Strategy? What is Information Architecture? What is Interaction Design? What is Visual Design? What is Usability & Analytics?
27. @acr523 #fullstackUX #djangocon Interaction Design The art of facilitating interactions between humans through products and services.
28. @acr523 #fullstackUX #djangocon Techniques Environment Transitions
29. @acr523 #fullstackUX #djangocon
30. @acr523 #fullstackUX #djangocon
31. @acr523 #fullstackUX #djangocon
32. @acr523 #fullstackUX #djangocon
33. @acr523 #fullstackUX #djangocon What is User Research? What is Content Strategy? What is Information Architecture? What is Interaction Design? What is Visual Design? What is Usability & Analytics?
34. @acr523 #fullstackUX #djangocon Visual Design The art of aesthetic design of the visual qualities of a product or system.
35. @acr523 #fullstackUX #djangocon Techniques Typography Color Space
36. @acr523 #fullstackUX #djangocon
37. @acr523 #fullstackUX #djangocon
38. @acr523 #fullstackUX #djangocon What are User Research? What are Content Strategy? What are Information Architecture? What are Interaction Design? What are Visual Design? What are Usability & Analytics?
39. @acr523 #fullstackUX #djangocon Usability & Analytics The science of measuring the quality of the user experience when users interact with the product or system.
40. @acr523 #fullstackUX #djangocon Techniques Task-Based Study A/B Testing
41. @acr523 #fullstackUX #djangocon Guerilla Usability Testing Casual Timely
42. @acr523 #fullstackUX #djangocon To circle back…
43. @acr523 #fullstackUX #djangocon The core disciplines User Research Content Strategy Information Architecture Interaction Design Visual Design Usability & Analytics
44. @acr523 #fullstackUX #djangocon The core disciplines User Research Content Strategy Information Architecture Interaction Design Visual Design Usability & Analytics Understanding Communication Organization Transitions Clarity Measurement
45. @acr523 #fullstackUX #djangocon Thank you.
46. @acr523 #fullstackUX #djangocon Credits • Slide 7 -http://www.kickerstudio.com/2008/12/the-disciplines-of-user-experience/ • Slide 9 - https://247airporttransfer.co.uk/wp-content/uploads/2013/04/luton-airport-transfer-to-bank- station.jpg; https://en.wikipedia.org/wiki/Homerton_University_Hospital; http://citytransport.info/Album/ Coach-Stop-TfL1a.jpg • Slide 10 - http://cdn.londonandpartners.com/images/explorer-map/tubemap-2012-12.png ; http:// 67.media.tumblr.com/0b268133616c83c667977cbff562c9fb/tumblr_n3xkjx7nfG1tyx8hoo5_1280.jpg; http:// media.gizmodo.co.uk/wp-content/uploads/2014/09/TFL-BC-306.jpg • Slide 13, 35, 36 - http://static2.uk.businessinsider.com/image/55a3d5ee2acae710008b69df-1200/london- underground-tube.jpg • Slide 16 - http://mypoppet.com.au/ • Slide 20 - http://67.media.tumblr.com/0b268133616c83c667977cbff562c9fb/ tumblr_n3xkjx7nfG1tyx8hoo5_1280.jpg • Slide 21 - http://cdn.images.express.co.uk/; http://mypoppet.com.au/; http://www.20thcenturylondon.org.uk/ • Slide 24 - http://media.gizmodo.co.uk/wp-content/uploads/2014/09/TFL-BC-306.jpg • Slide 31 - https://sheilapontis.files.wordpress.com/2013/01/102-tfl_roundels.jpg • Slide 32 - http://citytransport.info/Album/Coach-Stop-TfL1a.jpg