intro to ux - summer sampler series

37
INTRO TO UX DESIGN

Upload: redacademy

Post on 12-Aug-2015

1.827 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Intro to UX - Summer Sampler Series

INTRO TO UX DESIGN

Page 2: Intro to UX - Summer Sampler Series

Who We AreLindsay Stefan

Page 3: Intro to UX - Summer Sampler Series

Time to get to know one another!

1. Grab some post-its and pens

2. Find out neat things about your partner

3. Write 1 or 2 words on 3 different post-its about your partner

4. Post your notes on the wall on the side of the class

5. With your help, the class will group the characteristics into categories

Page 4: Intro to UX - Summer Sampler Series

What is User Experience Design?

Page 5: Intro to UX - Summer Sampler Series

What will I learn

• Identifying and defining a problem

• Who practices UX Design?

• What are some UX Design skills?

Page 6: Intro to UX - Summer Sampler Series
Page 7: Intro to UX - Summer Sampler Series

Describe a bad experience

• What is it?

• Why do you dislike it?

Page 8: Intro to UX - Summer Sampler Series

Describe an experience you love

• What is it?

• What do you love about it?

• What is your favourite part?

Page 9: Intro to UX - Summer Sampler Series

Likes / Dislikes

Page 10: Intro to UX - Summer Sampler Series

Teams of 2-3

10

Min

utes

Identify one product/service experience that could use improvement

5

Discuss and share with the class

15 minute discussion

Page 11: Intro to UX - Summer Sampler Series

What is the company?

What is the product?

How does that make you feel?

Identify positive and the negative.

Page 12: Intro to UX - Summer Sampler Series

Designing the User Experience

Page 13: Intro to UX - Summer Sampler Series

User-Centered Design Process

Page 14: Intro to UX - Summer Sampler Series

What most people think UX isField researchFace to face interviewingCreation and administering of testsGathering, organizing, and presenting statisticsDocumentation of personas and findingsProduct designFeature writingRequirement writingGraphic artsInteraction designInformation ArchitectureUsability

PrototypingInterface layoutInterface designVisual designTaxonomy creationTerminology creationCopy writingPresentation and speakingWorking tightly with programmersBrainstorm coordinationCompany culture evangelismCommunication to stakeholders

helloerik.com/ux-is-not-ui

Page 15: Intro to UX - Summer Sampler Series

What UX actually isField researchFace to face interviewingCreation and administering of testsGathering, organizing, and presenting statisticsDocumentation of personas and findingsProduct designFeature writingRequirement writingGraphic artsInteraction designInformation ArchitectureUsability

PrototypingInterface layoutInterface designVisual designTaxonomy creationTerminology creationCopy writingPresentation and speakingWorking tightly with programmersBrainstorm coordinationCompany culture evangelismCommunication to stakeholders

helloerik.com/ux-is-not-ui

Page 16: Intro to UX - Summer Sampler Series

“People don’t buy what you do, they buy why you do it.”

Page 17: Intro to UX - Summer Sampler Series

Abstract Concrete

Research Planning Design

Page 18: Intro to UX - Summer Sampler Series
Page 19: Intro to UX - Summer Sampler Series

Strategy

Scope

Structure

Skeleton

Surface

Page 20: Intro to UX - Summer Sampler Series

Validating an Idea - Strategy / Scope

Page 21: Intro to UX - Summer Sampler Series

10

• Conduct user research

5

Min

utes

15 minute exercise

• Come up with three research questions to ask others in the class

Page 22: Intro to UX - Summer Sampler Series

Site Maps - Structure

Page 23: Intro to UX - Summer Sampler Series

Sketching - Structure

Page 24: Intro to UX - Summer Sampler Series

Customer Journey Map - Structure / Skeleton

Page 25: Intro to UX - Summer Sampler Series

20 minute exercise

10

Min

utes

• Design a customer journey map for the product identified in Exercise 1

10

• Discuss and share with the class

Page 26: Intro to UX - Summer Sampler Series

User Flows - Structure

Page 27: Intro to UX - Summer Sampler Series

Wireframing - Structure

Page 28: Intro to UX - Summer Sampler Series

Prototyping - Structure / Skeleton

Page 29: Intro to UX - Summer Sampler Series

Prototyping - Skeleton / Surface

Page 30: Intro to UX - Summer Sampler Series

Usability Testing - Everything!

Page 31: Intro to UX - Summer Sampler Series

Who practices UX Design?

Page 32: Intro to UX - Summer Sampler Series

USER RESEARCHER

UX DESIGNER

INFORMATION ARCHITECT

CONTENT STRATEGIST

INTERACTIONDESIGNER

VISUAL DESIGNER

FRONT-END DEVELOPER

PROJECTMANAGER

Page 33: Intro to UX - Summer Sampler Series

What startups want.Someone who can:‣ conduct user research‣ design the user flows‣ copywrite‣ create hi-fi mockups‣ write the front-end code‣ run usability tests‣ manage the product

Page 34: Intro to UX - Summer Sampler Series

AND BREAK. 5 minutes!

Page 35: Intro to UX - Summer Sampler Series

45 minute exercise

Same teams of 2-3 Sketch as many solutions to the product identified in Exercise 1 as you can!

5

Discuss and share with the class

15

Identify themes and requirements

10 15

Bring your ideas and decide on the master design

10

Min

utes

Conduct user research

Page 36: Intro to UX - Summer Sampler Series

1. Start sketching your ideas

2. Bring ideas together and create one master design

3. Discuss and share with the class

Page 37: Intro to UX - Summer Sampler Series

Thank you!Q&A

More info:[email protected]