56
The Buttons They Do Nothing! A lesson in pragmatic UX Pittsburgh TechFest 2014

The buttons they do nothing! A lesson in pragmatic UX

Embed Size (px)

DESCRIPTION

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.

Citation preview

Page 1: The buttons they do nothing!  A lesson in pragmatic UX

The Buttons They Do Nothing!

A lesson in pragmatic UX

Pittsburgh TechFest 2014

Page 2: The buttons they do nothing!  A lesson in pragmatic UX

– Nicholas McClay

“Hi”

@nickmcclay

UX Developer @ forever.com

Page 3: The buttons they do nothing!  A lesson in pragmatic UX
Page 4: The buttons they do nothing!  A lesson in pragmatic UX
Page 5: The buttons they do nothing!  A lesson in pragmatic UX
Page 6: The buttons they do nothing!  A lesson in pragmatic UX
Page 7: The buttons they do nothing!  A lesson in pragmatic UX

Focus on UX

Page 8: The buttons they do nothing!  A lesson in pragmatic UX

What is UX?

Page 9: The buttons they do nothing!  A lesson in pragmatic UX

http://www.jjg.net/elements/pdf/elements.pdf

Page 10: The buttons they do nothing!  A lesson in pragmatic UX

http://www.fastcodesign.com/1671735/infographic-the-intricate-anatomy-of-ux-design#2

Page 11: The buttons they do nothing!  A lesson in pragmatic UX

Solve for ‘UX’

Technology

People

UX

Page 12: The buttons they do nothing!  A lesson in pragmatic UX

Who should practice UX?

Page 13: The buttons they do nothing!  A lesson in pragmatic UX

UX is your responsibility

Maggot!

Page 14: The buttons they do nothing!  A lesson in pragmatic UX

Start With People

Page 15: The buttons they do nothing!  A lesson in pragmatic UX

Things that aren’t people

The technology or infrastructure

Business concerns or ideology

Features or products

Page 16: The buttons they do nothing!  A lesson in pragmatic UX

Who are these people?

Page 17: The buttons they do nothing!  A lesson in pragmatic UX

UX Technique : Personas

Page 18: The buttons they do nothing!  A lesson in pragmatic UX

Persona Development Tips

Keep them concise

Emphasize differences between personas

Make them human

Page 19: The buttons they do nothing!  A lesson in pragmatic UX

How do I figure out who my personas should be?

Page 20: The buttons they do nothing!  A lesson in pragmatic UX

UX Technique : Relationship Mapping

Page 21: The buttons they do nothing!  A lesson in pragmatic UX

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

Page 22: The buttons they do nothing!  A lesson in pragmatic UX

How do I know I have the right personas?

Page 23: The buttons they do nothing!  A lesson in pragmatic UX

UX Technique : Usability Testing

Page 24: The buttons they do nothing!  A lesson in pragmatic UX

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

Page 25: The buttons they do nothing!  A lesson in pragmatic UX

– User

“I’ve read all your buttons!?”

Page 26: The buttons they do nothing!  A lesson in pragmatic UX

Keep it simple

(such as the red slides in this presentation)

Page 27: The buttons they do nothing!  A lesson in pragmatic UX

― 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.”

Page 28: The buttons they do nothing!  A lesson in pragmatic UX

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.

Page 29: The buttons they do nothing!  A lesson in pragmatic UX

How do you decide what is important?

Page 30: The buttons they do nothing!  A lesson in pragmatic UX

UX Technique : Card Sorting

Page 31: The buttons they do nothing!  A lesson in pragmatic UX

kk

Page 32: The buttons they do nothing!  A lesson in pragmatic UX

Don’t like the outcome?

Page 33: The buttons they do nothing!  A lesson in pragmatic UX

UX Technique : Design Review

Page 34: The buttons they do nothing!  A lesson in pragmatic UX

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

Page 35: The buttons they do nothing!  A lesson in pragmatic UX

Synthesis is key to UX

Page 36: The buttons they do nothing!  A lesson in pragmatic UX

User Research

AnalysisDesign

Product Strategy

Prototyping

Data DrivenDesign

UX

Page 37: The buttons they do nothing!  A lesson in pragmatic 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

Page 38: The buttons they do nothing!  A lesson in pragmatic UX

Consider your ‘Minimal Desirable Product’

Page 39: The buttons they do nothing!  A lesson in pragmatic UX

More content, less chrome

Page 40: The buttons they do nothing!  A lesson in pragmatic UX
Page 41: The buttons they do nothing!  A lesson in pragmatic UX

UX friendly visual design tips

Don’t be afraid of white-space

With visual effects subtlety is key

Emphasize what is important

Page 42: The buttons they do nothing!  A lesson in pragmatic UX

Clarity is more important than what you say

Page 43: The buttons they do nothing!  A lesson in pragmatic UX

– unreadable business slobber

“Revenue-focused marketing automation & sales effectiveness solutions unleash collaboration throughout the revenue cycle!”

Page 44: The buttons they do nothing!  A lesson in pragmatic UX

User friendly language checklist

Speak in the language of your customer

Be clear and concise

Avoid superlatives and hype

Page 45: The buttons they do nothing!  A lesson in pragmatic UX

–concise value proposition

“Unleash your marketing potential!”

Page 46: The buttons they do nothing!  A lesson in pragmatic UX

UX leads to product and customer insight

Page 47: The buttons they do nothing!  A lesson in pragmatic UX

What is valuable?

Time

Money

Control

Page 48: The buttons they do nothing!  A lesson in pragmatic UX

Offer Consideration

What is it?

What does it cost?

What do I get for that cost?

Page 49: The buttons they do nothing!  A lesson in pragmatic UX

How do I determine what is valuable?

Page 50: The buttons they do nothing!  A lesson in pragmatic UX

UX Technique : Buy a feature

Page 51: The buttons they do nothing!  A lesson in pragmatic UX

Use tools with great UX

Page 52: The buttons they do nothing!  A lesson in pragmatic UX
Page 53: The buttons they do nothing!  A lesson in pragmatic UX
Page 54: The buttons they do nothing!  A lesson in pragmatic UX

This is only the beginning

Page 55: The buttons they do nothing!  A lesson in pragmatic UX

Things we didn’t talk about

Analytics and data driven design

Agile and UX processes

Building product vision

Page 56: The buttons they do nothing!  A lesson in pragmatic UX

– Nicholas McClay

“Thanks!”

@nickmcclay

UX Developer @ forever.com