The buttons they do nothing! A lesson in pragmatic UX
-
Upload
nicholas-mcclay -
Category
Design
-
view
102 -
download
0
description
Transcript of The buttons they do nothing! A lesson in pragmatic UX
The Buttons They Do Nothing!
A lesson in pragmatic UX
Pittsburgh TechFest 2014
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 these individuals to each other based on their relationship
Narrow in on the most connected influencers
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 perform tasks, not keywords
– 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 features is not properly accounted. Features can
have a negative value to customers because they make the products more
difficult to understand and use.”
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.
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
Articulate alternative options for comparison
Synthesis is key to UX
User Research
AnalysisDesign
Product Strategy
Prototyping
Data DrivenDesign
UX
–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
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 important
Clarity is more important than what you say
– unreadable business slobber
“Revenue-focused marketing automation & sales effectiveness solutions unleash collaboration throughout the revenue cycle!”
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