UX Boot Camp

81

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 of UX Boot Camp

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