UX Design
Edward Wydler
User experience design lies at the crossroads of art and
science. It’s a magical mixture of visual art, hardboiled
psychol...
How it works
Design is not just what it looks like and feels like.
Design is how it works.

Steve Jobs
Good design
Good design is problem solving
User

Problem

Solution
Rules of UX
There is no formula for a successful
experience. If there was we could build robots
to do it for us.
There a f...
EMPATHY
Do you have empathy for your customer?
Can you put yourself in their shoes, as they
interact with your experience?
CONTEXT
Can you clearly articulate how this feature or
product will be used in the context of their
everyday experience?
CONTENT
Do you know what your customer is trying to
accomplish with your feature or product?
Let them do that as simply as...
CONSTRAINTS
What kind of experience are you constrained
within?
Identifying the boundaries early is critical
when designin...
OPPORTUNITIES
What types of input and interaction are
available?
Ensure you are identifying all the potential
opportunitie...
“Know thyself”
You can’t be a tourist.
You have to use and know your product frontto-back, inside-out.
“Define the problem”

Three little words on a slide belittle what is
actually the hardest thing you will have to do.
Typical Apple Product...

TOUCH
A Google product

FIND
Your company’s App
TYPE CD:

FIRST NAME

TQP STAT:

LAST NAME

VER:

SSN:
id:

CAT CD:

FT:PT:

CITY:

PHONE 1

STATE:

PH...
UX Plan
Discovery
● User interviews &
contextual observation
● Product-specific
personas
● Heuristic analysis of
existing ...
Start with research
What do users need?
Types of users
●

typical user

●

wannabe user

●

non user

●

should be user

●

extreme user

●

future user

●

perip...
Test with 5 users
Top usability issues
• Better defaults all round
• Technical language and poor
explanations
• Grouping of similar
function...
Prototype
Allows a variety of stakeholders to discover what the real
needs of the project are before any code is written.
...
Let’s do this...
Before this...
And definitely before any of this...
How?
● Figure out if people will buy your product before you build it.
● Learn which research methods are best for early v...
Why do it?
● Improved process
● Faster time to market
● Increase value per use
● Extended application life
ENCHANT ME
1. delight in surprising ways (animation is the soul of
design)
2. real objects are more fun than buttons and m...
SIMPLIFY MY LIFE
1. keep it brief - “Users are overwhelmed by options and limitless
flexibility”
2. pictures are faster th...
MAKE ME AMAZING
1. give me tricks that work everywhere - (Use
tactile feedback, vibrate on touch. sound and
animation to c...
Good UX
Skinny ties
http://skinnyties.com/

Whistle
http://www.whistle.com/

United Pixelworkers
http://www.unitedpixelwor...
UX Themes
The world is getting smarter and people need more than
just pretty interfaces. If you don’t know “why” and “who”...
Smart sites
●
●
●
●
●
●

Websites should tell a story
Websites Communicate Their Stories Viscerally
Websites should be des...
The internet is not about Google.
The internet is not about ads.
The internet is not about traffic.
The internet is about ...
Thank you.
Edward Wydler
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
User Experience Design: It's about people
Upcoming SlideShare
Loading in …5
×

User Experience Design: It's about people

718 views

Published on

Introduction to User Experience as part of the design process in products and services.

Published in: Design, Technology

User Experience Design: It's about people

  1. 1. UX Design Edward Wydler
  2. 2. User experience design lies at the crossroads of art and science. It’s a magical mixture of visual art, hardboiled psychology and numbers. UX provides design direction and insight to make smart, powerful, efficient products and services that delight users.
  3. 3. How it works Design is not just what it looks like and feels like. Design is how it works. Steve Jobs
  4. 4. Good design Good design is problem solving User Problem Solution
  5. 5. Rules of UX There is no formula for a successful experience. If there was we could build robots to do it for us. There a few guidelines by which to consider when designing.
  6. 6. EMPATHY Do you have empathy for your customer? Can you put yourself in their shoes, as they interact with your experience?
  7. 7. CONTEXT Can you clearly articulate how this feature or product will be used in the context of their everyday experience?
  8. 8. CONTENT Do you know what your customer is trying to accomplish with your feature or product? Let them do that as simply as possible.
  9. 9. CONSTRAINTS What kind of experience are you constrained within? Identifying the boundaries early is critical when designing and developing great experiences.
  10. 10. OPPORTUNITIES What types of input and interaction are available? Ensure you are identifying all the potential opportunities of the delivery device.
  11. 11. “Know thyself” You can’t be a tourist. You have to use and know your product frontto-back, inside-out.
  12. 12. “Define the problem” Three little words on a slide belittle what is actually the hardest thing you will have to do.
  13. 13. Typical Apple Product... TOUCH
  14. 14. A Google product FIND
  15. 15. Your company’s App TYPE CD: FIRST NAME TQP STAT: LAST NAME VER: SSN: id: CAT CD: FT:PT: CITY: PHONE 1 STATE: PHONE 2 ZIP: ADDR 1 NEW ORD: # ACCT # OK 4-K AA2DK98 KKA7 AA-9 3320 43-FB DELETE ENABLED: APPLY SAVE SELECT UNDO HELP BROWSE DELETE EXIT ERRORS EDIT
  16. 16. UX Plan Discovery ● User interviews & contextual observation ● Product-specific personas ● Heuristic analysis of existing state ● Information architecture & taxonomy exploration ● Content strategy Design ● Sketches ● Process flows ● Wireframes ● Design patterns ● High-resolution mockups Build ● Prototype ● Testing & feedback ● Iteration
  17. 17. Start with research
  18. 18. What do users need?
  19. 19. Types of users ● typical user ● wannabe user ● non user ● should be user ● extreme user ● future user ● peripheral users ● past user ● expert users ● hater ● subject matter expert ● loyal to competitor
  20. 20. Test with 5 users
  21. 21. Top usability issues • Better defaults all round • Technical language and poor explanations • Grouping of similar functionality • Do the hard work for me
  22. 22. Prototype Allows a variety of stakeholders to discover what the real needs of the project are before any code is written. https://projects.invisionapp.com/share/7RI4EAVM
  23. 23. Let’s do this...
  24. 24. Before this...
  25. 25. And definitely before any of this...
  26. 26. How? ● Figure out if people will buy your product before you build it. ● Learn which research methods are best for early validation. ● Understand user pain in order to build a more compelling product.
  27. 27. Why do it? ● Improved process ● Faster time to market ● Increase value per use ● Extended application life
  28. 28. ENCHANT ME 1. delight in surprising ways (animation is the soul of design) 2. real objects are more fun than buttons and menus 3. let me make it mine 4. get to know me - (Context. change background on header depending on place)
  29. 29. SIMPLIFY MY LIFE 1. keep it brief - “Users are overwhelmed by options and limitless flexibility” 2. pictures are faster than words - Is writing really needed? Better defaults. 3. decide for me but let me have final say (better defaults) 4. only show what I need when I need it 5. I should always know where I am 6. never lose my stuff 7. if it looks the same, it should act the same 8. only interrupt me if its important (notifications)
  30. 30. MAKE ME AMAZING 1. give me tricks that work everywhere - (Use tactile feedback, vibrate on touch. sound and animation to communicate) 2. its not my fault (wording) 3. sprinkle encouragement 4. do the heavy lifting for me (time zone math) 5. make important things fast
  31. 31. Good UX Skinny ties http://skinnyties.com/ Whistle http://www.whistle.com/ United Pixelworkers http://www.unitedpixelworkers.com/
  32. 32. UX Themes The world is getting smarter and people need more than just pretty interfaces. If you don’t know “why” and “who” before you come up with “what”, you'll end up creating nothing for no one. People don’t want gadgets, they want great services.
  33. 33. Smart sites ● ● ● ● ● ● Websites should tell a story Websites Communicate Their Stories Viscerally Websites should be designed with a goal in mind Websites should be intuitive Websites should work natively on any device Great Design is for the People It’s Time to Stop Building Websites and Start Building Smart Sites
  34. 34. The internet is not about Google. The internet is not about ads. The internet is not about traffic. The internet is about PEOPLE.
  35. 35. Thank you. Edward Wydler

×