ux boot camp

81

Upload: gene-crawford

Post on 24-May-2015

153 views

Category:

Design


1 download

DESCRIPTION

User Experience (UX) is a broad term used by lots of people to describe lots of things. In this presentation, Gene will overview good (and bad) UX with a guided tour through several web case studies. Gene is a designer with almost 2 decades of experience in the development industry. He has overseen the design and architecture of hundreds of websites and applications through his business at Period Three.

TRANSCRIPT

Page 1: UX Boot Camp
Page 2: UX Boot Camp

Gene Crawford@genecrawford | Period-Three.com

unmatchedstyle.com@unmatchedstyle

Page 3: UX Boot Camp

ConvergeSE.com

Page 4: UX Boot Camp

BDConf.com

Page 5: UX Boot Camp
Page 6: UX Boot Camp
Page 8: UX Boot Camp
Page 9: UX Boot Camp
Page 10: UX Boot Camp
Page 11: UX Boot Camp
Page 12: UX Boot Camp

22,295

Page 13: UX Boot Camp

22,295

Page 14: UX Boot Camp

User Experience

Page 15: UX Boot Camp

User Experienceon the web

Page 16: UX Boot Camp

User ExperienceA person's perceptions and responses that result from the use or anticipated use of a product, system or service

Page 17: UX Boot Camp
Page 18: UX Boot Camp
Page 19: UX Boot Camp
Page 20: UX Boot Camp
Page 21: UX Boot Camp

Websites+

Web Apps+

Your Phones

Page 22: UX Boot Camp

From The GalleryUnmatchedStyle.com

Page 23: UX Boot Camp

Call-to-Action

Page 24: UX Boot Camp
Page 25: UX Boot Camp
Page 26: UX Boot Camp

Microcopy

It’s all in teh details...

Page 27: UX Boot Camp

Good Microcopy

Page 28: UX Boot Camp
Page 29: UX Boot Camp
Page 30: UX Boot Camp

Good Microcopy

Page 31: UX Boot Camp

Design for Errors

Page 32: UX Boot Camp
Page 33: UX Boot Camp
Page 34: UX Boot Camp

facebook.com

Page 35: UX Boot Camp
Page 36: UX Boot Camp
Page 37: UX Boot Camp
Page 38: UX Boot Camp
Page 39: UX Boot Camp

“OnBoarding”

Page 40: UX Boot Camp
Page 41: UX Boot Camp

Twitter’sNew User Experience

Page 42: UX Boot Camp
Page 43: UX Boot Camp

OnBoarding&

Gamification

Page 44: UX Boot Camp

If it looks fast...

Page 45: UX Boot Camp
Page 46: UX Boot Camp

Looks FASTLooks FAST

Page 47: UX Boot Camp
Page 48: UX Boot Camp
Page 49: UX Boot Camp

Mental Model

Don’t Lose It...

Page 50: UX Boot Camp
Page 51: UX Boot Camp
Page 52: UX Boot Camp

Affordance“Perceived” Affordance

when it comes to website design.... The man Don Norman.

Affordance“Perceived” Affordance

when it comes to website design.... The man Don Norman.

Page 53: UX Boot Camp
Page 54: UX Boot Camp
Page 55: UX Boot Camp
Page 56: UX Boot Camp
Page 57: UX Boot Camp
Page 58: UX Boot Camp
Page 59: UX Boot Camp

Gestalt

Page 60: UX Boot Camp
Page 61: UX Boot Camp
Page 62: UX Boot Camp
Page 63: UX Boot Camp

Case Study

Page 64: UX Boot Camp
Page 65: UX Boot Camp

Confusing

Page 66: UX Boot Camp
Page 67: UX Boot Camp
Page 68: UX Boot Camp
Page 69: UX Boot Camp
Page 70: UX Boot Camp
Page 71: UX Boot Camp

Case Study

Page 72: UX Boot Camp
Page 73: UX Boot Camp
Page 74: UX Boot Camp
Page 75: UX Boot Camp
Page 76: UX Boot Camp
Page 77: UX Boot Camp
Page 78: UX Boot Camp
Page 79: UX Boot Camp

Avoid Failure Loops

Page 80: UX Boot Camp

Thank You!Gene Crawford

@genecrawford | [email protected]

Page 81: UX Boot Camp