The Buttons They
Do Nothing!
A lesson in pragmatic UX
Pittsburgh TechFest 2014
– Nicholas McClay
“Hi”
@nickmcclay
UX Developer @ forever.com
Focus on UX
What is UX?
http://www.jjg.net/elements/pdf/elements.pdf
http://www.fastcodesign.com/1671735/infographic-the-intricate-anatomy-of-ux-design#2
Solve for ‘UX’
Technology
People
UX
Who should practice UX?
UX is your
responsibility
Maggot!
Start With People
Things that aren’t people
The technology or infrastructure
Business concerns or ideology
Features or products
Who are these people?
UX Technique : Personas
Persona Development Tips
Keep them concise
Emphasize differences between personas
Make them human
How do I figure out who
my personas should be?
UX Technique : Relationship Mapping
Relationship Mapping Process
Identify internal and external individuals that
influence your product and each other
Connect ...
How do I know I have the
right personas?
UX Technique : Usability Testing
Usability Testing Tips
Try to have a single moderator in the room
More questions than answers
Try to ask participants to p...
– User
“I’ve read all your buttons!?”
Keep it simple
(such as the red slides in this presentation)
― Douglas Crockford,
JavaScript: The Good Parts
“We see a lot of feature-driven product
design in which the cost of featur...
Simplify your UI
1. Make a prioritized list of all the parts of your
interface.
2. Remove anything unnecessary with prejud...
How do you decide what
is important?
UX Technique : Card Sorting
kk
Don’t like the outcome?
UX Technique : Design Review
Design Review Process
Recognize that iteration is part of the process
Identify ‘what’ it is you don’t like specifically
Art...
Synthesis is key to UX
User
Research
AnalysisDesign
Product
Strategy
Prototyping
Data
Driven

Design
UX
–Jared Spool
“Good design, when it’s done well,
becomes invisible. It’s only when
it’s done poorly that we notice it.”
Use...
Consider your
‘Minimal Desirable Product’
More content, less chrome
UX friendly visual design tips
Don’t be afraid of white-space
With visual effects subtlety is key
Emphasize what is importa...
Clarity is more important
than what you say
– unreadable business slobber
“Revenue-focused marketing
automation & sales effectiveness
solutions unleash collaboration
...
User friendly language checklist
Speak in the language of your customer
Be clear and concise
Avoid superlatives and hype
–concise value proposition
“Unleash your marketing
potential!”
UX leads to product and
customer insight
What is valuable?
Time
Money
Control
Offer Consideration
What is it?
What does it cost?
What do I get for that cost?
How do I determine what
is valuable?
UX Technique : Buy a feature
Use tools with great UX
This is only the beginning
Things we didn’t talk about
Analytics and data driven design
Agile and UX processes
Building product vision
– Nicholas McClay
“Thanks!”
@nickmcclay
UX Developer @ forever.com
The buttons they do nothing!  A lesson in pragmatic UX
The buttons they do nothing!  A lesson in pragmatic UX
The buttons they do nothing!  A lesson in pragmatic UX
The buttons they do nothing!  A lesson in pragmatic UX
The buttons they do nothing!  A lesson in pragmatic UX
The buttons they do nothing!  A lesson in pragmatic UX
The buttons they do nothing!  A lesson in pragmatic UX
Upcoming SlideShare
Loading in …5
×

The buttons they do nothing! A lesson in pragmatic UX

1,026 views

Published on

In the fast paced world of software development, products with great user experience are increasingly the deciding factor for where customers decide to spend their time and money. You don't need to be a designer to make great user experiences in your products. UX is a discipline, and a methodology, and a mind-set all rolled into one, and anybody can learn how.

In this presentation I'm going to give you a starter pack of UX design tools you can use to start building better products immediately. The fundamentals of building quality user experiences are quite simple to get started, and will serve you well regardless of whether you are a seasoned UX veteran or a just trying to figure out how to make this web page not suck.

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,026
On SlideShare
0
From Embeds
0
Number of Embeds
20
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

The buttons they do nothing! A lesson in pragmatic UX

  1. 1. The Buttons They Do Nothing! A lesson in pragmatic UX Pittsburgh TechFest 2014
  2. 2. – Nicholas McClay “Hi” @nickmcclay UX Developer @ forever.com
  3. 3. Focus on UX
  4. 4. What is UX?
  5. 5. http://www.jjg.net/elements/pdf/elements.pdf
  6. 6. http://www.fastcodesign.com/1671735/infographic-the-intricate-anatomy-of-ux-design#2
  7. 7. Solve for ‘UX’ Technology People UX
  8. 8. Who should practice UX?
  9. 9. UX is your responsibility Maggot!
  10. 10. Start With People
  11. 11. Things that aren’t people The technology or infrastructure Business concerns or ideology Features or products
  12. 12. Who are these people?
  13. 13. UX Technique : Personas
  14. 14. Persona Development Tips Keep them concise Emphasize differences between personas Make them human
  15. 15. How do I figure out who my personas should be?
  16. 16. UX Technique : Relationship Mapping
  17. 17. Relationship Mapping Process Identify internal and external individuals that influence your product and each other Connect these individuals to each other based on their relationship Narrow in on the most connected influencers
  18. 18. How do I know I have the right personas?
  19. 19. UX Technique : Usability Testing
  20. 20. Usability Testing Tips Try to have a single moderator in the room More questions than answers Try to ask participants to perform tasks, not keywords
  21. 21. – User “I’ve read all your buttons!?”
  22. 22. Keep it simple (such as the red slides in this presentation)
  23. 23. ― Douglas Crockford, JavaScript: The Good Parts “We see a lot of feature-driven product design in which the cost of features is not properly accounted. Features can have a negative value to customers because they make the products more difficult to understand and use.”
  24. 24. Simplify your UI 1. Make a prioritized list of all the parts of your interface. 2. Remove anything unnecessary with prejudice 3. Sketch out the remaining items on the screen in order.
  25. 25. How do you decide what is important?
  26. 26. UX Technique : Card Sorting
  27. 27. kk
  28. 28. Don’t like the outcome?
  29. 29. UX Technique : Design Review
  30. 30. Design Review Process Recognize that iteration is part of the process Identify ‘what’ it is you don’t like specifically Articulate alternative options for comparison
  31. 31. Synthesis is key to UX
  32. 32. User Research AnalysisDesign Product Strategy Prototyping Data Driven
 Design UX
  33. 33. –Jared Spool “Good design, when it’s done well, becomes invisible. It’s only when it’s done poorly that we notice it.” User Interface Engineering
  34. 34. Consider your ‘Minimal Desirable Product’
  35. 35. More content, less chrome
  36. 36. UX friendly visual design tips Don’t be afraid of white-space With visual effects subtlety is key Emphasize what is important
  37. 37. Clarity is more important than what you say
  38. 38. – unreadable business slobber “Revenue-focused marketing automation & sales effectiveness solutions unleash collaboration throughout the revenue cycle!”
  39. 39. User friendly language checklist Speak in the language of your customer Be clear and concise Avoid superlatives and hype
  40. 40. –concise value proposition “Unleash your marketing potential!”
  41. 41. UX leads to product and customer insight
  42. 42. What is valuable? Time Money Control
  43. 43. Offer Consideration What is it? What does it cost? What do I get for that cost?
  44. 44. How do I determine what is valuable?
  45. 45. UX Technique : Buy a feature
  46. 46. Use tools with great UX
  47. 47. This is only the beginning
  48. 48. Things we didn’t talk about Analytics and data driven design Agile and UX processes Building product vision
  49. 49. – Nicholas McClay “Thanks!” @nickmcclay UX Developer @ forever.com

×