More Than Pixels: Becoming A User Experience Designer

by Michelle Schulp Hunt

Slide 1

Slide 1 text

MORE Becoming a User Experience Designer THAN PIXELS

Slide 2

Slide 2 text

@marktimemedia I Design & Build DIGITAL INTERFACES HI, I’M MICHELLE. Rockstar at saying stuff. Adorable badass. Carefully curated spontaneity. Meticulously organized chaos. The Anxious Alicorn.

Slide 3

Slide 3 text

@marktimemedia WHAT IS UX?

Slide 4

Slide 4 text

@marktimemedia “The process design teams use to create products that provide meaningful and relevant experiences to users.” https://www.interaction-design.org/literature/topics/ux-design

Slide 5

Slide 5 text

@marktimemedia brand perception brand awareness sales outcomes marketing goals who they are why they're here their problems their goals BUSINESS PEOPLE UX

Slide 6

Slide 6 text

@marktimemedia UX CAREERS UX Designer STRUCTURE BUSINESS CONTENT RESEARCH APPEARANCE TECHNOLOGY UX Engineer UX Architect UX Writer UX Analyst UX Researcher Interaction Designer Visual Designer UI Designer Information Architect Content Strategist Frontend Developer Product Designer Systems Design Business Analyst Product Researcher Market Researcher Content Development SEO Backend Developer

Slide 7

Slide 7 text

@marktimemedia UX CAREERS UX Designer STRUCTURE BUSINESS CONTENT RESEARCH APPEARANCE TECHNOLOGY UX Engineer UX Architect UX Writer UX Analyst UX Researcher Design Tools/Figma Prototyping Tools Wireframing IA Tools User Comprehension Design Tokens Excel Sitemaps Journey Maps Survey Tools Archetypes & Personas Tone, Readability, & Voice UI Copy Component Libraries IDE Whiteboards Excel JavaScript Wireframing CSS Survey Tools Usability Testing Whiteboards Usability Testing Qual. & Quant. Visuals Instructions

Slide 8

Slide 8 text

@marktimemedia WHY ARE YOU INTERESTED IN UX?

Slide 9

Slide 9 text

@marktimemedia MAYBE… • Already building digital interfaces or assets • Interested in psychology, business, etc. • Want a more direct relationship with end users • Desire more cross-functional collaboration • Want more holistic involvement in projects • Want more decision making power • It pays well (on average)

Slide 10

Slide 10 text

@marktimemedia THE SKILLS THAT FIT Why designers are good at UX

Slide 11

Slide 11 text

@marktimemedia VISUAL COMMUNICATION

Slide 12

Slide 12 text

@marktimemedia INFORMATION HIERARCHY

Slide 13

Slide 13 text

@marktimemedia DESIGN PRINCIPLES

Slide 14

Slide 14 text

@marktimemedia ATTENTION TO DETAIL

Slide 15

Slide 15 text

@marktimemedia CREATIVE THINKING

Slide 16

Slide 16 text

@marktimemedia EMPATHY

Slide 17

Slide 17 text

@marktimemedia Thanks for the free slide!

Slide 18

Slide 18 text

@marktimemedia RETHINKING THE CRAFT What designers need to relearn How UX diverges from visual design (and what we can do instead)

Slide 19

Slide 19 text

@marktimemedia CONVERSATION OVER COMMUNICATION

Slide 20

Slide 20 text

@marktimemedia While this matters… • Clear messaging • Appropriate language • Brand voice Enabling successful interactions through clear choices and understandable feedback. This is our goal.

Slide 21

Slide 21 text

@marktimemedia USABILITY OVER AESTHETICS

Slide 22

Slide 22 text

@marktimemedia While this matters… • Color • Typography • Imagery • Branding Experiences that are accessible, understandable, consistent, useable, and delightful. This is our goal.

Slide 23

Slide 23 text

@marktimemedia RIGHT-SIZED FIDELITY OVER PIXEL-PERFECTION

Slide 24

Slide 24 text

@marktimemedia While this matters… • Details • Precision • Comprehensiveness Using the right tools to solve the right problem. This is our goal.

Slide 25

Slide 25 text

@marktimemedia RESEARCH OVER INSPIRATION

Slide 26

Slide 26 text

@marktimemedia While this matters… • Creativity • Innovation • Being clever • Uniqueness Using qualitative & quantitative research to gain a holistic understanding of our users which supports our design decisions. This is our goal.

Slide 27

Slide 27 text

@marktimemedia SYSTEMS OVER PAGES

Slide 28

Slide 28 text

@marktimemedia While this matters… • Compelling and understandable layouts • Attractive imagery, graphics, and supporting visual content • Good design principles Building & maintaining consistency using design systems and component libraries to deliver a unified experiences over multiple screens or devices This is our goal.

Slide 29

Slide 29 text

@marktimemedia OUTCOMES OVER OUTPUTS

Slide 30

Slide 30 text

@marktimemedia While this matters… • Journey Maps • Sketches • Wireframes • UI Design • Mockups • Prototypes Making our users’ lives better through designing solutions to their problems. This is our goal.

Slide 31

Slide 31 text

@marktimemedia ITERATION OVER COMPLETION

Slide 32

Slide 32 text

@marktimemedia While this matters… • Meeting deadlines • Shipping new features Continuous learning and improvement through ongoing listening and research. This is our goal.

Slide 33

Slide 33 text

@marktimemedia IN SUMMARY Conversation over communication Usability over aesthetics Right-sized fidelity over pixel-perfection Research over inspiration Systems over pages Outcomes over outputs Iteration over completion While there is value in the items on the right, we value the items on the left more.

Slide 34

Slide 34 text

@marktimemedia GENERATION 1: THE BIRTH OF UX

Slide 35

Slide 35 text

@marktimemedia “USABLE” A new industry is born User-friendly personal computing Improving “engineering interfaces” Foundations for best practices 1970s 2000s 2020s https://leaders.centercentre.com THE EVOLUTION OF THE UX INDUSTRY

Slide 36

Slide 36 text

@marktimemedia WATERFALL METHODOLOGY REQUIREMENTS DESIGN DEVELOP TEST DEPLOY MAINTAIN

Slide 37

Slide 37 text

@marktimemedia “USABLE” “USER EXPERIENCE” Functional, practical, resilient, delightful Birth of “mobile” Introduction of Agile (2001) A new industry is born User-friendly personal computing Improving “engineering interfaces” Foundations for best practices 1970s 2000s 2020s https://leaders.centercentre.com THE EVOLUTION OF THE UX INDUSTRY

Slide 38

Slide 38 text

@marktimemedia AGILE MANIFESTO We are uncovering better ways of developing software by doing it and helping others do it. Through this work we have come to value: Individuals and interactions over processes and tools Working software over comprehensive documentation Customer collaboration over contract negotiation Responding to change over following a plan While there is value in the items on the right, we value the items on the left more. https://agilemanifesto.org

Slide 39

Slide 39 text

@marktimemedia EXCERPTS FROM AGILE PRINCIPLES • Welcome changing requirements, even late in development. • Deliver working software frequently, from a couple of weeks to a couple of months, with a preference to the shorter timescale. • Continuous attention to technical excellence and good design enhances agility. • Simplicity–the art of maximizing the amount of work not done–is essential. • Working software is the primary measure of progress. https://agilemanifesto.org/principles.html

Slide 40

Slide 40 text

@marktimemedia THE SPRINT SCRUM/ DAILY UPDATE (24hrs) BACKLOG “DEFINITION OF DONE” PLANNING IM PLEM ENTATIO N 2-4 WEEKS REVIEW RETROSPECT FEATURE FEATURE

Slide 41

Slide 41 text

@marktimemedia SCRUM SPRINT EPIC RELEASE ROADMAP VISION

Slide 42

Slide 42 text

@marktimemedia WHAT’S MISSING?

Slide 43

Slide 43 text

@marktimemedia HOW DO AGILE & UX FIT TOGETHER?

Slide 44

Slide 44 text

@marktimemedia SIMILAR GOALS?

Slide 45

Slide 45 text

@marktimemedia GENERATION 2: TACTICAL UX

Slide 46

Slide 46 text

@marktimemedia “USABLE” “USER EXPERIENCE” Functional, practical, resilient, delightful Birth of “mobile” Introduction of Agile (2001) Product-centric/business-centric “UX-As-A-Service” A new industry is born User-friendly personal computing Improving “engineering interfaces” Foundations for best practices 1970s 2000s 2020s https://leaders.centercentre.com THE EVOLUTION OF THE UX INDUSTRY

Slide 47

Slide 47 text

@marktimemedia SCRUM SPRINT EPIC RELEASE ROADMAP VISION

Slide 48

Slide 48 text

@marktimemedia PRODUCT EXPERIENCE

Slide 49

Slide 49 text

@marktimemedia REACTIVE SERVICE

Slide 50

Slide 50 text

@marktimemedia OUTPUT FOCUSED

Slide 51

Slide 51 text

@marktimemedia DONE = “WORKING”

Slide 52

Slide 52 text

@marktimemedia SPRINT START Question identified SPRINT END UX Research Answer “We need it now!” Make a guess Other Insights Build SPRINT START Sprint plan from roadmap Sprint plan from roadmap Definition of Done TO THE BACKLOG https://leaders.centercentre.com

Slide 53

Slide 53 text

@marktimemedia Back to the free slide again!

Slide 54

Slide 54 text

@marktimemedia FRUSTRATED LOW-VALUE STUCK

Slide 55

Slide 55 text

@marktimemedia “ While Agile is an approach to problem solving, Design Thinking is an approach to problem finding. ” https://www.mendix.com/blog/design-thinking-vs-agile-combine-problem-finding- problem-solving-better-outcomes/

Slide 56

Slide 56 text

@marktimemedia GENERATION 3: STRATEGIC UX

Slide 57

Slide 57 text

@marktimemedia THE EVOLUTION OF THE UX INDUSTRY “USABLE” “USER EXPERIENCE” “STRATEGIC” Functional, practical, resilient, delightful Introduction of Agile Product-centric/business-centric Tactical “UX-As-A-Service” A new industry is born User-friendly personal computing Improving “engineering interfaces” Foundations for best practices 1970s 2000s 2020s https://leaders.centercentre.com Goal-oriented Future-facing Vision-focused

Slide 58

Slide 58 text

@marktimemedia z SCRUM SPRINT EPIC RELEASE ROADMAP VISION

Slide 59

Slide 59 text

@marktimemedia HOLISTIC EXPERIENCE

Slide 60

Slide 60 text

@marktimemedia PROACTIVE EXPERTISE

Slide 61

Slide 61 text

@marktimemedia OUTCOME FOCUSED

Slide 62

Slide 62 text

@marktimemedia DONE = “SOLVING”

Slide 63

Slide 63 text

@marktimemedia SPRINT START Questions identified SPRINT END UX START Build Definition of Done SPRINT START Question identified SPRINT END Definition of Done SPRINT START Insights Direction from vision Solving the problem Insights Direction from vision Solving the problem Direction from vision https://leaders.centercentre.com Build

Slide 64

Slide 64 text

@marktimemedia WHAT’S NEXT?

Slide 65

Slide 65 text

@marktimemedia WHAT PART OF UX SPEAKS TO YOU?

Slide 66

Slide 66 text

@marktimemedia Resources: Organizations & Education • Nielsen Norman Group nngroup.com • Center Centre/Leaders of Awesomeness https://leaders.centercentre.com/ • UXPA Minnesota https://uxpamn.org/ • Interaction Design Foundation https://www.interaction-design.org/

Slide 67

Slide 67 text

@marktimemedia Resources: Timeless Reading • A Book Apart https://abookapart.com/ • Rosenfeld Media https://rosenfeldmedia.com/ • Don’t Make Me Think and Rocket Surgery Made Easy https://sensible.com/ • The Design of Everyday Things https://jnd.org/books/

Slide 68

Slide 68 text

@marktimemedia QUESTIONS? Here’s how to get in touch: Michelle Schulp Hunt [email protected] @marktimemedia mynameismichelle.com bit.ly/more-than-pixels 𝕏