UX101 INTRODUCTION TO USER EXPERIENCE Todays agenda What is - - PowerPoint PPT Presentation

ux101
SMART_READER_LITE
LIVE PREVIEW

UX101 INTRODUCTION TO USER EXPERIENCE Todays agenda What is - - PowerPoint PPT Presentation

UX101 INTRODUCTION TO USER EXPERIENCE Todays agenda What is user experience (UX)? Why does it matter? The UX Process Project: Designing a mobile app How to get a job in UX Resources and further


slide-1
SLIDE 1

UX101

— INTRODUCTION TO USER EXPERIENCE —

slide-2
SLIDE 2

Intro to User Experience Michael Tedeschi Interactive Mechanics

Today’s agenda

  • What is user experience (UX)?
  • Why does it matter?
  • The UX Process
  • Project: Designing a mobile app
  • How to get a job in UX
  • Resources and further learning
slide-3
SLIDE 3

Intro to User Experience Michael Tedeschi Interactive Mechanics

Getting to know each other

  • Your name
  • Why you’re taking this class
  • What interests you about user experience
slide-4
SLIDE 4

Intro to User Experience Michael Tedeschi Interactive Mechanics

Getting to know each other

  • Your name
  • Why you’re taking this class
  • What interests you about user experience
  • If we were at brunch, what would you order?
slide-5
SLIDE 5

Intro to User Experience Michael Tedeschi Interactive Mechanics

@mike_tedeschi

Owner @ Interactive Mechanics

slide-6
SLIDE 6

Intro to User Experience Michael Tedeschi Interactive Mechanics

What is user experience?

slide-7
SLIDE 7

Intro to User Experience Michael Tedeschi Interactive Mechanics

—Usability.gov

What is user experience?

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.

slide-8
SLIDE 8

Intro to User Experience Michael Tedeschi Interactive Mechanics

—Nielsen Norman Group

What is user experience?

User experience encompasses all aspects of the end- user’s interaction with a company, its services, and its products.

slide-9
SLIDE 9

Intro to User Experience Michael Tedeschi Interactive Mechanics

You might also hear...

  • User-centered design
  • Human-computer interaction (HCI)
  • Human factors or ergonomics
slide-10
SLIDE 10

Intro to User Experience Michael Tedeschi Interactive Mechanics

We all know bad UX.

slide-11
SLIDE 11

Intro to User Experience Michael Tedeschi Interactive Mechanics

— WHY USER EXPERIENCE IS IMPORTANT —

Activity time!

slide-12
SLIDE 12

Intro to User Experience Michael Tedeschi Interactive Mechanics

Creating a paper crane

  • Pair up with another person: one person will be

the moderator, the other person the participant

  • In fjve minutes, follow the instructions on how to

create the origami crane

slide-13
SLIDE 13

Intro to User Experience Michael Tedeschi Interactive Mechanics

Creating a paper crane

Moderators:

  • Your goal is to fjgure out how to improve the system—

what instructions work, don’t work, where you need

  • clarifjcation. Take notes as you go through the process.

No helping, no answering questions.

slide-14
SLIDE 14

Intro to User Experience Michael Tedeschi Interactive Mechanics

Creating a paper crane

Moderators:

  • Your goal is to fjgure out how to improve the system—

what instructions work, don’t work, where you need

  • clarifjcation. Take notes as you go through the process.

No helping, no answering questions.

Participants:

  • In fjve minutes, follow the instructions on how to create

the swan. Note your experience out-loud—frustrations, confusion, enjoyment, other feelings. Ask questions and articulate.

slide-15
SLIDE 15

Intro to User Experience Michael Tedeschi Interactive Mechanics

Image from http://setentaydos.com/

What did you learn?

slide-16
SLIDE 16

Intro to User Experience Michael Tedeschi Interactive Mechanics

What is good UX?

slide-17
SLIDE 17

Intro to User Experience Michael Tedeschi Interactive Mechanics

slide-18
SLIDE 18

Intro to User Experience Michael Tedeschi Interactive Mechanics

slide-19
SLIDE 19

Intro to User Experience Michael Tedeschi Interactive Mechanics

... but it’s not just digital.

slide-20
SLIDE 20

Intro to User Experience Michael Tedeschi Interactive Mechanics

slide-21
SLIDE 21

Intro to User Experience Michael Tedeschi Interactive Mechanics

slide-22
SLIDE 22

Intro to User Experience Michael Tedeschi Interactive Mechanics

Can you think of good UX?

slide-23
SLIDE 23

Intro to User Experience Michael Tedeschi Interactive Mechanics

Why does UX matter?

slide-24
SLIDE 24

Intro to User Experience Michael Tedeschi Interactive Mechanics

Why UX is 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.

slide-25
SLIDE 25

Intro to User Experience Michael Tedeschi Interactive Mechanics

Why UX is important

People remember bad experiences—think about the last time you ate at a bad restaurant. Will you go back? Probably not.

slide-26
SLIDE 26

Intro to User Experience Michael Tedeschi Interactive Mechanics

UXPA’s 6 Benefjts

  • Increased productivity
  • Increased sales
slide-27
SLIDE 27

Intro to User Experience Michael Tedeschi Interactive Mechanics

UXPA’s 6 Benefjts

  • Increased productivity
  • Increased sales
  • Decreased training or support costs
slide-28
SLIDE 28

Intro to User Experience Michael Tedeschi Interactive Mechanics

UXPA’s 6 Benefjts

  • Increased productivity
  • Increased sales
  • Decreased training or support costs
  • Reduced development time and costs
  • Reduced maintenance costs
slide-29
SLIDE 29

Intro to User Experience Michael Tedeschi Interactive Mechanics

UXPA’s 6 Benefjts

  • Increased productivity
  • Increased sales
  • Decreased training or support costs
  • Reduced development time and costs
  • Reduced maintenance costs
  • Improved user satisfaction
slide-30
SLIDE 30

Intro to User Experience Michael Tedeschi Interactive Mechanics

How do I convince others?

slide-31
SLIDE 31

Intro to User Experience Michael Tedeschi Interactive Mechanics

“That sounds like a lot of work...” “We don’t have time for this.”

slide-32
SLIDE 32

Intro to User Experience Michael Tedeschi Interactive Mechanics

“That sounds like a lot of work...” “We don’t have time for this.”

There are plenty of user experience techniques that you can use to quickly.

slide-33
SLIDE 33

Intro to User Experience Michael Tedeschi Interactive Mechanics

“That sounds like a lot of work...” “We don’t have time for this.”

There are plenty of user experience techniques that you can use to quickly. Even doing something small like interviewing your real users can have a major impact on the product/ service you’re building.

slide-34
SLIDE 34

Intro to User Experience Michael Tedeschi Interactive Mechanics

“This is going to cost a fortune.”

slide-35
SLIDE 35

Intro to User Experience Michael Tedeschi Interactive Mechanics

“This is going to cost a fortune.”

UX doesn’t need to cost a lot of money.

slide-36
SLIDE 36

Intro to User Experience Michael Tedeschi Interactive Mechanics

“This is going to cost a fortune.”

UX doesn’t need to cost a lot of money. “Lean UX” by Jefg Gothelf takes the Lean Startup concept from a UX perspective.

slide-37
SLIDE 37

Intro to User Experience Michael Tedeschi Interactive Mechanics

“This is going to cost a fortune.”

UX doesn’t need to cost a lot of money. “Lean UX” by Jefg Gothelf takes the Lean Startup concept from a UX perspective. What costs more money? Having to rebuild something that causes a bad experience, or taking the time to research and validate the “right” idea from the beginning?

slide-38
SLIDE 38

Intro to User Experience Michael Tedeschi Interactive Mechanics

“We don’t have the team for this.”

slide-39
SLIDE 39

Intro to User Experience Michael Tedeschi Interactive Mechanics

“We don’t have the team for this.”

Good UX doesn’t require a huge team of designers and researchers.

slide-40
SLIDE 40

Intro to User Experience Michael Tedeschi Interactive Mechanics

“We don’t have the team for this.”

Good UX doesn’t require a huge team of designers and researchers. If you can engage people in the company to get involved, like developers, project managers, or others, you can integrate these UX concepts with their help.

slide-41
SLIDE 41

Lean UX: Applying Lean Principles to Improve Experience

— Jefg Gothelf

slide-42
SLIDE 42

Intro to User Experience Michael Tedeschi Interactive Mechanics

A brief history of UX

slide-43
SLIDE 43

Intro to User Experience Michael Tedeschi Interactive Mechanics

The History of UX

1900

EARLY 20TH CENTURY

The Machine Age

1950 2000

slide-44
SLIDE 44

Intro to User Experience Michael Tedeschi Interactive Mechanics

The History of UX

1900

MID 20TH CENTURY

Rise of human-factors

1950 2000

slide-45
SLIDE 45

Intro to User Experience Michael Tedeschi Interactive Mechanics

The History of UX

1900

1955

“Designing for People”

1950 2000

slide-46
SLIDE 46

Intro to User Experience Michael Tedeschi Interactive Mechanics

“When the point of contact between the product and the people becomes a point of friction, then the [designer] has failed. On the

  • ther hand, if people are made safer, more

comfortable, more eager to purchase, more effjcient—or just plain happier—by contact with the product, then the designer has succeeded.”

slide-47
SLIDE 47

Intro to User Experience Michael Tedeschi Interactive Mechanics

The History of UX

1900

1970s

PARC & the GUI

1950 2000

slide-48
SLIDE 48

Intro to User Experience Michael Tedeschi Interactive Mechanics

The History of UX

1900

1990s

Apple, Don Norman, and UX

1950 2000

slide-49
SLIDE 49

Intro to User Experience Michael Tedeschi Interactive Mechanics

Knowing how someone will use something is essential.

—Don Norman

slide-50
SLIDE 50

Intro to User Experience Michael Tedeschi Interactive Mechanics

The History of UX

1900

MODERN DAY

The continued growth of UX

1950 2000

slide-51
SLIDE 51

The Design of Everyday Things

— Don Norman

slide-52
SLIDE 52

Intro to User Experience Michael Tedeschi Interactive Mechanics

So... what do UX experts do?

slide-53
SLIDE 53

Intro to User Experience Michael Tedeschi Interactive Mechanics

slide-54
SLIDE 54

Intro to User Experience Michael Tedeschi Interactive Mechanics

UX Professionals do a lot.

slide-55
SLIDE 55

Intro to User Experience Michael Tedeschi Interactive Mechanics

slide-56
SLIDE 56

Intro to User Experience Michael Tedeschi Interactive Mechanics

slide-57
SLIDE 57

Intro to User Experience Michael Tedeschi Interactive Mechanics

slide-58
SLIDE 58

Intro to User Experience Michael Tedeschi Interactive Mechanics

slide-59
SLIDE 59

Intro to User Experience Michael Tedeschi Interactive Mechanics

What do you enjoy?

  • Research & analysis
  • Content & architecture
  • Interactivity and interfaces
  • Visual design
  • Coding & development
  • Project management
slide-60
SLIDE 60

Intro to User Experience Michael Tedeschi Interactive Mechanics

What do you prefer?

  • Small or large teams
  • Generalist or specialist
  • Full process or one part of the process
  • Lots of projects or a single product
  • Type of projects you want to work on
slide-61
SLIDE 61

Intro to User Experience Michael Tedeschi Interactive Mechanics

Some difgerent UX roles

  • User experience researcher
  • User experience designer
  • Information architect
  • Content specialist
  • Interaction or interface designer
  • Visual designer
slide-62
SLIDE 62

Intro to User Experience Michael Tedeschi Interactive Mechanics

The UX Roadmap

slide-63
SLIDE 63

Intro to User Experience Michael Tedeschi Interactive Mechanics

Research & Strategy

The UX Roadmap

slide-64
SLIDE 64

Intro to User Experience Michael Tedeschi Interactive Mechanics

Research & Strategy Content Development

The UX Roadmap

slide-65
SLIDE 65

Intro to User Experience Michael Tedeschi Interactive Mechanics

Research & Strategy Content Development Design & Prototyping

The UX Roadmap

slide-66
SLIDE 66

Intro to User Experience Michael Tedeschi Interactive Mechanics

Research & Strategy Content Development Design & Prototyping Testing & Evaluation

The UX Roadmap

slide-67
SLIDE 67

Intro to User Experience Michael Tedeschi Interactive Mechanics

Research & Strategy Content Development Design & Prototyping ITERATE! Testing & Evaluation

The UX Roadmap

slide-68
SLIDE 68

Intro to User Experience Michael Tedeschi Interactive Mechanics

Questions?

slide-69
SLIDE 69

Intro to User Experience Michael Tedeschi Interactive Mechanics

Break time!

— 15 MINUTES —

slide-70
SLIDE 70

Intro to User Experience Michael Tedeschi Interactive Mechanics

Let’s design an app!

slide-71
SLIDE 71

Intro to User Experience Michael Tedeschi Interactive Mechanics

Girl Develop It Mobile App

Girl Develop It is looking to build a new, stand-alone mobile app to act as the go-to resource for students and teachers on-the-go. The new app should showcase upcoming and past courses

  • fgered (with resources) for students, important information

about GDI for teachers, and ways to get involved as a supporter, donor, or partner.

slide-72
SLIDE 72

Intro to User Experience Michael Tedeschi Interactive Mechanics

Our approach

  • Task I: User research
  • Task II: Personas
  • Task III: Scenarios
  • Task IV: Prototyping
  • Task V: User testing
slide-73
SLIDE 73

Intro to User Experience Michael Tedeschi Interactive Mechanics

Activity I: User research

slide-74
SLIDE 74

Intro to User Experience Michael Tedeschi Interactive Mechanics

Understanding our users

User research is the foundation of a good user experience design process (we can’t have “UX” without the “users”, after all). Before we can start designing the new Girl Develop It app, we need to understand the people who are going to use it.

slide-75
SLIDE 75

Intro to User Experience Michael Tedeschi Interactive Mechanics

Understanding our users

  • Potential students
  • Returning students
  • Teachers, leaders, and teaching assistants
  • Corporate and nonprofjt partners
  • Supporters/donors
  • Media and press
slide-76
SLIDE 76

Intro to User Experience Michael Tedeschi Interactive Mechanics

Understanding our users

  • Potential students
  • Returning students
  • Teachers, leaders, and teaching assistants
  • Corporate and nonprofjt partners
  • Supporters/donors
  • Media and press
slide-77
SLIDE 77

Intro to User Experience Michael Tedeschi Interactive Mechanics

Task I: Interviewing users

— GROUPS OF 3 — — PEN & PAPER — — 20 MINUTES —

slide-78
SLIDE 78

Intro to User Experience Michael Tedeschi Interactive Mechanics

Task I: Interviewing users

  • Take turns interviewing each other to learn more

about our users’ and their needs.

  • One person should be the interviewer,

participant, and notetaker.

  • Spend about 5 minutes each, then switch!
slide-79
SLIDE 79

Intro to User Experience Michael Tedeschi Interactive Mechanics

The interview process

Explain what you’re doing. Be transparent and open about what the process and interview.

slide-80
SLIDE 80

Intro to User Experience Michael Tedeschi Interactive Mechanics

The interview process

Explain what you’re doing. Be transparent and open about what the process and interview.

“We’re working with Girl Develop It to collect feedback to fjnd ways to improve their website.”

— USEFUL PHRASE —

slide-81
SLIDE 81

Intro to User Experience Michael Tedeschi Interactive Mechanics

The interview process

Make your interviewee feel comfortable. Get to know them to start and treat the interview like a casual conversation, if appropriate. Ofger refreshments, be thankful.

slide-82
SLIDE 82

Intro to User Experience Michael Tedeschi Interactive Mechanics

The interview process

Make your interviewee feel comfortable. Get to know them to start and treat the interview like a casual conversation, if appropriate. Ofger refreshments, be thankful.

“There is no ego involved here, we want to hear both positive and negative comments.”

— USEFUL PHRASE —

slide-83
SLIDE 83

Intro to User Experience Michael Tedeschi Interactive Mechanics

The interview process

Objection: Leading question! Don’t ask leading questions—keep the interview questions open.

slide-84
SLIDE 84

Intro to User Experience Michael Tedeschi Interactive Mechanics

Interview checklist

  • Interview script
  • Refreshments, rewards for participants
  • Audio/video recording devices
  • Consent forms (2 copies per participant)
  • Business cards with contact information
  • Pens, paper, or notetaking device
slide-85
SLIDE 85

Intro to User Experience Michael Tedeschi Interactive Mechanics

Sample questions

  • Tell us a little about yourself.
  • What is your story with Girl Develop It?
  • What are your goals through Girl Develop It?
  • What types of technology do you use?
  • How do you use the current GDI website? Meetup?
  • How often do you use it?
  • What is your favorite website or app?
  • What have you struggled with as a GDI member?
slide-86
SLIDE 86

Interviewing Users

— Steve Portigal

slide-87
SLIDE 87

Task II: Personas

— GROUPS OF 3 — — PEN & PAPER — — 20 MINUTES —

slide-88
SLIDE 88

Intro to User Experience Michael Tedeschi Interactive Mechanics

Task II: Personas

Personas are a way to represent our major user groups based on our research by identifying their motivations, goals, needs, expectations, values, and backgrounds.

slide-89
SLIDE 89

Intro to User Experience Michael Tedeschi Interactive Mechanics

Task II: Personas

  • Ground our decisions by having a list of goals or
  • bjectives to meet.
  • Useful as reference to make sure we’re on the

right track during design/development.

  • Most importantly, they’re a way to connect us to
  • ur users emotionally.
slide-90
SLIDE 90

Intro to User Experience Michael Tedeschi Interactive Mechanics

Sample topic areas

  • Personal: Name, Age, Gender, Special Characteristics
  • Background: Family, Professional
  • Education: Highest level of education, mastery
  • Technical: Types of tech, familiarity, apps/programs
  • Motivation: Goals, motivators, needs, expectations
  • Operational: How did they fjnd the app?
slide-91
SLIDE 91

Intro to User Experience Michael Tedeschi Interactive Mechanics

Samantha

Motivation: Looking to grow her skills as a developer and wants to fjnd classes that are relevant to her. Wants to be a really great front-end developer. Frustrations: Not able to register quickly, not able to fjnd a class that appeals to her. Fears: Not being competitive.

Age: 22 Profession: Student, entry- level front-end developer Profjle: Returning student

slide-92
SLIDE 92

Intro to User Experience Michael Tedeschi Interactive Mechanics

Developing a persona

Let’s create a persona for one of our sample users: a new Girl Develop It student who is transitioning from one career to another. What are her goals? Her fears? What might frustrate her about the existing site? What is her background? Draw a picture or fjnd an image for this persona.

slide-93
SLIDE 93

100 Things Every Designer Needs to Know About People

— Susan Weinschenk

slide-94
SLIDE 94

Task III: Scenarios

— GROUPS OF 3 — — PEN & PAPER — — 20 MINUTES —

slide-95
SLIDE 95

Intro to User Experience Michael Tedeschi Interactive Mechanics

Task III: Scenarios

Scenarios expand on your personas and outline the pathways that your users can take through the application or experience.

slide-96
SLIDE 96

Intro to User Experience Michael Tedeschi Interactive Mechanics

Journey Mapping

Journey Mapping is a way to visualize these pathways by exploring what people do, how they feel, and what they’re thinking each step of the way. It’s a great way to identify where people might struggle and also opportunities for improvement.

slide-97
SLIDE 97

Intro to User Experience Michael Tedeschi Interactive Mechanics

Steps Doing Feeling Thinking

New Student, First Class

slide-98
SLIDE 98

Intro to User Experience Michael Tedeschi Interactive Mechanics

Steps Research Registration Attending Doing Feeling Thinking

New Student, First Class

slide-99
SLIDE 99

Intro to User Experience Michael Tedeschi Interactive Mechanics

Steps

  • 1. User goes to

Girl Develop It on Meetup.com Excited Curious “I hope there is a class that’s interesting to me” “I wonder how much this is going to cost.”

Doing Feeling Thinking Research Registration Attending

New Student, First Class

slide-100
SLIDE 100

Intro to User Experience Michael Tedeschi Interactive Mechanics

Steps

  • 1. User goes to

Girl Develop It on Meetup.com

  • 2. User searches

the list of upcoming events. Excited Curious Excited Uncertain Overwhelmed “I hope there is a class that’s interesting to me” “I wonder how much this is going to cost.” “A lot of these sound interesting.”

Doing Feeling Thinking Research Registration Attending

New Student, First Class

slide-101
SLIDE 101

Intro to User Experience Michael Tedeschi Interactive Mechanics

Break time!

— 15 MINUTES —

slide-102
SLIDE 102

Intro to User Experience Michael Tedeschi Interactive Mechanics

Activity II: Prototype & Test

slide-103
SLIDE 103

Intro to User Experience Michael Tedeschi Interactive Mechanics

We know our users!

We know about our users, their goals, and how they would use our new app. The next phase of our process will focus on conceptualizing and validating the app that we’re building.

slide-104
SLIDE 104

Intro to User Experience Michael Tedeschi Interactive Mechanics

Task IV: Prototyping

slide-105
SLIDE 105

Intro to User Experience Michael Tedeschi Interactive Mechanics

Task IV: Prototyping

Prototyping is a quick way to gather feedback on your ideas—they don’t need to be beautiful, just enough to communicate and test your concepts.

slide-106
SLIDE 106

Intro to User Experience Michael Tedeschi Interactive Mechanics

Paper prototyping

Paper prototyping (no technology needed!) is a great way to try out concepts and gather rapid feedback. Let’s take a look at an example: https://marvelapp. com/5dhc6c

slide-107
SLIDE 107

Intro to User Experience Michael Tedeschi Interactive Mechanics

Online prototyping tools

There are a number of online—free—prototyping

  • tools. We use Marvel (marvelapp.com) and InVision

(invisionapp.com). You can use these tools to create clickable, animated, code-free experiences to test and demonstrate the major ideas of your app or project.

slide-108
SLIDE 108

Intro to User Experience Michael Tedeschi Interactive Mechanics

Task V: User testing

— GROUPS OF 3 — — PEN & PAPER — — 30 MINUTES —

slide-109
SLIDE 109

Intro to User Experience Michael Tedeschi Interactive Mechanics

Conducting user testing

User testing is the key to ensure we’re building something people will enjoy and actually use. User testing doesn’t need to be expensive or time- consuming: small batches of regular testing are better than conducting one large, expensive test.

slide-110
SLIDE 110

Intro to User Experience Michael Tedeschi Interactive Mechanics

The testing process

Explain what you’re doing. Be transparent and open about what the process and interview.

slide-111
SLIDE 111

Intro to User Experience Michael Tedeschi Interactive Mechanics

The testing process

Make your participants feel comfortable. Get to know them to start and make sure the participants understand that there is nothing on the line for them. Ofger refreshments, be thankful.

slide-112
SLIDE 112

Intro to User Experience Michael Tedeschi Interactive Mechanics

The testing process

Make your interviewee feel comfortable. Get to know them to start and treat the interview like a casual conversation, if appropriate. Ofger refreshments, be thankful.

“We’re not testing you, we’re testing the system.”

— USEFUL PHRASE —

slide-113
SLIDE 113

Intro to User Experience Michael Tedeschi Interactive Mechanics

The testing process

Make your interviewee feel comfortable. Get to know them to start and treat the interview like a casual conversation, if appropriate. Ofger refreshments, be thankful.

“There are no right right or wrong answers.”

— USEFUL PHRASE —

slide-114
SLIDE 114

Intro to User Experience Michael Tedeschi Interactive Mechanics

The testing process

Make your interviewee feel comfortable. Get to know them to start and treat the interview like a casual conversation, if appropriate. Ofger refreshments, be thankful.

“There is no ego involved here, we want to hear both positive and negative comments.”

— USEFUL PHRASE —

slide-115
SLIDE 115

Intro to User Experience Michael Tedeschi Interactive Mechanics

The testing process

Stage engaged! Acknowledge and provide feedback to your participants as they ask questions or give feedback throughout the interview.

slide-116
SLIDE 116

Intro to User Experience Michael Tedeschi Interactive Mechanics

The testing process

Stage engaged! Acknowledge and provide feedback to your participants as they ask questions or give feedback throughout the interview.

“Mmhmm. Interesting!

  • Okay. Right.”

— USEFUL PHRASE —

slide-117
SLIDE 117

Intro to User Experience Michael Tedeschi Interactive Mechanics

The testing process

Ask for clarifjcation. If you need to know more, ask the participant.

slide-118
SLIDE 118

Intro to User Experience Michael Tedeschi Interactive Mechanics

The testing process

Ask for clarifjcation. If you need to know more, ask the participant.

“Talk me through what happened there.”

— USEFUL PHRASE —

slide-119
SLIDE 119

Intro to User Experience Michael Tedeschi Interactive Mechanics

The testing process

Ask for clarifjcation. If you need to know more, ask the participant.

“Can you explain why you did that?”

— USEFUL PHRASE —

slide-120
SLIDE 120

Intro to User Experience Michael Tedeschi Interactive Mechanics

The testing process

Ask for clarifjcation. If you need to know more, ask the participant.

“If you have to give this a letter grade, what would you rate it?”

— USEFUL PHRASE —

slide-121
SLIDE 121

Intro to User Experience Michael Tedeschi Interactive Mechanics

Common questions

slide-122
SLIDE 122

Intro to User Experience Michael Tedeschi Interactive Mechanics

“How many participants do I need?”

slide-123
SLIDE 123

Intro to User Experience Michael Tedeschi Interactive Mechanics

“Who do I recruit?”

  • Look at your personas and user research!
slide-124
SLIDE 124

Intro to User Experience Michael Tedeschi Interactive Mechanics

“Who do I recruit?”

  • Look at your personas and user research!
  • Know your answers before you reach out to folks:
  • How much time will it take? When? Where?
  • Why are you doing the test?
  • What are your trying to answer?
  • Who do you represent?
  • What are you ofgering participants?
  • Is this anonymous? Will you use the information?
slide-125
SLIDE 125

Intro to User Experience Michael Tedeschi Interactive Mechanics

“How do I recruit people?”

  • Start with what is easy and scale up as needed.
  • Co-workers in your offjce, friends, or family.
  • Send out an online posting (Twitter, Craigslist)
  • Set up a testing station in the lobby of your building.
  • Go to a cofgee shop and intercept people to test.
  • Use a recruiting or testing agency.
slide-126
SLIDE 126

Intro to User Experience Michael Tedeschi Interactive Mechanics

“Do I need a consent form?”

  • Best practice is to have one, even if as just a

means to explain the tests.

  • If you have a consent form, explain the form and have

interviewee fjll it out with you. Let them provide their contact information, if they want.

  • Explain how you’ll use the information gathered.
  • Bring two copies: one for you, signed, and one for

them to take home.

slide-127
SLIDE 127

Intro to User Experience Michael Tedeschi Interactive Mechanics

“What kind of incentives?

  • Do you need an incentive or gift?
  • Give something that is easy to cash in on,

especially if you can give it out on the spot (like a gift card or a free cofgee or donut).

slide-128
SLIDE 128

Intro to User Experience Michael Tedeschi Interactive Mechanics

“Digital vs. analog?”

  • Paper prototyping is quick, easy, low-cost.
  • Low-fjdelity wireframes into digital prototypes.
  • Clickable PDFs
  • HTML Prototypes
  • Online Prototyping Tools
  • https://marvelapp.com/
  • http://invisionapp.com/
  • https://popapp.in
slide-129
SLIDE 129

Intro to User Experience Michael Tedeschi Interactive Mechanics

“Remove vs. in-person testing?”

  • Being present is always better than remote.
  • But there are really good user testing tools out

there for conducting testing remotely or without being present.

  • https://usabilla.com/
  • http://zurb.com/notable
  • http://www.usertesting.com/
  • http://www.userzoom.com/
slide-130
SLIDE 130

Intro to User Experience Michael Tedeschi Interactive Mechanics

But... what do I test?

slide-131
SLIDE 131

Intro to User Experience Michael Tedeschi Interactive Mechanics

What do you want to know?

  • Usability, bugs, or other issues
  • Competitive or comparative testing
  • Preference
  • Validation
slide-132
SLIDE 132

Intro to User Experience Michael Tedeschi Interactive Mechanics

Qualitative vs. quantitative

  • Qualitative
  • Preferences
  • Language
  • Expressions, feelings,

and attitude

  • Quantitative
  • Time spent on a task
  • Task success
  • Errors
  • Effjciency or efgort
  • Learnability
slide-133
SLIDE 133

Intro to User Experience Michael Tedeschi Interactive Mechanics

Break time!

— 5 MINUTES —

slide-134
SLIDE 134

Intro to User Experience Michael Tedeschi Interactive Mechanics

Finding a job in UX

slide-135
SLIDE 135

Intro to User Experience Michael Tedeschi Interactive Mechanics

How to get a job in UX

  • Take more Girl Develop It UX classes!
slide-136
SLIDE 136

Intro to User Experience Michael Tedeschi Interactive Mechanics

How to get a job in UX

  • Take more Girl Develop It UX classes!
  • Try out concepts on projects.
slide-137
SLIDE 137

Intro to User Experience Michael Tedeschi Interactive Mechanics

How to get a job in UX

  • Take more Girl Develop It UX classes!
  • Try out concepts on projects.
  • Connect with local UX professionals.
slide-138
SLIDE 138

Intro to User Experience Michael Tedeschi Interactive Mechanics

How to get a job in UX

  • Take more Girl Develop It UX classes!
  • Try out concepts on projects.
  • Connect with local UX professionals.
  • Join a mentorship program.
slide-139
SLIDE 139

Intro to User Experience Michael Tedeschi Interactive Mechanics

How to get a job in UX

  • Take more Girl Develop It UX classes!
  • Try out concepts on projects.
  • Connect with local UX professionals.
  • Join a mentorship program.
  • Document your experiences and work.
slide-140
SLIDE 140

Intro to User Experience Michael Tedeschi Interactive Mechanics

Next steps!

slide-141
SLIDE 141

Intro to User Experience Michael Tedeschi Interactive Mechanics

Online training

  • Lynda.com: User Experience

http://www.lynda.com

  • Susan Weinschenk Courses

http://courses.theteamw.com/

  • Interaction Design Foundation

https://www.interaction-design.org

slide-142
SLIDE 142

Intro to User Experience Michael Tedeschi Interactive Mechanics

Books

  • Elements of User Experience by Jesse James Garrett
  • Just Enough Research by Erika Hall
  • The Design of Everyday Things by Don Norman
  • User Experience Team of One by Leah Buley
slide-143
SLIDE 143

Intro to User Experience Michael Tedeschi Interactive Mechanics

Books

  • 100 Things Every Designer Needs to Know About

People by Susan Weinschenk

  • Lean UX: Applying Lean Principles to Improve User

Experience by Jefg Gothelf

  • Don’t Make Me Think by Steve Krug
slide-144
SLIDE 144

Intro to User Experience Michael Tedeschi Interactive Mechanics

Associations

  • IxDA

http://www.ixda.org/

  • UXPA

https://uxpa.org/

slide-145
SLIDE 145

Intro to User Experience Michael Tedeschi Interactive Mechanics

Associations

  • PhillyCHI

http://phillychi.acm.org/

  • UX Book Club

http://meetup.com/UX-Book-Club-Philly/

  • PHLF/UX

http://meetup.com/phlfux

slide-146
SLIDE 146

Intro to User Experience Michael Tedeschi Interactive Mechanics

@interactivemech

hello@interactivemechanics.com interactivemechanics.com

slide-147
SLIDE 147

Intro to User Experience Michael Tedeschi Interactive Mechanics

http://bit.ly/gdi-ux1

What did you think of UX101?