Crop UX design

23
Social Love #CropMeetup Twitter: Crop_meetup http://www.meetup.com/designcrop/ Welcome! Tuesday, February 12, 13

description

For our first meetup of the new year, we will examine User Experience (UX) and how it became an essential component of web and mobile design. We will discuss what UX truly means and give an intro to some UX methods, like usability testing, surveys, personas and page description diagrams. We will also share some design techniques to improve the UX of your site or app.

Transcript of Crop UX design

Page 1: Crop UX design

Social Love#CropMeetup

Twitter: Crop_meetup

http://www.meetup.com/designcrop/

Welcome!

Tuesday, February 12, 13

Page 2: Crop UX design

The Philosophy of UX

Andrew Wirtanen

Tuesday, February 12, 13

Page 3: Crop UX design

HelloAgenda1. Video2. Recommendations for projects/organizations 3. UX history & methods4. Panel Discussion

Tuesday, February 12, 13

Page 4: Crop UX design

The future (or present?) of UX

Watch Video

Tuesday, February 12, 13

Page 5: Crop UX design

The optimal team

• Shares two pizzas- No more, no less

• Is cross-disciplined

• Is highly collaborative

• Makes rapid updates- And as a result: innovates

Tuesday, February 12, 13

Page 6: Crop UX design

Kill the UX department

• ...But don't kill the people

• UX is a philosophy, not a department- Peter Merholz (Founder, Adaptive Path)

• Give the "UX people" real job titles- e.g. Information Architect, Interaction Designer, User Researcher, UX Strategist, Visual Designer

• Everyone on the team should believe in creating a good user experience

Tuesday, February 12, 13

Page 7: Crop UX design

What about startups/small teams?

• Don't hire a UX person

• Understand good UX practices and practice lean UX

- http://theleanstartup.com/

Tuesday, February 12, 13

Page 8: Crop UX design

How did we get here?

• Government-funded research• Cockpit design• WWII workstation research

Human Factors

Tuesday, February 12, 13

Page 9: Crop UX design

The Four Waves of UX

Adapted from "The Four Waves of User-Centered Design"- Dr. Williams Gribbons, UXMag.com

Tuesday, February 12, 13

Page 10: Crop UX design

Wave 1: Manuals

1980s

Tuesday, February 12, 13

Page 11: Crop UX design

Wave 2: Usability

1990s

Tuesday, February 12, 13

Page 12: Crop UX design

Usability Testing

• Recruit representative users

• Give them typical tasks

• Gather qualitative and quantitative data

• Iterate!

Tuesday, February 12, 13

Page 13: Crop UX design

Expert Reviews

• Experienced UX strategists or user researchers review a product with heuristics

• Most common list of heuristics: http://www.nngroup.com/articles/ten-usability-heuristics/

• These work better collaboratively

• See http://uxmag.com/articles/all-together-now

Tuesday, February 12, 13

Page 14: Crop UX design

Wave 3: UX Department

2000s

Tuesday, February 12, 13

Page 15: Crop UX design

Surveys & Online Research

• Gather feedback quickly, easily with surveys with a tool or with Facebook/Twitter

• Use Google Analytics goal tracking to identify issues

• There are many other good tools: e.g. http://www.optimalworkshop.com/

Tuesday, February 12, 13

Page 16: Crop UX design

The Golden Era of Prototyping

• UX builds a specification

• Development/design works from it

Tuesday, February 12, 13

Page 17: Crop UX design

Wave 4: Collaboration & innovation

Now

Tuesday, February 12, 13

Page 18: Crop UX design

Persona Workshops

Tuesday, February 12, 13

Page 19: Crop UX design

Page Description Diagrams

See http://uxmag.com/articles/re-introducing-page-description-diagrams

Tuesday, February 12, 13

Page 20: Crop UX design

Conclusion

Thanks!@awirtanen

• Kill your UX department

• Eat two pizzas

• Collaborate and innovate

Tuesday, February 12, 13

Page 21: Crop UX design

Nancy Jin, Mark Riggan, Andrew Wirtanen

Panel Discussion

Tuesday, February 12, 13

Page 22: Crop UX design

Thanks for Coming!

And special thanks to our sponsors:

Tuesday, February 12, 13

Page 23: Crop UX design

Social LoveCrop

http://www.meetup.com/designcrop/Twitter: Crop_meetup / #CropMeetup

HostAtlantic BT / twitter: @atlanticbt / http://www.atlanticbt.com

Co-OrganizerEileen Allen / twitter: @eileenallen / dribbble: eileenallen

Co-OrganizerCorey Brinkmann / twitter: @cbrinkmann / dribbble: cbrinkmann

PresentersAndrew Wirtanen • twitter: @awirtanen / Mark Riggan • dribbble: markr / Nancy Jin • dribbble: nancyjin

Tuesday, February 12, 13