How Do I Wrangle This UX Thing?

Slides from 2019 talk at WPCampus in Portland, Oregon.

Transcript

1. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Robin Smail UX RENEGADE How Do I Wrangle This … . ...UX Thing? #!&%!
2. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Let’s talk. Introductions The Basics of UX The Daily Grind How to Get There from Here Final Questions
3. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Hi. I’m Robin. #WRANGLINGUX
4. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX The Basics
5. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Let’s talk fundamentals.
6. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX User experience (UX) encompasses all aspects of the end user’s interaction with a company, its services, and its products.
7. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX User experience design (UXD) focuses on how the utility, ease of use, and efficiency for a user’s interaction with a product or service can be improved.
8. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX If visual design is about designing how the product looks, then user experience design is about designing how it feels.
9. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX “I invented the term because I thought human interface and usability were too narrow. I wanted to cover all aspects of the person’s experience with the system including industrial design, graphics, the interface, the physical interaction, and the manual.” — Don Norman, Director of the Design Lab at UCSD
10. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX User interfaces (UI) are the access points where users interact with designs. Designers focus on building interfaces users will find highly usable and efficient.
11. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX User interface (UI) design is the process of making interfaces in software or computerized devices with a focus on looks or style.
12. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX If user experience design is about designing how the product feels, then user interface design is about designing how the product is laid out so that it works.
13. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Why do we care?
14. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Focusing on UX enables the design to focus on the user.
15. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX “Humans have always been emotional and have always reacted to the artifacts in their world emotionally.” — Alan Cooper, President of Cooper
16. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX The Daily Grind
17. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX The tools of the trade
18. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Things a UX designer might work on • User research • User personas • User stories • Wireframes • Prototypes • User testing • Visual design • User interface • Information architecture • User interaction design • Accessibility • Usability
19. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX What do employers want?
20. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX UNICORNS!
21. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX MOAR UNICORNS!
22. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Pro Tip: There are no UX unicorns.
23. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX No. Seriously. Give me 5 things they want in a junior designer.
24. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX What hiring managers look for. communication learning and challenges initiative creativity portfolio
25. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Communication Can you communicate effectively? 1
26. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Learning and challenges Will you learn from and challenge the team? 2
27. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Initiative Do you take initiative to learn? 3
28. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Creativity Are you talented or creative? 4
29. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Portfolio Does your portfolio show your potential? 5
30. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Getting there from here.
31. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Read and research. 1 1
32. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Read and research. • know what user experience design is • understand UX vs UI design • understand the role of UX in business.
33. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Get to know the UX workflow. 1 2
34. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Define the user problem build empathy for the target user carry out polls and surveys create problem statements
35. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Ideate a solution sketch ideas create wireframes build a prototype
36. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Test your design conduct user testing use feedback to iterate your design conduct more user testing
37. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Develop and execute finalize your wireframe finalize UI design handoff to development team
38. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Play with the tools of the trade. 3
39. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Common UX tools • User research ◦ SurveyMonkey, Typeform • Wireframing ◦ Sketch, Balsamiq, Wireframe.cc, Figma, UXPin • Prototyping ◦ InVision, Mockplus
40. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Additional tools • Project management ◦ Asana • Communication ◦ Slack, Zoom • Brainstorming ◦ Whiteboards, Penultimate, iMockups
41. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX https://asana.com/
42. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Take a course. 4
43. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Learn by doing. • Boot camps • Workshops • Design courses
44. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX https://www.interaction-design.org/
45. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Get inspired. 5
46. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Get inspired. • Visit your favorite sites and take notes ◦ why do you like it? what appeals to you? • Develop your design eye • Check out portfolio sites ◦ bestfolios.com, theblog.adobe.com, Dribbble • Google “UX portfolios” and go surfing • Keep a bookmark file for reference
47. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Build your portfolio. 6
48. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Build your portfolio. There are lots of opportunities if you know where to look • volunteer your UX skills with non-profits • look for virtual volunteering opportunities • set yourself a design challenge • use examples from classes and courses
49. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Pro Tip: Don’t forget to include examples of all parts of the UX workflow • user stories and personas • wireframes and prototypes • design iterations
50. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Network. 7
51. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Network. Local industry/highered peers Local meetups and events LinkedIn groups and forums Mentors Online UX design communities
52. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX https://www.interaction-design.org/
53. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Online UX design communities. Dribbble Designer Hangout (invite only; this link is your invite) Interaction Design Foundation (IDF) Community Mockplus Community UX Mastery Community UXg Slack Community UX Guide Resources
54. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX https://www.interaction-design.org/
55. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX https://www.userexperience.guide/
56. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Holy cow. Are we done yet?
57. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Yes. Unless you have questions.
58. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Questions? Email me: robin2go@psu.edu Tweet me: @robin2go Beer me later!
59. Thank you! Complete the feedback form: bit.ly/wrangle-ux-feedback Link to these slides on SpeakerDeck: bit.ly/wrangle-ux