ux basics: build better products

54
UX Basics Build Better Products @pixotech @jason_berg @CateKompare

Upload: cate-kompare

Post on 13-Apr-2017

241 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: UX Basics: Build Better Products

UX BasicsBuild Better Products

@pixotech @jason_berg @CateKompare

Page 2: UX Basics: Build Better Products

Hi!

Page 3: UX Basics: Build Better Products

UX?

Hi!

Page 4: UX Basics: Build Better Products

Hi!

Page 5: UX Basics: Build Better Products

Hi!

Research Analyze Design

Page 6: UX Basics: Build Better Products

Building the MVPIn product development, the MVP is the product with the highest return

on investment versus risk. A minimum viable product has just

those core features that allow the product to be deployed, and no

more.

Hi!

Page 7: UX Basics: Build Better Products

Hi!

Page 8: UX Basics: Build Better Products

Research

Page 9: UX Basics: Build Better Products

User Research

Research

Page 10: UX Basics: Build Better Products

Research

Page 11: UX Basics: Build Better Products

Research

Page 12: UX Basics: Build Better Products

Competitive Review

Research

Page 13: UX Basics: Build Better Products

10 Heuristics for User Interface Design

1. Be Transparent 2. Create tools for people —

not machines 3. Empower people 4. Be consistent 5. Prevent errors

6. Make it recognizable 7. Help at their level 8. Design for simplicity 9. Make error recovery easy 10. Provide documentation

Page 14: UX Basics: Build Better Products

Research

Page 15: UX Basics: Build Better Products

Research

Page 16: UX Basics: Build Better Products

Interface Inventory

Research

Page 17: UX Basics: Build Better Products

Research

Page 18: UX Basics: Build Better Products

Research

Page 19: UX Basics: Build Better Products

Analyze

Page 20: UX Basics: Build Better Products

Flow Diagrams

Analyze

Page 21: UX Basics: Build Better Products

Analyze

Page 22: UX Basics: Build Better Products

Analyze

Page 23: UX Basics: Build Better Products

Personas

Analyze

Page 24: UX Basics: Build Better Products

Analyze

Page 25: UX Basics: Build Better Products

Personas

Analyze

Page 26: UX Basics: Build Better Products

User Stories

Analyze

Page 27: UX Basics: Build Better Products

“As a [insert role], I want to [insert task], so that I [insert driving

force].”

Analyze

Page 28: UX Basics: Build Better Products

“As a presenter at Research Park, I want to give an

informative talk, so that I don’t totally humiliate myself.”

Analyze

Page 29: UX Basics: Build Better Products

Analyze

Page 30: UX Basics: Build Better Products

Workshops

Analyze

Page 31: UX Basics: Build Better Products

Personas

Analyze

Page 32: UX Basics: Build Better Products

Analyze

Page 33: UX Basics: Build Better Products

Analyze

Page 34: UX Basics: Build Better Products

Design

Page 35: UX Basics: Build Better Products

Sketching

Design

Page 36: UX Basics: Build Better Products

Design

Page 37: UX Basics: Build Better Products

Design

Page 38: UX Basics: Build Better Products

Design

Page 39: UX Basics: Build Better Products

Wireframe

Design

Page 40: UX Basics: Build Better Products

Design

Page 41: UX Basics: Build Better Products

Design

Page 42: UX Basics: Build Better Products

10 Heuristics for User Interface Design

1. Be Transparent!2. Create tools for people —

not machines!3. Empower people!4. Be consistent !5. Prevent errors

6. Make it recognizable!7. Help at their level!8. Design for simplicity!9. Make error recovery easy!10. Provide documentation

Page 43: UX Basics: Build Better Products

Design

Page 44: UX Basics: Build Better Products

Style Guides

Design

Page 45: UX Basics: Build Better Products

Design

Page 46: UX Basics: Build Better Products

Usability Testing

Design

Page 47: UX Basics: Build Better Products

Design

Page 48: UX Basics: Build Better Products

Design

Page 49: UX Basics: Build Better Products

Design

Page 50: UX Basics: Build Better Products

So, what’s next?

Next steps

Page 51: UX Basics: Build Better Products

Join some mailing lists, follow some UX-ers on twitter, and

find a community group

Next steps

Page 52: UX Basics: Build Better Products

Read: UX Team of One

Just Enough Research Lean UX

Next steps

Page 53: UX Basics: Build Better Products

Just start talking about it.

Next steps

Page 54: UX Basics: Build Better Products

Thanks!

@pixotech @jason_berg @CateKompare