SlideShare a Scribd company logo
1 of 99
Download to read offline
Designing A Great User Experience
Presented by Steve Hickey — fresh tilled soil
fresh tilled soil
Designing A
Great User Experience
fresh tilled soil Designing A Great User Experience
About Your Instructor
Hi, I’m Steve Hickey.
I design and develop for Fresh Tilled Soil.
I write, speak and teach.
You can find me on Twitter @stevehickeydsgn
fresh tilled soil Designing A Great User Experience
01What is User Experience Design?UI vs UX and select principles of user experience design
fresh tilled soil Designing A Great User Experience
UI VS. UX Design
User Interface Design is:
A component of User Experience Design. It’s the look and the feel, the form.
User Experience Design is:
The bigger picture. How well does the site/app function? Is it pleasant to
use? Can a user accomplish their goals with ease?
fresh tilled soil Designing A Great User Experience
UI VS. UX Design
How do I feel while using the product?
fresh tilled soil Designing A Great User Experience
UI VS. UX Design
All of the pieces of building a product affect the UX.
Excellent user interface design is part of what creates a great user
experience. But you can have a great UI with a terrible experience.
fresh tilled soil Designing A Great User Experience
Select Principles
Let’s talk about some of the things that a great user experience designer
must keep in mind when building a truly amazing product for the web.
This list is not exhaustive, but the provided sources have a lot more info.
fresh tilled soil Designing A Great User Experience
The Robustness Principle
Be conservative in what you do,
be liberal in what you accept from others.
alistapart.com/article/your-website-has-two-faces
fresh tilled soil Designing A Great User Experience
The Robustness Principle
In other words, there are certain constraints that must be embraced to
balance human needs with computer needs for a robust web application.
• It must accept input in a human-friendly fashion.
• It must accept the burden of translating info to a computer-friendly format.
• It must be clear about what human input is reasonable.
• It must provide feedback on this input.
alistapart.com/article/your-website-has-two-faces
fresh tilled soil Designing A Great User Experience
The Robustness Principle
Err towards making it easier for the user.
alistapart.com/article/your-website-has-two-faces
fresh tilled soil Designing A Great User Experience
The Robustness Principle
Phone Number:
Submit
fresh tilled soil Designing A Great User Experience
The Robustness Principle
Phone Number:
1 (508) 833-8469 Submit
fresh tilled soil Designing A Great User Experience
The Robustness Principle
Phone Number:
1 (508) 833-8469 Submit
Error: must be entered in this format: 555-867-5309
fresh tilled soil Designing A Great User Experience
The Robustness Principle
Phone Number:
example: 508-833-8469 Submit
fresh tilled soil Designing A Great User Experience
The Robustness Principle
Phone Number:
example: 508-833-8469
Submit
fresh tilled soil Designing A Great User Experience
The Robustness Principle
Phone Number:
__ __ __ - __ __ __ - __ __ __ __ Submit
fresh tilled soil Designing A Great User Experience
The Pareto Principle
For many events, roughly 80% of the effects
come from 20% of the causes.
measuringusability.com/blog/pareto-ux.php
fresh tilled soil Designing A Great User Experience
The Pareto Principle
In other words, focusing on the top 20% of your bugs and design problems
can fix 80% of the problems encountered by your users.
Or, 80% of your users will only use 20% of your features/options.
measuringusability.com/blog/pareto-ux.php
fresh tilled soil Designing A Great User Experience
The Pareto Principle
Country:
Afghanistan Submit
fresh tilled soil Designing A Great User Experience
The Pareto Principle
Country:
United States of America SubmitAfghanistan
Albania
Algeria
American Samoa
Andorra
Angola
Anguilla
Antarctica
Antigua And Barbuda
Argentina
Armenia
Aruba
fresh tilled soil Designing A Great User Experience
The Pareto Principle
Country:
United States of America SubmitUnited States of America
Canada
United Kingdom
Australia
------------------------------
Afghanistan
Albania
Algeria
American Samoa
Andorra
Angola
Anguilla
fresh tilled soil Designing A Great User Experience
Fitts’s Law
The time required to rapidly move to a
target area is a function of the distance to
the target and the size of the target.
codinghorror.com/blog/2006/08/fitts-law-and-infinite-width.html
fresh tilled soil Designing A Great User Experience
Fitts’s Law
In other words, the farther away a touch/click target is from where the
user starts, the larger it needs to be in order for it to be quickly and
accurately reached.
Two ways to make frequently used items easier to click/tap:
1: Put them near the edge of the screen.
2. Make them larger than other items.
codinghorror.com/blog/2006/08/fitts-law-and-infinite-width.html
fresh tilled soil Designing A Great User Experience
Fitts’s Law
fresh tilled soil Designing A Great User Experience
Fitts’s Law
fresh tilled soil Designing A Great User Experience
The Principle of Least Astonishment
When two elements of an interface conflict
or are ambiguous, the behavior should be
that which will least surprise the user.
wikipedia.org/wiki/Principle_of_least_astonishment
fresh tilled soil Designing A Great User Experience
The Principle of Least Astonishment
In other words, the best result of an action is whatever the user is most
likely to expect, not the result that comes through in depth knowledge.
This will change from system to system. Mac OSX users could expect
something different than Microsoft Windows users. Android and iOS have
different design patterns for different interactions as well.
wikipedia.org/wiki/Principle_of_least_astonishment
fresh tilled soil Designing A Great User Experience
The Principle of Least Astonishment
fresh tilled soil Designing A Great User Experience
The Principle of Least Astonishment
fresh tilled soil Designing A Great User Experience
Dieter Rams: Principle 10
Good design is as little design as possible.
vitsoe.com/us/about/good-design
fresh tilled soil Designing A Great User Experience
Dieter Rams: Principle 10
He also stated this as “less, but better.” Many would refer to it as simplicity.
vitsoe.com/us/about/good-design
fresh tilled soil Designing A Great User Experience
Dieter Rams: Principle 10
fresh tilled soil Designing A Great User Experience
Dieter Rams: Principle 10
fresh tilled soil Designing A Great User Experience
Joshua Porter: Principle 6
One primary action per screen.
bokardo.com/principles-of-user-interface-design/
fresh tilled soil Designing A Great User Experience
Joshua Porter: Principle 6
Screens or states with more than one primary action become confusing.
It’s better for any screen to have one primary reason for existing.
bokardo.com/principles-of-user-interface-design/
fresh tilled soil Designing A Great User Experience
Joshua Porter: Principle 6
fresh tilled soil Designing A Great User Experience
Joshua Porter: Principle 6
fresh tilled soil Designing A Great User Experience
Joshua Porter: Principle 17
Great design is invisible.
bokardo.com/principles-of-user-interface-design/
fresh tilled soil Designing A Great User Experience
Joshua Porter: Principle 17
An interface shouldn’t distract a user from what they are trying to
accomplish, which is the reason the interface exists in the first place. Turn
the special effects down a notch.
bokardo.com/principles-of-user-interface-design/
fresh tilled soil Designing A Great User Experience
Joshua Porter: Principle 17
fresh tilled soil Designing A Great User Experience
Joshua Porter: Principle 17
fresh tilled soil Designing A Great User Experience
BJ Fogg’s Behavior Model
Three factors drive behavior: motivation, ability and triggers.
ability
motivation
HighLow
Low
High Target behavior
Triggers fail here.
Triggers succeed here.
behaviormodel.org/
fresh tilled soil Designing A Great User Experience
BJ Fogg’s Behavior Model
The amount of motivation and ability required vary based on how much of
the other is present. These must be combined with an effective trigger for a
target behavior to happen.
All three are required to persuade a user to do something.
behaviormodel.org/
fresh tilled soil Designing A Great User Experience
BJ Fogg’s Behavior Model
Motivation happens on three spectrums:
Sensation: Pleasure <> Pain
Anticipation: Hope <> Fear
Social Cohesion: Acceptance <> Rejection
behaviormodel.org/
fresh tilled soil Designing A Great User Experience
BJ Fogg’s Behavior Model
You can increase ability in two ways:
Train Your User: Harder to do but sometimes necessary.
Make The Target Behavior Easier: Usually the right thing to do.
behaviormodel.org/
fresh tilled soil Designing A Great User Experience
BJ Fogg’s Behavior Model
In other words, make it simpler.
Think of simplicity as a function of your scarcest resource at the moment in
which you want to accomplish something. Time and money fit this model.
behaviormodel.org/
fresh tilled soil Designing A Great User Experience
Resources
You can read a lot more at these sites:
Joshua Porter: bokardo.com/principles-of-user-interface-design/
Dieter Rams: vitsoe.com/us/about/good-design
Jeremy Keith: principles.adactio.com/
BJ Fogg: behaviormodel.org/
fresh tilled soil Designing A Great User Experience
02Methods of Effective UX DesignThe habits of highly effective UX designers
fresh tilled soil Designing A Great User Experience
Methods
Every UX designer’s process is different, but the way successful ones
approach their process include some useful commonalities.
fresh tilled soil Designing A Great User Experience
1. Be Prolific
Your best idea is never your first. Don’t tell me it is, I don’t believe you.
Come up with 5 ideas. Come up with 10. Come up with 20!
fresh tilled soil Designing A Great User Experience
1. Be Prolific
The point is to get the obvious out of your system. Once you’ve gotten past
that you can really start to be creative and innovative.
fresh tilled soil Designing A Great User Experience
1. Be Prolific
teehanlax.com/story/medium/
fresh tilled soil Designing A Great User Experience
1. Be Prolific
teehanlax.com/story/medium/
fresh tilled soil Designing A Great User Experience
1. Be Prolific
teehanlax.com/story/medium/
fresh tilled soil Designing A Great User Experience
1. Be Prolific
teehanlax.com/story/medium/
fresh tilled soil Designing A Great User Experience
1. Be Prolific
teehanlax.com/story/medium/
fresh tilled soil Designing A Great User Experience
1. Be Prolific
teehanlax.com/story/medium/
fresh tilled soil Designing A Great User Experience
2. Collaborate
Nobody works well in a vacuum. When you don’t seek outside opinions
you can get trapped and focus on things that may not be as important.
fresh tilled soil Designing A Great User Experience
2. Collaborate
Other opinions will break you out of mental traps and improve your work.
fresh tilled soil Designing A Great User Experience
2. Collaborate
designstaff.org/articles/product-design-sprint-day-2-diverge-2012-10-26.html
fresh tilled soil Designing A Great User Experience
3. Iterate
The best way to test your assumptions is to make something. You’ll get a
lot of stuff wrong, but there’s no better way to learn about your problems
and move beyond them.
fresh tilled soil Designing A Great User Experience
3. Iterate
Fail early and often and you’ll set yourself up better for eventual success.
fresh tilled soil Designing A Great User Experience
3. Iterate
azarask.in/blog/post/iterative_design_isnt_design_by/
fresh tilled soil Designing A Great User Experience
4. Be Flexible
As you work you’ll realize that previous assumptions needs to be changed.
You shouldn’t think of deliverables as a checklist, they are a web of
connected items.
fresh tilled soil Designing A Great User Experience
4. Be Flexible
Each change has the potential to affect every other deliverable.
fresh tilled soil Designing A Great User Experience
03Artifacts of a UX Design ProcessThe things we build
fresh tilled soil Designing A Great User Experience
Definition Statement
1. What is the product’s experience?
2. What is the product meant to do?
3. What is the product’s audience?
iosworkshops.com/
fresh tilled soil Designing A Great User Experience
Definition Statement
This should be short. A couple of sentences, a brief paragraph at most.
It is the guiding principle of what you’re building.
fresh tilled soil Designing A Great User Experience
User Types & User Personas
User types rely on existing data and informed assumptions to decide what
distinct types of users you have and what they will want to accomplish.
They aren’t complicated, they’re just a quick way of remembering the
differences in your primary users and their objectives.
fresh tilled soil Designing A Great User Experience
User Types & User Personas
User personas are much more involved, requiring research and interviews
with actual potential users, and typically take weeks or months to compile.
Findings are compiled into categories, then assigned traits, habits, names
and photos so that they are visible and easy to remember as you work.
fresh tilled soil Designing A Great User Experience
User Types & User Personas
uxmag.com/articles/personas-the-foundation-of-a-great-user-experience
fresh tilled soil Designing A Great User Experience
User Types & User Personas
Whether you decide to deal with user types or user personas is a question
of resources and time, but using at least one of them tends to remind you
that your users are real.
fresh tilled soil Designing A Great User Experience
User Stories & Features
As a { type } user, I would like to { task/objective }.
These become your features. Have you come up with a feature idea that
doesn’t fit into a user story? It may not be nearly as important as you
thought it was.
fresh tilled soil Designing A Great User Experience
User Stories & Features
https://www.apptrajectory.com/
fresh tilled soil Designing A Great User Experience
Site Map & User Journeys
Features are going to fit into logical groups that define pages and flows.
Placing these into a site map will help you create the appropriate
relationships between components, and show you just how simple or
complex your plan is.
fresh tilled soil Designing A Great User Experience
Wireframes & Sketches
Your wireframes are the blueprints for your product. They generally consist
of layouts of the pages and flows you listed previously.
They help make sure all functionality is available, and that there is a logical
hierarchy. Beyond those basics, wireframes really shouldn’t be used to
dictate design decisions.
fresh tilled soil Designing A Great User Experience
Wireframes & Sketches
Wireframes don’t even have to be high fidelity to be effective. Sketches
can make excellent wireframes if they’re complete and well rendered.
As another advantage, sketches are much faster to produce and iterate
through than other, higher fidelity methods of wireframing.
fresh tilled soil Designing A Great User Experience
Wireframes & Sketches
fresh tilled soil Designing A Great User Experience
Wireframes & Sketches
fresh tilled soil Designing A Great User Experience
Wireframes & Sketches
fresh tilled soil Designing A Great User Experience
Wireframes & Sketches
fresh tilled soil Designing A Great User Experience
Prototypes
Prototypes are a bit more advanced than wireframes. They mimic
completed functionality to the point that you can run tests with a user.
fresh tilled soil Designing A Great User Experience
Prototypes
They can be as small as a single piece of functionality, or they can mimic a
completed product in every meaningful way. They are used to test a product
without building it.
A good prototype helps you decide what to build.
fresh tilled soil Designing A Great User Experience
Prototypes
alistapart.com/article/dive-into-responsive-prototyping-with-foundation
fresh tilled soil Designing A Great User Experience
Prototypes
These products can help you prototype:
Foundation: foundation.zurb.com
Bootstrap: twitter.github.io/bootstrap
Ratchet: maker.github.io/ratchet
Flinto: flinto.com
Briefs: giveabrief.com
POP: popapp.in
Xcode/Storyboard: blog.mengto.com/prototype-xcode-storyboard
fresh tilled soil Designing A Great User Experience
User Tests
A user test helps you validate whatever you decided to build.
You can test a finished product and get lots of great information, but the
greatest advantage is conferred when you are able to start testing early.
We’ll discuss this more in the next section.
fresh tilled soil Designing A Great User Experience
04What to Build and WhyYour first test
fresh tilled soil Designing A Great User Experience
So, what Should I build?
Whatever you can. Sometimes that’s not much. But ask yourself this:
Would you rather invest years and millions of dollars into building
something only to find out nobody can figure out how it works? Or even
worse, that nobody wants it?
fresh tilled soil Designing A Great User Experience
Prototype
For us, the answer is often a prototype. We aren’t back-end developers, we
don’t employ back-end developers. If we aren’t working with a dev team yet
we still need to build something to test. Fortunately, front-end tech makes
it easy to fake a back-end.
fresh tilled soil Designing A Great User Experience
Minimum Viable Product
For startups and product companies a minimum viable product is often the
answer. An MVP is popular in Lean circles. Building one means building the
smallest thing you can learn something from. Build it, test it, learn from
those tests, build something new.
It is the smallest amount of effort you can go to and still get validated
learning from it.
fresh tilled soil Designing A Great User Experience
Usability Testing
Regardless of what you build, you should test it with real users.
Assumptions are often wrong, and a user test will uncover that quickly.
fresh tilled soil Designing A Great User Experience
Steve Krug’s Maxims of User Testing
A morning a month, that’s all we ask.
sensible.com/rsme.html
fresh tilled soil Designing A Great User Experience
Steve Krug’s Maxims of User Testing
Start earlier than you think makes sense.
sensible.com/rsme.html
fresh tilled soil Designing A Great User Experience
Steve Krug’s Maxims of User Testing
Recruit loosely and grade on a curve.
sensible.com/rsme.html
fresh tilled soil Designing A Great User Experience
Steve Krug’s Maxims of User Testing
Make it a spectator sport.
sensible.com/rsme.html
fresh tilled soil Designing A Great User Experience
Steve Krug’s Maxims of User Testing
Focus ruthlessly on a small number of the
most important problems.
sensible.com/rsme.html
fresh tilled soil Designing A Great User Experience
Steve Krug’s Maxims of User Testing
When fixing problems, always do the least
you can do.
sensible.com/rsme.html
fresh tilled soil Designing A Great User Experience
Steve Krug’s Maxims of User Testing
Read this. Thank me later. I’ll let Steve know I’m expecting a commission.
sensible.com/rsme.html
fresh tilled soil Designing A Great User Experience
Q&A
We’ll do Q&A now.
If you’re looking for some of the sources I used,
you can find this presentation on Slideshare:
goo.gl/MAbqN

More Related Content

What's hot

UX & UI: The differences between two abbreviations
UX & UI: The differences between two abbreviationsUX & UI: The differences between two abbreviations
UX & UI: The differences between two abbreviationsJessica Kainu
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignJoan Lumanauw
 
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design PortfolioRethinking the Interaction Design Portfolio
Rethinking the Interaction Design PortfolioJoel Califa
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?Baris Erkol
 
Putting the "User" back in User Experience
Putting the "User" back in User ExperiencePutting the "User" back in User Experience
Putting the "User" back in User ExperienceJeremy Johnson
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designMorgan McKeagney
 
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 MalekiMatin Maleki
 
NoVA UX Responsive Design
NoVA UX Responsive DesignNoVA UX Responsive Design
NoVA UX Responsive DesignUXMattFiore
 
Usability and User Experience
Usability and User ExperienceUsability and User Experience
Usability and User ExperienceShawn Calvert
 
UX & UI Design behind SDL’s Customer Experience Cloud
UX & UI Design behind SDL’s Customer Experience CloudUX & UI Design behind SDL’s Customer Experience Cloud
UX & UI Design behind SDL’s Customer Experience CloudPhilipp Engel
 
Principles of User Interface Design
Principles of User Interface DesignPrinciples of User Interface Design
Principles of User Interface DesignKANKIPATI KISHORE
 
Game interface design part 2
Game interface design part 2Game interface design part 2
Game interface design part 2Durgesh Pandey
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for StartupsRichard Fang
 
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Careerdpanarelli
 
Understanding Product Design UX / UI / v.3
Understanding Product Design UX / UI / v.3Understanding Product Design UX / UI / v.3
Understanding Product Design UX / UI / v.3Eduardo Wydler
 
UX Insights from a Drunk Guy
UX Insights from a Drunk GuyUX Insights from a Drunk Guy
UX Insights from a Drunk GuyAustin Knight
 

What's hot (20)

UX & UI: The differences between two abbreviations
UX & UI: The differences between two abbreviationsUX & UI: The differences between two abbreviations
UX & UI: The differences between two abbreviations
 
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 UX?
What is UX?What is UX?
What is UX?
 
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design PortfolioRethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?
 
Putting the "User" back in User Experience
Putting the "User" back in User ExperiencePutting the "User" back in User Experience
Putting the "User" back in User Experience
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing Services
 
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
 
NoVA UX Responsive Design
NoVA UX Responsive DesignNoVA UX Responsive Design
NoVA UX Responsive Design
 
Usability and User Experience
Usability and User ExperienceUsability and User Experience
Usability and User Experience
 
UX Explained
UX ExplainedUX Explained
UX Explained
 
UX & UI Design behind SDL’s Customer Experience Cloud
UX & UI Design behind SDL’s Customer Experience CloudUX & UI Design behind SDL’s Customer Experience Cloud
UX & UI Design behind SDL’s Customer Experience Cloud
 
User experience design
User experience designUser experience design
User experience design
 
Principles of User Interface Design
Principles of User Interface DesignPrinciples of User Interface Design
Principles of User Interface Design
 
Game interface design part 2
Game interface design part 2Game interface design part 2
Game interface design part 2
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Career
 
Understanding Product Design UX / UI / v.3
Understanding Product Design UX / UI / v.3Understanding Product Design UX / UI / v.3
Understanding Product Design UX / UI / v.3
 
UX Insights from a Drunk Guy
UX Insights from a Drunk GuyUX Insights from a Drunk Guy
UX Insights from a Drunk Guy
 

Viewers also liked

UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyCHI UX Indonesia
 
10 Most Common Misconceptions About User Experience Design
10 Most Common Misconceptions About User Experience Design10 Most Common Misconceptions About User Experience Design
10 Most Common Misconceptions About User Experience DesignWhitney Hess
 
Visualising the User Experience
Visualising the User ExperienceVisualising the User Experience
Visualising the User ExperienceGrant Robinson
 
How UX Design Has Changed The World
How UX Design Has Changed The WorldHow UX Design Has Changed The World
How UX Design Has Changed The WorldBuiltByHQ
 
GE User Experience Playbook
GE User Experience PlaybookGE User Experience Playbook
GE User Experience PlaybookMelinda Belcher
 
Usability vs. User Experience: What's the difference?
Usability vs. User Experience: What's the difference?Usability vs. User Experience: What's the difference?
Usability vs. User Experience: What's the difference?Domain7
 
10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer ExperienceYuan Wang
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!Jayan Narayanan
 
User experience doesn't happen on a screen: It happens in the mind.
User experience doesn't happen on a screen: It happens in the mind.User experience doesn't happen on a screen: It happens in the mind.
User experience doesn't happen on a screen: It happens in the mind.John Whalen
 
The Future of Everything
The Future of EverythingThe Future of Everything
The Future of EverythingCharbel Zeaiter
 
B2B Social Media Made Easy
B2B Social Media Made EasyB2B Social Media Made Easy
B2B Social Media Made EasyReading Room
 
UX: Missar, myter & nyttiga fakta
UX: Missar, myter & nyttiga faktaUX: Missar, myter & nyttiga fakta
UX: Missar, myter & nyttiga faktaKAN
 
Creating a Balanced UX Workflow
Creating a Balanced UX WorkflowCreating a Balanced UX Workflow
Creating a Balanced UX WorkflowJason Beaird
 
Good user interface principles
Good user interface principlesGood user interface principles
Good user interface principlesAryan Rathore
 
Technology Startup Investing 101
Technology Startup Investing 101Technology Startup Investing 101
Technology Startup Investing 101Mark Thomas
 

Viewers also liked (20)

UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
10 Most Common Misconceptions About User Experience Design
10 Most Common Misconceptions About User Experience Design10 Most Common Misconceptions About User Experience Design
10 Most Common Misconceptions About User Experience Design
 
Visualising the User Experience
Visualising the User ExperienceVisualising the User Experience
Visualising the User Experience
 
What is ux?
What is ux?What is ux?
What is ux?
 
How to Teach UX Design
How to Teach UX DesignHow to Teach UX Design
How to Teach UX Design
 
How UX Design Has Changed The World
How UX Design Has Changed The WorldHow UX Design Has Changed The World
How UX Design Has Changed The World
 
GE User Experience Playbook
GE User Experience PlaybookGE User Experience Playbook
GE User Experience Playbook
 
Usability vs. User Experience: What's the difference?
Usability vs. User Experience: What's the difference?Usability vs. User Experience: What's the difference?
Usability vs. User Experience: What's the difference?
 
10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 
User experience doesn't happen on a screen: It happens in the mind.
User experience doesn't happen on a screen: It happens in the mind.User experience doesn't happen on a screen: It happens in the mind.
User experience doesn't happen on a screen: It happens in the mind.
 
The Future of Everything
The Future of EverythingThe Future of Everything
The Future of Everything
 
B2B Social Media Made Easy
B2B Social Media Made EasyB2B Social Media Made Easy
B2B Social Media Made Easy
 
UX: Missar, myter & nyttiga fakta
UX: Missar, myter & nyttiga faktaUX: Missar, myter & nyttiga fakta
UX: Missar, myter & nyttiga fakta
 
Creating a Balanced UX Workflow
Creating a Balanced UX WorkflowCreating a Balanced UX Workflow
Creating a Balanced UX Workflow
 
Good user interface principles
Good user interface principlesGood user interface principles
Good user interface principles
 
Technology Startup Investing 101
Technology Startup Investing 101Technology Startup Investing 101
Technology Startup Investing 101
 
How tos of UX
How tos of UXHow tos of UX
How tos of UX
 
Words of Wisdom
Words of WisdomWords of Wisdom
Words of Wisdom
 
SPIKY TEACHERS
SPIKY TEACHERSSPIKY TEACHERS
SPIKY TEACHERS
 

Similar to Designing A Great User Experience

User Experience & Web Product Design
User Experience & Web Product DesignUser Experience & Web Product Design
User Experience & Web Product DesignSteve Hickey
 
Responsive Web Design ~ Best Practices for Maximizing ROI
Responsive Web Design ~ Best Practices for Maximizing ROIResponsive Web Design ~ Best Practices for Maximizing ROI
Responsive Web Design ~ Best Practices for Maximizing ROIJuan Carlos Duron
 
Form Function Class 6, Manila, Philippines 14/11/2015
Form Function Class 6, Manila, Philippines 14/11/2015Form Function Class 6, Manila, Philippines 14/11/2015
Form Function Class 6, Manila, Philippines 14/11/2015Holger Bartel
 
Application designshowcase 1st_edition
Application designshowcase 1st_editionApplication designshowcase 1st_edition
Application designshowcase 1st_editionJeffrey Katz
 
Intensive Workshop:Building Apps -Idea to Release- for Non-Techie Entrepreneurs
Intensive Workshop:Building Apps -Idea to Release- for Non-Techie EntrepreneursIntensive Workshop:Building Apps -Idea to Release- for Non-Techie Entrepreneurs
Intensive Workshop:Building Apps -Idea to Release- for Non-Techie Entrepreneursideatoipo
 
The Laws of User Experience: Making it or breaking it with the UX Factor
The Laws of User Experience: Making it or breaking it with the UX FactorThe Laws of User Experience: Making it or breaking it with the UX Factor
The Laws of User Experience: Making it or breaking it with the UX FactorEffectiveUI
 
The Laws of User Experience: Making it or Breaking It with the UX Factor
The Laws of User Experience: Making it or Breaking It with the UX FactorThe Laws of User Experience: Making it or Breaking It with the UX Factor
The Laws of User Experience: Making it or Breaking It with the UX FactorEffective
 
UX: Interaction Design
UX: Interaction DesignUX: Interaction Design
UX: Interaction DesignAngela Duggan
 
User Experience 101 for Developers
User Experience 101 for DevelopersUser Experience 101 for Developers
User Experience 101 for DevelopersRoss Belmont
 
New Rules of The Responsive Web
New Rules of The Responsive WebNew Rules of The Responsive Web
New Rules of The Responsive WebMatt Carver
 
Making your job website easier to use
Making your job website easier to useMaking your job website easier to use
Making your job website easier to useStuart Church
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1studiokandm
 
UX Masterclass at muru-D
UX Masterclass at muru-DUX Masterclass at muru-D
UX Masterclass at muru-DDoralin Kelly
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1studiokandm
 
accessibility_101.pdf
accessibility_101.pdfaccessibility_101.pdf
accessibility_101.pdfdonna911404
 
I'll gladly pay you Tuesday for a hamburger today: Managing UX Debt
I'll gladly pay you Tuesday for a hamburger today: Managing UX DebtI'll gladly pay you Tuesday for a hamburger today: Managing UX Debt
I'll gladly pay you Tuesday for a hamburger today: Managing UX DebtJack Moffett
 
Eliminating UX Debt in the Enterprise
Eliminating UX Debt in the EnterpriseEliminating UX Debt in the Enterprise
Eliminating UX Debt in the Enterpriseuxpin
 

Similar to Designing A Great User Experience (20)

User Experience & Web Product Design
User Experience & Web Product DesignUser Experience & Web Product Design
User Experience & Web Product Design
 
Responsive Web Design ~ Best Practices for Maximizing ROI
Responsive Web Design ~ Best Practices for Maximizing ROIResponsive Web Design ~ Best Practices for Maximizing ROI
Responsive Web Design ~ Best Practices for Maximizing ROI
 
Form Function Class 6, Manila, Philippines 14/11/2015
Form Function Class 6, Manila, Philippines 14/11/2015Form Function Class 6, Manila, Philippines 14/11/2015
Form Function Class 6, Manila, Philippines 14/11/2015
 
Application designshowcase 1st_edition
Application designshowcase 1st_editionApplication designshowcase 1st_edition
Application designshowcase 1st_edition
 
Intensive Workshop:Building Apps -Idea to Release- for Non-Techie Entrepreneurs
Intensive Workshop:Building Apps -Idea to Release- for Non-Techie EntrepreneursIntensive Workshop:Building Apps -Idea to Release- for Non-Techie Entrepreneurs
Intensive Workshop:Building Apps -Idea to Release- for Non-Techie Entrepreneurs
 
The Laws of User Experience: Making it or breaking it with the UX Factor
The Laws of User Experience: Making it or breaking it with the UX FactorThe Laws of User Experience: Making it or breaking it with the UX Factor
The Laws of User Experience: Making it or breaking it with the UX Factor
 
The Laws of User Experience: Making it or Breaking It with the UX Factor
The Laws of User Experience: Making it or Breaking It with the UX FactorThe Laws of User Experience: Making it or Breaking It with the UX Factor
The Laws of User Experience: Making it or Breaking It with the UX Factor
 
UX: Interaction Design
UX: Interaction DesignUX: Interaction Design
UX: Interaction Design
 
User Experience 101 for Developers
User Experience 101 for DevelopersUser Experience 101 for Developers
User Experience 101 for Developers
 
Power Of An Hour
Power Of An HourPower Of An Hour
Power Of An Hour
 
New Rules of The Responsive Web
New Rules of The Responsive WebNew Rules of The Responsive Web
New Rules of The Responsive Web
 
Making your job website easier to use
Making your job website easier to useMaking your job website easier to use
Making your job website easier to use
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1
 
UX Masterclass at muru-D
UX Masterclass at muru-DUX Masterclass at muru-D
UX Masterclass at muru-D
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1
 
accessibility_101.pdf
accessibility_101.pdfaccessibility_101.pdf
accessibility_101.pdf
 
Roi of ux-brazil
Roi of ux-brazilRoi of ux-brazil
Roi of ux-brazil
 
I'll gladly pay you Tuesday for a hamburger today: Managing UX Debt
I'll gladly pay you Tuesday for a hamburger today: Managing UX DebtI'll gladly pay you Tuesday for a hamburger today: Managing UX Debt
I'll gladly pay you Tuesday for a hamburger today: Managing UX Debt
 
Eliminating UX Debt in the Enterprise
Eliminating UX Debt in the EnterpriseEliminating UX Debt in the Enterprise
Eliminating UX Debt in the Enterprise
 
Michael Kowalski
Michael KowalskiMichael Kowalski
Michael Kowalski
 

Recently uploaded

High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaBarusRa
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessThink 360 Studio
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfIBM
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosaannemarleenolthof1
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 

Recently uploaded (18)

High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design Success
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 

Designing A Great User Experience

  • 1. Designing A Great User Experience Presented by Steve Hickey — fresh tilled soil fresh tilled soil Designing A Great User Experience
  • 2. fresh tilled soil Designing A Great User Experience About Your Instructor Hi, I’m Steve Hickey. I design and develop for Fresh Tilled Soil. I write, speak and teach. You can find me on Twitter @stevehickeydsgn
  • 3. fresh tilled soil Designing A Great User Experience 01What is User Experience Design?UI vs UX and select principles of user experience design
  • 4. fresh tilled soil Designing A Great User Experience UI VS. UX Design User Interface Design is: A component of User Experience Design. It’s the look and the feel, the form. User Experience Design is: The bigger picture. How well does the site/app function? Is it pleasant to use? Can a user accomplish their goals with ease?
  • 5. fresh tilled soil Designing A Great User Experience UI VS. UX Design How do I feel while using the product?
  • 6. fresh tilled soil Designing A Great User Experience UI VS. UX Design All of the pieces of building a product affect the UX. Excellent user interface design is part of what creates a great user experience. But you can have a great UI with a terrible experience.
  • 7. fresh tilled soil Designing A Great User Experience Select Principles Let’s talk about some of the things that a great user experience designer must keep in mind when building a truly amazing product for the web. This list is not exhaustive, but the provided sources have a lot more info.
  • 8. fresh tilled soil Designing A Great User Experience The Robustness Principle Be conservative in what you do, be liberal in what you accept from others. alistapart.com/article/your-website-has-two-faces
  • 9. fresh tilled soil Designing A Great User Experience The Robustness Principle In other words, there are certain constraints that must be embraced to balance human needs with computer needs for a robust web application. • It must accept input in a human-friendly fashion. • It must accept the burden of translating info to a computer-friendly format. • It must be clear about what human input is reasonable. • It must provide feedback on this input. alistapart.com/article/your-website-has-two-faces
  • 10. fresh tilled soil Designing A Great User Experience The Robustness Principle Err towards making it easier for the user. alistapart.com/article/your-website-has-two-faces
  • 11. fresh tilled soil Designing A Great User Experience The Robustness Principle Phone Number: Submit
  • 12. fresh tilled soil Designing A Great User Experience The Robustness Principle Phone Number: 1 (508) 833-8469 Submit
  • 13. fresh tilled soil Designing A Great User Experience The Robustness Principle Phone Number: 1 (508) 833-8469 Submit Error: must be entered in this format: 555-867-5309
  • 14. fresh tilled soil Designing A Great User Experience The Robustness Principle Phone Number: example: 508-833-8469 Submit
  • 15. fresh tilled soil Designing A Great User Experience The Robustness Principle Phone Number: example: 508-833-8469 Submit
  • 16. fresh tilled soil Designing A Great User Experience The Robustness Principle Phone Number: __ __ __ - __ __ __ - __ __ __ __ Submit
  • 17. fresh tilled soil Designing A Great User Experience The Pareto Principle For many events, roughly 80% of the effects come from 20% of the causes. measuringusability.com/blog/pareto-ux.php
  • 18. fresh tilled soil Designing A Great User Experience The Pareto Principle In other words, focusing on the top 20% of your bugs and design problems can fix 80% of the problems encountered by your users. Or, 80% of your users will only use 20% of your features/options. measuringusability.com/blog/pareto-ux.php
  • 19. fresh tilled soil Designing A Great User Experience The Pareto Principle Country: Afghanistan Submit
  • 20. fresh tilled soil Designing A Great User Experience The Pareto Principle Country: United States of America SubmitAfghanistan Albania Algeria American Samoa Andorra Angola Anguilla Antarctica Antigua And Barbuda Argentina Armenia Aruba
  • 21. fresh tilled soil Designing A Great User Experience The Pareto Principle Country: United States of America SubmitUnited States of America Canada United Kingdom Australia ------------------------------ Afghanistan Albania Algeria American Samoa Andorra Angola Anguilla
  • 22. fresh tilled soil Designing A Great User Experience Fitts’s Law The time required to rapidly move to a target area is a function of the distance to the target and the size of the target. codinghorror.com/blog/2006/08/fitts-law-and-infinite-width.html
  • 23. fresh tilled soil Designing A Great User Experience Fitts’s Law In other words, the farther away a touch/click target is from where the user starts, the larger it needs to be in order for it to be quickly and accurately reached. Two ways to make frequently used items easier to click/tap: 1: Put them near the edge of the screen. 2. Make them larger than other items. codinghorror.com/blog/2006/08/fitts-law-and-infinite-width.html
  • 24. fresh tilled soil Designing A Great User Experience Fitts’s Law
  • 25. fresh tilled soil Designing A Great User Experience Fitts’s Law
  • 26. fresh tilled soil Designing A Great User Experience The Principle of Least Astonishment When two elements of an interface conflict or are ambiguous, the behavior should be that which will least surprise the user. wikipedia.org/wiki/Principle_of_least_astonishment
  • 27. fresh tilled soil Designing A Great User Experience The Principle of Least Astonishment In other words, the best result of an action is whatever the user is most likely to expect, not the result that comes through in depth knowledge. This will change from system to system. Mac OSX users could expect something different than Microsoft Windows users. Android and iOS have different design patterns for different interactions as well. wikipedia.org/wiki/Principle_of_least_astonishment
  • 28. fresh tilled soil Designing A Great User Experience The Principle of Least Astonishment
  • 29. fresh tilled soil Designing A Great User Experience The Principle of Least Astonishment
  • 30. fresh tilled soil Designing A Great User Experience Dieter Rams: Principle 10 Good design is as little design as possible. vitsoe.com/us/about/good-design
  • 31. fresh tilled soil Designing A Great User Experience Dieter Rams: Principle 10 He also stated this as “less, but better.” Many would refer to it as simplicity. vitsoe.com/us/about/good-design
  • 32. fresh tilled soil Designing A Great User Experience Dieter Rams: Principle 10
  • 33. fresh tilled soil Designing A Great User Experience Dieter Rams: Principle 10
  • 34. fresh tilled soil Designing A Great User Experience Joshua Porter: Principle 6 One primary action per screen. bokardo.com/principles-of-user-interface-design/
  • 35. fresh tilled soil Designing A Great User Experience Joshua Porter: Principle 6 Screens or states with more than one primary action become confusing. It’s better for any screen to have one primary reason for existing. bokardo.com/principles-of-user-interface-design/
  • 36. fresh tilled soil Designing A Great User Experience Joshua Porter: Principle 6
  • 37. fresh tilled soil Designing A Great User Experience Joshua Porter: Principle 6
  • 38. fresh tilled soil Designing A Great User Experience Joshua Porter: Principle 17 Great design is invisible. bokardo.com/principles-of-user-interface-design/
  • 39. fresh tilled soil Designing A Great User Experience Joshua Porter: Principle 17 An interface shouldn’t distract a user from what they are trying to accomplish, which is the reason the interface exists in the first place. Turn the special effects down a notch. bokardo.com/principles-of-user-interface-design/
  • 40. fresh tilled soil Designing A Great User Experience Joshua Porter: Principle 17
  • 41. fresh tilled soil Designing A Great User Experience Joshua Porter: Principle 17
  • 42. fresh tilled soil Designing A Great User Experience BJ Fogg’s Behavior Model Three factors drive behavior: motivation, ability and triggers. ability motivation HighLow Low High Target behavior Triggers fail here. Triggers succeed here. behaviormodel.org/
  • 43. fresh tilled soil Designing A Great User Experience BJ Fogg’s Behavior Model The amount of motivation and ability required vary based on how much of the other is present. These must be combined with an effective trigger for a target behavior to happen. All three are required to persuade a user to do something. behaviormodel.org/
  • 44. fresh tilled soil Designing A Great User Experience BJ Fogg’s Behavior Model Motivation happens on three spectrums: Sensation: Pleasure <> Pain Anticipation: Hope <> Fear Social Cohesion: Acceptance <> Rejection behaviormodel.org/
  • 45. fresh tilled soil Designing A Great User Experience BJ Fogg’s Behavior Model You can increase ability in two ways: Train Your User: Harder to do but sometimes necessary. Make The Target Behavior Easier: Usually the right thing to do. behaviormodel.org/
  • 46. fresh tilled soil Designing A Great User Experience BJ Fogg’s Behavior Model In other words, make it simpler. Think of simplicity as a function of your scarcest resource at the moment in which you want to accomplish something. Time and money fit this model. behaviormodel.org/
  • 47. fresh tilled soil Designing A Great User Experience Resources You can read a lot more at these sites: Joshua Porter: bokardo.com/principles-of-user-interface-design/ Dieter Rams: vitsoe.com/us/about/good-design Jeremy Keith: principles.adactio.com/ BJ Fogg: behaviormodel.org/
  • 48. fresh tilled soil Designing A Great User Experience 02Methods of Effective UX DesignThe habits of highly effective UX designers
  • 49. fresh tilled soil Designing A Great User Experience Methods Every UX designer’s process is different, but the way successful ones approach their process include some useful commonalities.
  • 50. fresh tilled soil Designing A Great User Experience 1. Be Prolific Your best idea is never your first. Don’t tell me it is, I don’t believe you. Come up with 5 ideas. Come up with 10. Come up with 20!
  • 51. fresh tilled soil Designing A Great User Experience 1. Be Prolific The point is to get the obvious out of your system. Once you’ve gotten past that you can really start to be creative and innovative.
  • 52. fresh tilled soil Designing A Great User Experience 1. Be Prolific teehanlax.com/story/medium/
  • 53. fresh tilled soil Designing A Great User Experience 1. Be Prolific teehanlax.com/story/medium/
  • 54. fresh tilled soil Designing A Great User Experience 1. Be Prolific teehanlax.com/story/medium/
  • 55. fresh tilled soil Designing A Great User Experience 1. Be Prolific teehanlax.com/story/medium/
  • 56. fresh tilled soil Designing A Great User Experience 1. Be Prolific teehanlax.com/story/medium/
  • 57. fresh tilled soil Designing A Great User Experience 1. Be Prolific teehanlax.com/story/medium/
  • 58. fresh tilled soil Designing A Great User Experience 2. Collaborate Nobody works well in a vacuum. When you don’t seek outside opinions you can get trapped and focus on things that may not be as important.
  • 59. fresh tilled soil Designing A Great User Experience 2. Collaborate Other opinions will break you out of mental traps and improve your work.
  • 60. fresh tilled soil Designing A Great User Experience 2. Collaborate designstaff.org/articles/product-design-sprint-day-2-diverge-2012-10-26.html
  • 61. fresh tilled soil Designing A Great User Experience 3. Iterate The best way to test your assumptions is to make something. You’ll get a lot of stuff wrong, but there’s no better way to learn about your problems and move beyond them.
  • 62. fresh tilled soil Designing A Great User Experience 3. Iterate Fail early and often and you’ll set yourself up better for eventual success.
  • 63. fresh tilled soil Designing A Great User Experience 3. Iterate azarask.in/blog/post/iterative_design_isnt_design_by/
  • 64. fresh tilled soil Designing A Great User Experience 4. Be Flexible As you work you’ll realize that previous assumptions needs to be changed. You shouldn’t think of deliverables as a checklist, they are a web of connected items.
  • 65. fresh tilled soil Designing A Great User Experience 4. Be Flexible Each change has the potential to affect every other deliverable.
  • 66. fresh tilled soil Designing A Great User Experience 03Artifacts of a UX Design ProcessThe things we build
  • 67. fresh tilled soil Designing A Great User Experience Definition Statement 1. What is the product’s experience? 2. What is the product meant to do? 3. What is the product’s audience? iosworkshops.com/
  • 68. fresh tilled soil Designing A Great User Experience Definition Statement This should be short. A couple of sentences, a brief paragraph at most. It is the guiding principle of what you’re building.
  • 69. fresh tilled soil Designing A Great User Experience User Types & User Personas User types rely on existing data and informed assumptions to decide what distinct types of users you have and what they will want to accomplish. They aren’t complicated, they’re just a quick way of remembering the differences in your primary users and their objectives.
  • 70. fresh tilled soil Designing A Great User Experience User Types & User Personas User personas are much more involved, requiring research and interviews with actual potential users, and typically take weeks or months to compile. Findings are compiled into categories, then assigned traits, habits, names and photos so that they are visible and easy to remember as you work.
  • 71. fresh tilled soil Designing A Great User Experience User Types & User Personas uxmag.com/articles/personas-the-foundation-of-a-great-user-experience
  • 72. fresh tilled soil Designing A Great User Experience User Types & User Personas Whether you decide to deal with user types or user personas is a question of resources and time, but using at least one of them tends to remind you that your users are real.
  • 73. fresh tilled soil Designing A Great User Experience User Stories & Features As a { type } user, I would like to { task/objective }. These become your features. Have you come up with a feature idea that doesn’t fit into a user story? It may not be nearly as important as you thought it was.
  • 74. fresh tilled soil Designing A Great User Experience User Stories & Features https://www.apptrajectory.com/
  • 75. fresh tilled soil Designing A Great User Experience Site Map & User Journeys Features are going to fit into logical groups that define pages and flows. Placing these into a site map will help you create the appropriate relationships between components, and show you just how simple or complex your plan is.
  • 76. fresh tilled soil Designing A Great User Experience Wireframes & Sketches Your wireframes are the blueprints for your product. They generally consist of layouts of the pages and flows you listed previously. They help make sure all functionality is available, and that there is a logical hierarchy. Beyond those basics, wireframes really shouldn’t be used to dictate design decisions.
  • 77. fresh tilled soil Designing A Great User Experience Wireframes & Sketches Wireframes don’t even have to be high fidelity to be effective. Sketches can make excellent wireframes if they’re complete and well rendered. As another advantage, sketches are much faster to produce and iterate through than other, higher fidelity methods of wireframing.
  • 78. fresh tilled soil Designing A Great User Experience Wireframes & Sketches
  • 79. fresh tilled soil Designing A Great User Experience Wireframes & Sketches
  • 80. fresh tilled soil Designing A Great User Experience Wireframes & Sketches
  • 81. fresh tilled soil Designing A Great User Experience Wireframes & Sketches
  • 82. fresh tilled soil Designing A Great User Experience Prototypes Prototypes are a bit more advanced than wireframes. They mimic completed functionality to the point that you can run tests with a user.
  • 83. fresh tilled soil Designing A Great User Experience Prototypes They can be as small as a single piece of functionality, or they can mimic a completed product in every meaningful way. They are used to test a product without building it. A good prototype helps you decide what to build.
  • 84. fresh tilled soil Designing A Great User Experience Prototypes alistapart.com/article/dive-into-responsive-prototyping-with-foundation
  • 85. fresh tilled soil Designing A Great User Experience Prototypes These products can help you prototype: Foundation: foundation.zurb.com Bootstrap: twitter.github.io/bootstrap Ratchet: maker.github.io/ratchet Flinto: flinto.com Briefs: giveabrief.com POP: popapp.in Xcode/Storyboard: blog.mengto.com/prototype-xcode-storyboard
  • 86. fresh tilled soil Designing A Great User Experience User Tests A user test helps you validate whatever you decided to build. You can test a finished product and get lots of great information, but the greatest advantage is conferred when you are able to start testing early. We’ll discuss this more in the next section.
  • 87. fresh tilled soil Designing A Great User Experience 04What to Build and WhyYour first test
  • 88. fresh tilled soil Designing A Great User Experience So, what Should I build? Whatever you can. Sometimes that’s not much. But ask yourself this: Would you rather invest years and millions of dollars into building something only to find out nobody can figure out how it works? Or even worse, that nobody wants it?
  • 89. fresh tilled soil Designing A Great User Experience Prototype For us, the answer is often a prototype. We aren’t back-end developers, we don’t employ back-end developers. If we aren’t working with a dev team yet we still need to build something to test. Fortunately, front-end tech makes it easy to fake a back-end.
  • 90. fresh tilled soil Designing A Great User Experience Minimum Viable Product For startups and product companies a minimum viable product is often the answer. An MVP is popular in Lean circles. Building one means building the smallest thing you can learn something from. Build it, test it, learn from those tests, build something new. It is the smallest amount of effort you can go to and still get validated learning from it.
  • 91. fresh tilled soil Designing A Great User Experience Usability Testing Regardless of what you build, you should test it with real users. Assumptions are often wrong, and a user test will uncover that quickly.
  • 92. fresh tilled soil Designing A Great User Experience Steve Krug’s Maxims of User Testing A morning a month, that’s all we ask. sensible.com/rsme.html
  • 93. fresh tilled soil Designing A Great User Experience Steve Krug’s Maxims of User Testing Start earlier than you think makes sense. sensible.com/rsme.html
  • 94. fresh tilled soil Designing A Great User Experience Steve Krug’s Maxims of User Testing Recruit loosely and grade on a curve. sensible.com/rsme.html
  • 95. fresh tilled soil Designing A Great User Experience Steve Krug’s Maxims of User Testing Make it a spectator sport. sensible.com/rsme.html
  • 96. fresh tilled soil Designing A Great User Experience Steve Krug’s Maxims of User Testing Focus ruthlessly on a small number of the most important problems. sensible.com/rsme.html
  • 97. fresh tilled soil Designing A Great User Experience Steve Krug’s Maxims of User Testing When fixing problems, always do the least you can do. sensible.com/rsme.html
  • 98. fresh tilled soil Designing A Great User Experience Steve Krug’s Maxims of User Testing Read this. Thank me later. I’ll let Steve know I’m expecting a commission. sensible.com/rsme.html
  • 99. fresh tilled soil Designing A Great User Experience Q&A We’ll do Q&A now. If you’re looking for some of the sources I used, you can find this presentation on Slideshare: goo.gl/MAbqN