SlideShare a Scribd company logo
1 of 49
Download to read offline
User Experience 101: An Introduction & Personal 
Overview to UX Strategy & Design 
Essential UX for Startups 
mckeagney * peak performance for digital businesses
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
Genesis
HCI: Humanising machines 
PARC Alto, 1973 
Command Line 
Apple LISA, 1983 Windows 1.0, 1985
Source: Unbounce 
http://unbounce.com/a-b-testing/usability-and-ab-testing-%E2%80%93-a-special-relationship/
Emergence of a meme, circa 2007
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”
Most admired?
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/
Fundamentals
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/
Design at the core 
“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.” 
“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” 
Steve Jobs 
Don Norman, “The Design of Everyday Things”
It all begins with understanding your customer 
user experience 
“The aim of marketing is to 
know and understand the 
customer so well the 
product or service fits him 
and sells itself.” 
Peter Druker, American Business Guru
Making someone’s life better, in a meaningful way 
“Make my life easier & better. 
Understand me. Surprise me.”
Elements of User Experience 
Source: Jesse James Garrett, “The Elements of User Experience”. 
http://www.jjg.net/elements/pdf/elements.pdf
Getting there: typical user centred design process 
Source: SAP Design Guild 
http://www.sapdesignguild.org/resources/ucd_process.asp
What about lean? 
Research & 
Insights
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?
Customer & market fit: build something meaningful 
“Lesson #1: Are you solving 
an actual problem?” 
https://medium.com/@michalbohanes/seven-lessons-i-learned-from-the-failure-of-my-first-startup-dinnr-c166d1cfb8b8
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
Toolkit of techniques, one objective: build real 
insight
Personas: modelling user behaviour
Customer journey mapping
Sketching & wireframing 
26/5/2011 Payment of €35 to John Smith 
Available balance 
€356.26 
as of 12:32 31st July 2011 
refresh: 
Add / Withdraw Funds 
Cards & Accounts 
Privacy | Terms | Help Logout 
Make a Payment 
Welcome Oliver A.Baker (Initech) 
Pay Scan & Pay 
Connections 
Receipts/ 
Transaction History 
Settings 
Welcome Oliver A.Baker (Initech) 
Privacy | Terms | Help Logout 
Home 
Pay Arnotts Dublin the sum of 
€35.00 
Line Item One €10 
Line Item Two € 25 
Teller: Mary McDermott 
Transaction ID: 1234567890 
Date: 21st Feb 2001 
Funding Source: My Wallet 
Pay 
Cancel 
Welcome Oliver A.Baker (Initech) 
Privacy | Terms | Help Logout 
Home 
Wallet 
Visa 
Mastercard 
Solo Card 
Delta Air Miles Card 
Brown Thomas Gift Card 
Fuel Card
Leverage emerging standards: pattern libraries 
Source: Zurb University: Library 
http://zurb.com/university/library
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
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
37 Signals/Basecamp: Masters of the written word
Prototyping: Building to think 
TBank
PROVA: Two weeks, two people
PROVA Demo 
Web 
Tablet 
Phone
Future
2004 - You Could Differentiate Through Simple
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
Persuasion & Seduction: Two Gurus 
Stephen P Anderson 
Sebastian Deterding 
www.codingconduct.cc www.codepainter.com 
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
Psychology & Persuasion at work 
Gamification 
Social Proof 
Paradox of Choice
Mobile: Changing behaviour & context 
March 
2011 
2044% increase in 15 months 
Jan 
2010
Service & system design: experiences, not 
interfaces
Internet of Things: Embedded experiences
Best UI is no UI? 
“No matter how UX = UI 
cool your interface 
is, less of it would 
“The best UI is no UI” 
be better.” 
Alan Cooper, About Face Golden Krishnan, 2012
The amazing shrinking interface - cash by email
Invisible interfaces: Goodnight Lamp
Toolkit, actions & takeaways
Tools to play around with 
Wireframing / Protoyping 
Analytics 
User Research / Testing
Online Resources 
• Boxes and Arrows 
• UX Booth 
• UX Pin 
• UX Mag 
• Johnny Holland 
• A List Apart 
• UX Apprentice
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
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
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
Questions? Get in touch. 
morgan.mckeagney@gmail.com 
+353 87 135 5197

More Related Content

What's hot

What's hot (20)

What is UX?
What is UX?What is UX?
What is UX?
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 
UX design
UX designUX design
UX design
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
Ux design process
Ux design processUx design process
Ux design process
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 

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

Similar to UX 101: A quick & dirty introduction to user experience strategy & design (20)

10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product Experiences
 
What is UX v1
What is UX v1What is UX v1
What is UX v1
 
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
 
Top 3 ways to use your UX team - producttank DFW Meetup
Top 3 ways to use your UX team - producttank DFW MeetupTop 3 ways to use your UX team - producttank DFW Meetup
Top 3 ways to use your UX team - producttank DFW Meetup
 
"Open" includes users - Leverage their input
"Open" includes users - Leverage their input"Open" includes users - Leverage their input
"Open" includes users - Leverage their input
 
UX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, LondonUX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, London
 
Helping Your Company Adopt a User-Centered Process
Helping Your Company Adopt a User-Centered ProcessHelping Your Company Adopt a User-Centered Process
Helping Your Company Adopt a User-Centered Process
 
Improving your site's usability - what users really want
Improving your site's usability - what users really wantImproving your site's usability - what users really want
Improving your site's usability - what users really want
 
Design Thinking Guide for Successful Professionals- Chapter 1
Design Thinking Guide for Successful Professionals- Chapter 1Design Thinking Guide for Successful Professionals- Chapter 1
Design Thinking Guide for Successful Professionals- Chapter 1
 
Design Thinking & Lean UX
Design Thinking & Lean UXDesign Thinking & Lean UX
Design Thinking & Lean UX
 
Design Thinking and Lean UX
Design Thinking and Lean UXDesign Thinking and Lean UX
Design Thinking and Lean UX
 
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...Top Trends In Product Design: Outcomes, Understanding Customers, and Building...
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...
 
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
 
UX principles for co-founders
UX principles for co-foundersUX principles for co-founders
UX principles for co-founders
 
How Design and UX can help startups
How Design and UX can help startupsHow Design and UX can help startups
How Design and UX can help startups
 
What I've Learned about UX Design
What I've Learned about UX DesignWhat I've Learned about UX Design
What I've Learned about UX Design
 
Lean UX Workshop
Lean UX WorkshopLean UX Workshop
Lean UX Workshop
 
How to find your first job in UX?
How to find your first job in UX?How to find your first job in UX?
How to find your first job in UX?
 
The Professional Design Process
The Professional Design ProcessThe Professional Design Process
The Professional Design Process
 
UX South Africa 2014 - Keynote
UX South Africa 2014 - KeynoteUX South Africa 2014 - Keynote
UX South Africa 2014 - Keynote
 

Recently uploaded

在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
ydyuyu
 
( Pune ) VIP Pimpri Chinchwad Call Girls 🎗️ 9352988975 Sizzling | Escorts | G...
( Pune ) VIP Pimpri Chinchwad Call Girls 🎗️ 9352988975 Sizzling | Escorts | G...( Pune ) VIP Pimpri Chinchwad Call Girls 🎗️ 9352988975 Sizzling | Escorts | G...
( Pune ) VIP Pimpri Chinchwad Call Girls 🎗️ 9352988975 Sizzling | Escorts | G...
nilamkumrai
 
Low Sexy Call Girls In Mohali 9053900678 🥵Have Save And Good Place 🥵
Low Sexy Call Girls In Mohali 9053900678 🥵Have Save And Good Place 🥵Low Sexy Call Girls In Mohali 9053900678 🥵Have Save And Good Place 🥵
Low Sexy Call Girls In Mohali 9053900678 🥵Have Save And Good Place 🥵
Chandigarh Call girls 9053900678 Call girls in Chandigarh
 
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort ServiceCall Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
VIP Call Girls Himatnagar 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Himatnagar 7001035870 Whatsapp Number, 24/07 BookingVIP Call Girls Himatnagar 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Himatnagar 7001035870 Whatsapp Number, 24/07 Booking
dharasingh5698
 

Recently uploaded (20)

Ganeshkhind ! Call Girls Pune - 450+ Call Girl Cash Payment 8005736733 Neha T...
Ganeshkhind ! Call Girls Pune - 450+ Call Girl Cash Payment 8005736733 Neha T...Ganeshkhind ! Call Girls Pune - 450+ Call Girl Cash Payment 8005736733 Neha T...
Ganeshkhind ! Call Girls Pune - 450+ Call Girl Cash Payment 8005736733 Neha T...
 
Real Men Wear Diapers T Shirts sweatshirt
Real Men Wear Diapers T Shirts sweatshirtReal Men Wear Diapers T Shirts sweatshirt
Real Men Wear Diapers T Shirts sweatshirt
 
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
 
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
 
VIP Model Call Girls Hadapsar ( Pune ) Call ON 9905417584 Starting High Prof...
VIP Model Call Girls Hadapsar ( Pune ) Call ON 9905417584 Starting  High Prof...VIP Model Call Girls Hadapsar ( Pune ) Call ON 9905417584 Starting  High Prof...
VIP Model Call Girls Hadapsar ( Pune ) Call ON 9905417584 Starting High Prof...
 
( Pune ) VIP Pimpri Chinchwad Call Girls 🎗️ 9352988975 Sizzling | Escorts | G...
( Pune ) VIP Pimpri Chinchwad Call Girls 🎗️ 9352988975 Sizzling | Escorts | G...( Pune ) VIP Pimpri Chinchwad Call Girls 🎗️ 9352988975 Sizzling | Escorts | G...
( Pune ) VIP Pimpri Chinchwad Call Girls 🎗️ 9352988975 Sizzling | Escorts | G...
 
Yerawada ] Independent Escorts in Pune - Book 8005736733 Call Girls Available...
Yerawada ] Independent Escorts in Pune - Book 8005736733 Call Girls Available...Yerawada ] Independent Escorts in Pune - Book 8005736733 Call Girls Available...
Yerawada ] Independent Escorts in Pune - Book 8005736733 Call Girls Available...
 
Top Rated Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Servi...
Top Rated  Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Servi...Top Rated  Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Servi...
Top Rated Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Servi...
 
Low Sexy Call Girls In Mohali 9053900678 🥵Have Save And Good Place 🥵
Low Sexy Call Girls In Mohali 9053900678 🥵Have Save And Good Place 🥵Low Sexy Call Girls In Mohali 9053900678 🥵Have Save And Good Place 🥵
Low Sexy Call Girls In Mohali 9053900678 🥵Have Save And Good Place 🥵
 
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
𓀤Call On 7877925207 𓀤 Ahmedguda Call Girls Hot Model With Sexy Bhabi Ready Fo...
 
Wagholi & High Class Call Girls Pune Neha 8005736733 | 100% Gennuine High Cla...
Wagholi & High Class Call Girls Pune Neha 8005736733 | 100% Gennuine High Cla...Wagholi & High Class Call Girls Pune Neha 8005736733 | 100% Gennuine High Cla...
Wagholi & High Class Call Girls Pune Neha 8005736733 | 100% Gennuine High Cla...
 
(INDIRA) Call Girl Pune Call Now 8250077686 Pune Escorts 24x7
(INDIRA) Call Girl Pune Call Now 8250077686 Pune Escorts 24x7(INDIRA) Call Girl Pune Call Now 8250077686 Pune Escorts 24x7
(INDIRA) Call Girl Pune Call Now 8250077686 Pune Escorts 24x7
 
Russian Call Girls Pune (Adult Only) 8005736733 Escort Service 24x7 Cash Pay...
Russian Call Girls Pune  (Adult Only) 8005736733 Escort Service 24x7 Cash Pay...Russian Call Girls Pune  (Adult Only) 8005736733 Escort Service 24x7 Cash Pay...
Russian Call Girls Pune (Adult Only) 8005736733 Escort Service 24x7 Cash Pay...
 
Al Barsha Night Partner +0567686026 Call Girls Dubai
Al Barsha Night Partner +0567686026 Call Girls  DubaiAl Barsha Night Partner +0567686026 Call Girls  Dubai
Al Barsha Night Partner +0567686026 Call Girls Dubai
 
Call Girls Sangvi Call Me 7737669865 Budget Friendly No Advance BookingCall G...
Call Girls Sangvi Call Me 7737669865 Budget Friendly No Advance BookingCall G...Call Girls Sangvi Call Me 7737669865 Budget Friendly No Advance BookingCall G...
Call Girls Sangvi Call Me 7737669865 Budget Friendly No Advance BookingCall G...
 
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort ServiceCall Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
 
Pune Airport ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready...
Pune Airport ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready...Pune Airport ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready...
Pune Airport ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready...
 
Real Escorts in Al Nahda +971524965298 Dubai Escorts Service
Real Escorts in Al Nahda +971524965298 Dubai Escorts ServiceReal Escorts in Al Nahda +971524965298 Dubai Escorts Service
Real Escorts in Al Nahda +971524965298 Dubai Escorts Service
 
VVIP Pune Call Girls Sinhagad WhatSapp Number 8005736733 With Elite Staff And...
VVIP Pune Call Girls Sinhagad WhatSapp Number 8005736733 With Elite Staff And...VVIP Pune Call Girls Sinhagad WhatSapp Number 8005736733 With Elite Staff And...
VVIP Pune Call Girls Sinhagad WhatSapp Number 8005736733 With Elite Staff And...
 
VIP Call Girls Himatnagar 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Himatnagar 7001035870 Whatsapp Number, 24/07 BookingVIP Call Girls Himatnagar 7001035870 Whatsapp Number, 24/07 Booking
VIP Call Girls Himatnagar 7001035870 Whatsapp Number, 24/07 Booking
 

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

  • 1. User Experience 101: An Introduction & Personal Overview to UX Strategy & Design Essential UX for Startups mckeagney * peak performance for digital businesses
  • 2. 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
  • 4. HCI: Humanising machines PARC Alto, 1973 Command Line Apple LISA, 1983 Windows 1.0, 1985
  • 6. Emergence of a meme, circa 2007
  • 7. 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”
  • 9. 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/
  • 11. 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/
  • 12. Design at the core “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.” “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” Steve Jobs Don Norman, “The Design of Everyday Things”
  • 13. It all begins with understanding your customer user experience “The aim of marketing is to know and understand the customer so well the product or service fits him and sells itself.” Peter Druker, American Business Guru
  • 14. Making someone’s life better, in a meaningful way “Make my life easier & better. Understand me. Surprise me.”
  • 15. Elements of User Experience Source: Jesse James Garrett, “The Elements of User Experience”. http://www.jjg.net/elements/pdf/elements.pdf
  • 16. Getting there: typical user centred design process Source: SAP Design Guild http://www.sapdesignguild.org/resources/ucd_process.asp
  • 17. What about lean? Research & Insights
  • 18. 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?
  • 19. Customer & market fit: build something meaningful “Lesson #1: Are you solving an actual problem?” https://medium.com/@michalbohanes/seven-lessons-i-learned-from-the-failure-of-my-first-startup-dinnr-c166d1cfb8b8
  • 20. 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
  • 21. Toolkit of techniques, one objective: build real insight
  • 24. Sketching & wireframing 26/5/2011 Payment of €35 to John Smith Available balance €356.26 as of 12:32 31st July 2011 refresh: Add / Withdraw Funds Cards & Accounts Privacy | Terms | Help Logout Make a Payment Welcome Oliver A.Baker (Initech) Pay Scan & Pay Connections Receipts/ Transaction History Settings Welcome Oliver A.Baker (Initech) Privacy | Terms | Help Logout Home Pay Arnotts Dublin the sum of €35.00 Line Item One €10 Line Item Two € 25 Teller: Mary McDermott Transaction ID: 1234567890 Date: 21st Feb 2001 Funding Source: My Wallet Pay Cancel Welcome Oliver A.Baker (Initech) Privacy | Terms | Help Logout Home Wallet Visa Mastercard Solo Card Delta Air Miles Card Brown Thomas Gift Card Fuel Card
  • 25. Leverage emerging standards: pattern libraries Source: Zurb University: Library http://zurb.com/university/library
  • 26. 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
  • 27. 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
  • 28. 37 Signals/Basecamp: Masters of the written word
  • 30. PROVA: Two weeks, two people
  • 31. PROVA Demo Web Tablet Phone
  • 33. 2004 - You Could Differentiate Through Simple
  • 34. 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
  • 35. Persuasion & Seduction: Two Gurus Stephen P Anderson Sebastian Deterding www.codingconduct.cc www.codepainter.com 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
  • 36. Psychology & Persuasion at work Gamification Social Proof Paradox of Choice
  • 37. Mobile: Changing behaviour & context March 2011 2044% increase in 15 months Jan 2010
  • 38. Service & system design: experiences, not interfaces
  • 39. Internet of Things: Embedded experiences
  • 40. Best UI is no UI? “No matter how UX = UI cool your interface is, less of it would “The best UI is no UI” be better.” Alan Cooper, About Face Golden Krishnan, 2012
  • 41. The amazing shrinking interface - cash by email
  • 43. Toolkit, actions & takeaways
  • 44. Tools to play around with Wireframing / Protoyping Analytics User Research / Testing
  • 45. Online Resources • Boxes and Arrows • UX Booth • UX Pin • UX Mag • Johnny Holland • A List Apart • UX Apprentice
  • 46. 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
  • 47. 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
  • 48. 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
  • 49. Questions? Get in touch. morgan.mckeagney@gmail.com +353 87 135 5197