ux research & design - western washington...

54
DIGITAL MEDIA DESIGN I User Experience / Research & Design

Upload: others

Post on 21-Jun-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

DIGITAL MEDIA DESIGN I

User Experience / Research & Design

Page 2: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

USER EXPERIENCE (UX)

Refers to a person’s emotions and attitudes about using a particular product, system or

service; including the practical, experiential, affective, meaningful and valuable aspects of

human–computer interaction and product ownership.

Page 3: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 4: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 5: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

UX TEAM

The design of new products and systems is never done by one person. They are created

by teams formed by people from many disciplines.

ux researcher

information architect interaction designer

visual designer front-end developer ux designer

content strategist

Page 6: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

DEVELOPMENT & TESTING

RESEARCHER DESIGNER ENGINEER

USER

EXPERIENCE

Page 7: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

SELLING UX TO CLIENTS

Better products Cheaper to fix problems earlier

Less risk Research brings insights

Products that are easy make more $$ User-led products get to market quicker Ease of use is common—user looking for it

Page 8: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

WATERFALL MODEL

REQUIREMENTS

DESIGN

BUILD

TESTING

MAINTENANCE

Page 9: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

AGILE (ITERATIVE) MODEL

IDEAS CODE

DATA

BUILD FASTER

LEARN FASTER MEASURE FASTER

Page 10: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

LEAN UX

A faster development model with less emphasis on deliverables, and instead encouraging designers to show their

work early and often.

Page 11: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

WHY USE LEAN?

Determine whether people will buy your product before you build it Listen to your customers throughout the product’s lifestyle

Understand why you should design a test before you design a product Discern the differences between necessary features and nice-to-haves

Learn how minimum viable product affects your UX decisions Use A/B testing in conjunction with good UX practices Speeds up product development process without sacrificing quality

Page 12: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

USER CENTERED

Considers the user during all phases by gathering product feedback.

Page 13: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

AGILE

Lean UX borrows many methodologies from Agile Development including cross-functional teams, elimination of documentation, and

iterative development cycles.

Page 14: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

DATA DRIVEN

Lean UX doesn’t assume a new design or feature is better than what came before it, it uses a deploy-and-test process as a feedback loop

for designers. Designers then learn more about real user behavior.

Page 15: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

FAST AND CHEAP

Lean UX strives to eliminate waste by testing hypotheses at all stages thus removing the suprise of a failed product at launch.

Page 16: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

ITERATIVE MVP

Building the smallest possible thing needed to validate a hypothesis. This is called a MVP—minimum viable product. This creates an iterative

process where you are constantly building, learning, and then continuing to build based on what you learned.

Page 17: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 18: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

BRIEFS

Commuting

Sustainability Community

Page 19: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 20: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 21: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 22: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 23: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 24: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

BRIEF

What combination of products and services

will increase the adoption of virtualized healthcare with aging populations?

Page 25: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 26: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 27: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 28: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 29: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 30: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

BRIEF

How can we make commuting suck less?

Page 31: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

BRIEF

How can we make commuting suck less? (profound, I know)

Page 32: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 33: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 34: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

Help beginner cyclists learn safety basics while gaining confidence.

Page 35: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

Pedal

Page 36: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

enter VRwelcome start tutorial

tutorial 1

enter VRsettings

general stats

trophies

profile picture

profile

main dashboard

profile

enter VR

tutorialimage - looping animation

Tutorial Splash

back enter VR

badge/tutorialimage - interac-tive 3D model?

Trophy View

start

end

tutorial node(s)

route map generatedfrom google maps

data, doublesas progress bar

VR Dashboard

Plane that airdrops trophywhen clicked on

(how trophy room is accessed)

trophy room surrounding user,can select trophies based on gaze

Top down view of route mapwith interactive tutorial callouts

Trophy Room

VR Tutorial

simplified environment showingbasic bike tasks

best riding location in roadwith guiding line

more info about trophy,can look at it in more detail

Trophy Detail View

Page 37: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

DASHBOARD PROFILETROPHY

Page 38: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

PROJECT 1

THE BRIEFS!!

Page 39: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

MATH APP

A new math

practice app for all levels

MIAMI BASEL

Interactive

art event app

FOOD DELIVERY

2-way platform for

local eaters & farmers

SURF APP

App that shows

weather and tidal cond.

RESOLUTIONS

Encourages

users to work towards goals

ZOO APP

Interactive zoo game,

and business app

WEATHER APP

Custom weather

forcasting app

GROWING FOOD

Teach people how to grow

food anywhere

ONLINE CINEMA

App that curates select

films to recommend

Page 40: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

PROJECT 1

First Steps

Page 41: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

VALIDATE YOUR ASSUMPTIONS

Most ideas are based on things that someone thought was good or interesting, rather than something that solves a real problem. This is

why companies need to spend time validating their hypotheses as early as possible.

Page 42: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 43: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 44: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

TASK 1

Write a list of 10 assumptions you have about the product’s market and its users, then use all of the

following methods to validate your assumptions:

Market research Competitor benchmarking Surveys

Ethnographic field studies

Page 45: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

CAST A WIDE NET

Page 46: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

MARKET RESEARCH

Page 47: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

COMPETITOR BENCHMARKING

Page 48: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

COMPETITOR BENCHMARKING

Page 49: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

SURVEY MONKEY GOOGLE FORMS

Write questions based on what you

hope to learn.

Don’t lead the users

to answers.

Seek out facts not opinions.

Page 50: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

Ethnography is a set of qualitative methods to understand and document the everyday

activities and mindsets of a particular cultural group in their habitual environment.

Page 51: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

WHAT DO PEOPLE DO AND WHY DO THEY DO IT?

Page 52: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes
Page 53: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

REDEFINE THE BRIEF

The original brief is quite broad and offers many potential directions you could take. Locating a micro-level problem will guide you to design

a meaningful and evidence-based solution, faster and easier.

Page 54: UX Research & Design - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images/UXResearchDesi… · USER EXPERIENCE (UX) Refers to a person’s emotions and attitudes

TASK 2

Based on the early research you performed, narrow your focus and write a new brief that

addresses what your team learned to be the core problem.