ux 101: a quick & dirty introduction to user experience strategy & design

49
User Experience 101: An Introduction & Personal Overview to UX Strategy & Design Essential UX for Startups mckeagney * peak performance for digital businesses

Upload: morgan-mckeagney

Post on 02-Dec-2014

484 views

Category:

Internet


3 download

DESCRIPTION

A quick & dirty intro to UX strategy & design. Some context, some fundamentals, some current & emerging trends, and some useful resources for the absolute beginner. First delivered @ the NDRC Launchpad startup accelerator in Dublin, Ireland, 16/10/2014. (www.ndrc.ie)

TRANSCRIPT

Page 1: UX 101: A quick & dirty introduction to user experience strategy & design

User Experience 101: An Introduction & Personal Overview to UX Strategy & DesignEssential UX for Startups

mckeagney * peak performance for digital businesses

Page 2: UX 101: A quick & dirty introduction to user experience strategy & design

About Me: @morganmck

• Founder & Principal, McKeagney Consulting (2014-present)

• Co-founder & CEO of iQ Content (2001-2012)

• Inventor of iQ Prize (2009)

• Co-founder & Director of iQ Labs & iQ Ventures (2012-2014)

• Proud co-parent of Antenna, Daddyo & PROVA

Page 3: UX 101: A quick & dirty introduction to user experience strategy & design

Genesis

Page 4: UX 101: A quick & dirty introduction to user experience strategy & design

HCI: Humanising machines

PARC Alto, 1973

Apple LISA, 1983 Windows 1.0, 1985

Command Line

Page 5: UX 101: A quick & dirty introduction to user experience strategy & design

Source: Unbounce http://unbounce.com/a-b-testing/usability-and-ab-testing-%E2%80%93-a-special-relationship/

Page 6: UX 101: A quick & dirty introduction to user experience strategy & design

Emergence of a meme, circa 2007

Page 7: UX 101: A quick & dirty introduction to user experience strategy & design

The Holy Trinity: Primacy of User Experience

“Focus on the user and all else will follow”

“I am congenitally customer focused”

“Design is how it works”

Page 8: UX 101: A quick & dirty introduction to user experience strategy & design

Most admired?

Page 9: UX 101: A quick & dirty introduction to user experience strategy & design

Kano Model: Intuitive UX as Standard

Source: Jared Spool, Understanding the Kano Model - A Tool for Sophisticated Designers http://www.uie.com/articles/kano_model/

Page 10: UX 101: A quick & dirty introduction to user experience strategy & design

Fundamentals

Page 11: UX 101: A quick & dirty introduction to user experience strategy & design

What is user experience?

All aspects of the end-user’s interaction with the company, its services, and its products. The first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother. Next comes simplicity and elegance that produce products that are a joy to own, a joy to use.….to achieve high-quality user experience in a company’s offerings there must be a seamless merging of the services of multiple disciplines, including engineering, marketing, graphical and industrial design, and interface design.Source: Nielsen Norman Group http://www.nngroup.com/articles/definition-user-experience/

Page 12: UX 101: A quick & dirty introduction to user experience strategy & design

Design at the core

“Good design is actually a lot harder to notice than poor design, in part because

good designs fit our needs so well that the design is invisible”

“Most people make the mistake of thinking design is what it looks like. That’s not what we

think design is. It’s not just what it looks like and feels like. Design is how it works.”

Steve Jobs

Don Norman, “The Design of Everyday Things”

Page 13: UX 101: A quick & dirty introduction to user experience strategy & design

It all begins with understanding your customer

Peter Druker, American Business Guru

“The aim of marketing is to know and understand the

customer so well the product or service fits him

and sells itself.”

user experience

Page 14: UX 101: A quick & dirty introduction to user experience strategy & design

Making someone’s life better, in a meaningful way

“Make my life easier & better. Understand me. Surprise me.”

Page 15: UX 101: A quick & dirty introduction to user experience strategy & design

Elements of User Experience

Source: Jesse James Garrett, “The Elements of User Experience”. http://www.jjg.net/elements/pdf/elements.pdf

Page 16: UX 101: A quick & dirty introduction to user experience strategy & design

Getting there: typical user centred design process

Source: SAP Design Guild http://www.sapdesignguild.org/resources/ucd_process.asp

Page 17: UX 101: A quick & dirty introduction to user experience strategy & design

What about lean?

Research & Insights

Page 18: UX 101: A quick & dirty introduction to user experience strategy & design

Understanding the customer: when & how?

Product Validation Make something of value, solve a real human’s problem.

Product Design & Dev Make something that’s as useful, usable & delightful as possible?

Operation & Optimisation Make a good thing better and better?

Page 19: UX 101: A quick & dirty introduction to user experience strategy & design

Customer & market fit: build something meaningful

https://medium.com/@michalbohanes/seven-lessons-i-learned-from-the-failure-of-my-first-startup-dinnr-c166d1cfb8b8

“Lesson #1: Are you solving an actual problem?”

Page 20: UX 101: A quick & dirty introduction to user experience strategy & design

Asking the right questions, in the right way

Source: “The Mom Test”, by Rob Fitzpatrick, referenced in “Seven Lessons I learned from the failure of my first start-up” https://medium.com/@michalbohanes/seven-lessons-i-learned-from-the-failure-of-my-first-startup-dinnr-c166d1cfb8b8

Page 21: UX 101: A quick & dirty introduction to user experience strategy & design

Toolkit of techniques, one objective: build real insight

Page 22: UX 101: A quick & dirty introduction to user experience strategy & design

Personas: modelling user behaviour

Page 23: UX 101: A quick & dirty introduction to user experience strategy & design

Customer journey mapping

Page 24: UX 101: A quick & dirty introduction to user experience strategy & design

Sketching & wireframing

LogoutPrivacy | Terms | Help

Available balance

€356.26as of 12:32 31st July 2011

Make a Payment

26/5/2011 Payment of €35 to John Smith

Welcome Oliver A.Baker (Initech)

Scan & PayPay

Receipts/

Cards & Accounts

refresh:

Transaction History

Connections

Add / Withdraw Funds

Settings LogoutPrivacy | Terms | Help

Welcome Oliver A.Baker (Initech)

Home

Pay Arnotts Dublin the sum of

€35.00 Line Item One €10Line Item Two € 25

Teller: Mary McDermottTransaction ID: 1234567890Date: 21st Feb 2001

Funding Source: My Wallet

Pay

Cancel

LogoutPrivacy | Terms | Help

Welcome Oliver A.Baker (Initech)

Home

Visa

Mastercard

Solo Card

Delta Air Miles Card

Brown Thomas Gift Card

Fuel Card

Wallet

Page 25: UX 101: A quick & dirty introduction to user experience strategy & design

Leverage emerging standards: pattern libraries

Source: Zurb University: Library http://zurb.com/university/library

Page 26: UX 101: A quick & dirty introduction to user experience strategy & design

But….leave room for innovation & delight

Source: Business Insider, “The First Ever Email, the First Tweet, and 10 Other Famous Internet Firsts”, April 2013 http://finance.yahoo.com/news/the-first-ever-email--the-first-tweet--and-12-other-famous-internet-firsts-181209886.html

Page 27: UX 101: A quick & dirty introduction to user experience strategy & design

Content & Microcopy: content is experience

“Because interfaces are mostly words, and people mostly get tripped up by

small details, writing good microcopy is the fastest

way to improve your interface.”

Source: “Microcopy: Small, yet powerful copy for web & mobile apps”, by Joshua Porter http://www.slideshare.net/500startups/joshua-porter-10426310?qid=48631550-7b2c-48d4-9494-4fa16a7490cb&v=qf1&b=&from_search=4

Page 28: UX 101: A quick & dirty introduction to user experience strategy & design

37 Signals/Basecamp: Masters of the written word

Page 29: UX 101: A quick & dirty introduction to user experience strategy & design

Prototyping: Building to think

TBank

Page 30: UX 101: A quick & dirty introduction to user experience strategy & design

PROVA: Two weeks, two people

Page 31: UX 101: A quick & dirty introduction to user experience strategy & design

PROVA Demo

Web

Tablet

Phone

Page 32: UX 101: A quick & dirty introduction to user experience strategy & design

Future

Page 33: UX 101: A quick & dirty introduction to user experience strategy & design

2004 - You Could Differentiate Through Simple

Page 34: UX 101: A quick & dirty introduction to user experience strategy & design

Beyond simple: persuasive & seductive

Source: Joshua Porter, referenced in Stephen Anderson’s The Art & Science of Seductive Interactions http://www.slideshare.net/stephenpa/the-art-science-of-seductive-interactions?qid=da941c24-d268-4b6b-b2cf-87a511920318&v=default&b=&from_search=1

Page 35: UX 101: A quick & dirty introduction to user experience strategy & design

Persuasion & Seduction: Two Gurus

Stephen P Anderson

www.codepainter.comwww.codingconduct.cc

Sebastian Deterding

Source: Sebastian Deterding, Persuasive Design http://www.slideshare.net/dings/persuasive-web-design-how-to-separate-users-from-their-bad-behaviours

Source: Stephen P Anderson, The Art & Science of Seductive Interactions http://www.slideshare.net/stephenpa/the-art-science-of-seductive-interactions?qid=da941c24-d268-4b6b-b2cf-87a511920318&v=default&b=&from_search=1

Page 36: UX 101: A quick & dirty introduction to user experience strategy & design

Psychology & Persuasion at work

Gamifi

catio

n

Socia

l Pro

of

Paradox of C

hoice

Page 37: UX 101: A quick & dirty introduction to user experience strategy & design

Mobile: Changing behaviour & context

March 2011

2044% increase in 15 months

Jan 2010

Page 38: UX 101: A quick & dirty introduction to user experience strategy & design

Service & system design: experiences, not interfaces

Page 39: UX 101: A quick & dirty introduction to user experience strategy & design

Internet of Things: Embedded experiences

Page 40: UX 101: A quick & dirty introduction to user experience strategy & design

Best UI is no UI?

UX = UI“No matter how cool your interface is, less of it would

be better.”Alan Cooper, About Face Golden Krishnan, 2012

“The best UI is no UI”

Page 41: UX 101: A quick & dirty introduction to user experience strategy & design

The amazing shrinking interface - cash by email

Page 42: UX 101: A quick & dirty introduction to user experience strategy & design

Invisible interfaces: Goodnight Lamp

Page 43: UX 101: A quick & dirty introduction to user experience strategy & design

Toolkit, actions & takeaways

Page 44: UX 101: A quick & dirty introduction to user experience strategy & design

Tools to play around with

Wireframing / Protoyping

Analytics

User Research / Testing

Page 45: UX 101: A quick & dirty introduction to user experience strategy & design

Online Resources

• Boxes and Arrows

• UX Booth

• UX Pin

• UX Mag

• Johnny Holland

• A List Apart

• UX Apprentice

Page 46: UX 101: A quick & dirty introduction to user experience strategy & design

Some people to follow• Des Traynor

• Luke W

• Stephen P Anderson

• Sebastien Deterding

• Joshua Porter

• Jared Spool

• Jakob Nielsen

• Alan Cooper

• Don Norman

• Jason Fried

Page 47: UX 101: A quick & dirty introduction to user experience strategy & design

Where to start

1 Spend useful time with your customers

2 Jump into some training

3 Have fun with design: sketch, scribble & prototype

4 Engage, engage, engage - involve your customers throughout

Page 48: UX 101: A quick & dirty introduction to user experience strategy & design

8 Principles to Live By

#1: Know your customer

#2: Simpler is generally better #3: Get the basics right (sign-ups, flows, forms)

#4: Mind your language (content is design)

#5: Be respectful, not annoying

#6: Limit choices: respect paradox of choice

#7: Provide social proof

#8: Drive action, design for the behaviour you want

Page 49: UX 101: A quick & dirty introduction to user experience strategy & design

Questions? Get in touch.

[email protected]+353 87 135 5197