Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
User Experience 101: An Introduction & Personal 
Overview to UX Strategy & Design 
Essential UX for Startups 
mckeagney * ...
About Me: @morganmck 
• Founder & Principal, McKeagney Consulting 
(2014-present) 
• Co-founder & CEO of iQ Content (2001-...
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 ...
Most admired?
Kano Model: Intuitive UX as Standard 
Source: Jared Spool, Understanding the Kano Model - A Tool for Sophisticated Designe...
Fundamentals
What is user experience? 
All aspects of the end-user’s interaction with the 
company, its services, and its products. The...
Design at the core 
“Most people make the mistake of thinking 
design is what it looks like. That’s not what we 
think des...
It all begins with understanding your customer 
user experience 
“The aim of marketing is to 
know and understand the 
cus...
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/...
Getting there: typical user centred design process 
Source: SAP Design Guild 
http://www.sapdesignguild.org/resources/ucd_...
What about lean? 
Research & 
Insights
Understanding the customer: when & how? 
Product Validation Make something of value, solve a 
real human’s problem. 
Produ...
Customer & market fit: build something meaningful 
“Lesson #1: Are you solving 
an actual problem?” 
https://medium.com/@m...
Asking the right questions, in the right way 
Source: “The Mom Test”, by Rob Fitzpatrick, referenced in “Seven Lessons I l...
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 
r...
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 F...
Content & Microcopy: content is experience 
“Because interfaces are 
mostly words, and people 
mostly get tripped up by 
s...
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 Seduct...
Persuasion & Seduction: Two Gurus 
Stephen P Anderson 
Sebastian Deterding 
www.codingconduct.cc www.codepainter.com 
Sour...
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.” ...
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 Spoo...
Where to start 
1 Spend useful time with your customers 
2 Jump into some training 
3 Have fun with design: sketch, scribb...
8 Principles to Live By 
#1: Know your customer 
#2: Simpler is generally better 
#3: Get the basics right (sign-ups, flow...
Questions? Get in touch. 
morgan.mckeagney@gmail.com 
+353 87 135 5197
Próxima SlideShare
Cargando en…5
×

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

51.566 visualizaciones

Publicado el

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)

Publicado en: Internet

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

  1. 1. User Experience 101: An Introduction & Personal Overview to UX Strategy & Design Essential UX for Startups mckeagney * peak performance for digital businesses
  2. 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
  3. 3. Genesis
  4. 4. HCI: Humanising machines PARC Alto, 1973 Command Line Apple LISA, 1983 Windows 1.0, 1985
  5. 5. Source: Unbounce http://unbounce.com/a-b-testing/usability-and-ab-testing-%E2%80%93-a-special-relationship/
  6. 6. Emergence of a meme, circa 2007
  7. 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”
  8. 8. Most admired?
  9. 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/
  10. 10. Fundamentals
  11. 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. 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. 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. 14. Making someone’s life better, in a meaningful way “Make my life easier & better. Understand me. Surprise me.”
  15. 15. Elements of User Experience Source: Jesse James Garrett, “The Elements of User Experience”. http://www.jjg.net/elements/pdf/elements.pdf
  16. 16. Getting there: typical user centred design process Source: SAP Design Guild http://www.sapdesignguild.org/resources/ucd_process.asp
  17. 17. What about lean? Research & Insights
  18. 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. 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. 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. 21. Toolkit of techniques, one objective: build real insight
  22. 22. Personas: modelling user behaviour
  23. 23. Customer journey mapping
  24. 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. 25. Leverage emerging standards: pattern libraries Source: Zurb University: Library http://zurb.com/university/library
  26. 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. 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. 28. 37 Signals/Basecamp: Masters of the written word
  29. 29. Prototyping: Building to think TBank
  30. 30. PROVA: Two weeks, two people
  31. 31. PROVA Demo Web Tablet Phone
  32. 32. Future
  33. 33. 2004 - You Could Differentiate Through Simple
  34. 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. 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. 36. Psychology & Persuasion at work Gamification Social Proof Paradox of Choice
  37. 37. Mobile: Changing behaviour & context March 2011 2044% increase in 15 months Jan 2010
  38. 38. Service & system design: experiences, not interfaces
  39. 39. Internet of Things: Embedded experiences
  40. 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. 41. The amazing shrinking interface - cash by email
  42. 42. Invisible interfaces: Goodnight Lamp
  43. 43. Toolkit, actions & takeaways
  44. 44. Tools to play around with Wireframing / Protoyping Analytics User Research / Testing
  45. 45. Online Resources • Boxes and Arrows • UX Booth • UX Pin • UX Mag • Johnny Holland • A List Apart • UX Apprentice
  46. 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. 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. 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. 49. Questions? Get in touch. morgan.mckeagney@gmail.com +353 87 135 5197

×