user experience,
   pain-free
     well, or almost, anyway
              mostly.


amy hoy, http://www.slash7.com
what is
user
experience?
or, what the heck are we
aiming at?
interface
 expectations

 interaction

  behavior
user
interface
                +
                     emotions
 expectations

                    associations
 interactio...
research has
shown:
when
computers
“misbehave,”
people blame
themselves
research has
shown:
when your
products help
people feel
good, that
positive feeling
rubs off on you
the
success
spectrum
or, four key results
i love what i can
    do! it’s so
    awesome!




                    ><
:D
:)
:|
 |
  oh no! feelings!
I can do
     everything i
   need. It’s pretty
         cool.




                       ><
:D
:)
:|
 |
oh no! feelings!
It’s ok, I guess.
          sometimes i have
             problems.




                   ><
:D
:)
:|
 |
oh no! feelings!
it makes me feel
        stupid. I hate it
             and you.




                      ><
:D
:)
:|
 |
oh no! feelings!
your
goals
or, what the heck do you
want from your interface?
repeat
 repeat
               task-
business?
             oriented
               use?


 one-time    advertising /
conve...
must withstand re-use
           different experiences for first
                     time and later visits
design for
    ...
first and foremost: what’s the focus?

make it dead                 let the user
 simple. big             know what the
 bu...
focus: learnability rather than
       absolute first time obviousness
    create a               the product
             ...
focus: communication about your
                      product/company
  you better
    make it                   offer cro...
thinking
like a user
and if you can’t, you’ll just have
to learn. or get outside help.
think the right direction
          bottom up:
           list of features
           technical requirements
           ho...
think the right direction
          top down:
           what the user wants
           what the user doesn’t know he
    ...
find the focus
what does the whole thing revolve around?
 the calendar date... or the event itself?
 the to-do item... or w...
scenario: web browser
shopping for a new


goals:
find out what’s out there
compare features i care about
download
scenario: web browser
shopping for a new


goals:
find out what’s out there
compare features i care about
download
find site

                                                 does it cost?
                what browser is it?

           ...
scenario:
aggregating URLs from content
(text) files and manipulating them

goals:
upload or choose a file
select certain ...
go to page
                                            do I have any
                                         already uplo...
bottom up way
Choose an existing file from a select
menu, hit a button
Pull content into a textarea
Get user to scroll thr...
top down way
Click an existing file to edit
Pull contents into a textarea
Use Javascript or server-side language
to RegEx ...
scenario:
visiting some guy’s tech web site
and looking for articles relevant to
your non-time-specific problem

goals:
lo...
knock-out
visuals
you didn’t have to be born with a
silver paintbrush in one little
hand and a tiny beret on your
soft bab...
typography & spacing
it can make or break a design




 key phrase:
more above than below
color
can send messages




key phrase:
subtlety, repetition, and context
consistency
it doesn’t happen on its own




 key phrase:
 you need to make it look easy
making it
happen
waste as little time as possible
paper prototypes
will save your butt




 key phrase:
 you have to do it. seriously.
more
resources
or, visit my web site for a list
of these things so you don’t
have to remember them all
Books
Sites & Blogs
Creating Passionate Users
Kathy Sierra

LukeW Interface Designs
Luke Wroblewski

UsabilityWorks
Matthew Olip...
www.slash7.com
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
User Experience Pain Free
Upcoming SlideShare
Loading in...5
×

User Experience Pain Free

7,651

Published on

Published in: Business, Technology
2 Comments
51 Likes
Statistics
Notes
No Downloads
Views
Total Views
7,651
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
688
Comments
2
Likes
51
Embeds 0
No embeds

No notes for slide

User Experience Pain Free

  1. 1. user experience, pain-free well, or almost, anyway mostly. amy hoy, http://www.slash7.com
  2. 2. what is user experience? or, what the heck are we aiming at?
  3. 3. interface expectations interaction behavior
  4. 4. user interface + emotions expectations associations interaction behavior integration
  5. 5. research has shown: when computers “misbehave,” people blame themselves
  6. 6. research has shown: when your products help people feel good, that positive feeling rubs off on you
  7. 7. the success spectrum or, four key results
  8. 8. i love what i can do! it’s so awesome! >< :D :) :| | oh no! feelings!
  9. 9. I can do everything i need. It’s pretty cool. >< :D :) :| | oh no! feelings!
  10. 10. It’s ok, I guess. sometimes i have problems. >< :D :) :| | oh no! feelings!
  11. 11. it makes me feel stupid. I hate it and you. >< :D :) :| | oh no! feelings!
  12. 12. your goals or, what the heck do you want from your interface?
  13. 13. repeat repeat task- business? oriented use? one-time advertising / conversion information resource? thing?
  14. 14. must withstand re-use different experiences for first time and later visits design for recognize & first- repeat reward loyalty timers must not business? help users cripple customize their repeats experience acknowledge that you want a relationship build incentives for them to return
  15. 15. first and foremost: what’s the focus? make it dead let the user simple. big know what the button. big one-time goal is prices. conversion be honest. thing? keep text be forthcoming. brief. don’t waste anyone’s time give multiple ways to execute the goal
  16. 16. focus: learnability rather than absolute first time obviousness create a the product repeat flexible help must grow task- system with the user’s oriented experiece don’t hide use? plan for chaos from your users. be there. what are the tasks? let them know you recognize must they be in order? them
  17. 17. focus: communication about your product/company you better make it offer cross- worth advertising / referencing information reading information resource? what does the user want to know? don’t hide pricing don’t deny you have competitors
  18. 18. thinking like a user and if you can’t, you’ll just have to learn. or get outside help.
  19. 19. think the right direction bottom up: list of features technical requirements how long would it take to code? which is easier for me? let’s do ajax! key phrase: our widget lets the user....
  20. 20. think the right direction top down: what the user wants what the user doesn’t know he wants, but probably really does how this will affect/improve his/ her life how he thinks it will affect/ improve... etc. key phrase: our widget helps the user....
  21. 21. find the focus what does the whole thing revolve around? the calendar date... or the event itself? the to-do item... or who owns it? what you want to talk about... or what your user wants to know? the photo... or what people are saying about it? the movies... or the people behind them? key phrase: we cannot survive without this...
  22. 22. scenario: web browser shopping for a new goals: find out what’s out there compare features i care about download
  23. 23. scenario: web browser shopping for a new goals: find out what’s out there compare features i care about download
  24. 24. find site does it cost? what browser is it? can I download it? what's the version? is it safe? why should I consider it? will it run on my computer? does it look nice?
  25. 25. scenario: aggregating URLs from content (text) files and manipulating them goals: upload or choose a file select certain URL(s) in file apply a behavior to selected URL(s)
  26. 26. go to page do I have any already uploaded? which file should I use? can I use that file? how do I choose it? have I already what URLs does it used this file? have? does it even have URLs in it? are they duplicated in the system? can I use it again? have I used them before for anything?
  27. 27. bottom up way Choose an existing file from a select menu, hit a button Pull content into a textarea Get user to scroll through text area, select a URL and click a button Use Javascript to apply behavior to a URL and encode it into text back in the textarea
  28. 28. top down way Click an existing file to edit Pull contents into a textarea Use Javascript or server-side language to RegEx out URLs Build list of URLs above textarea with controls next to them Controls reflect whether or not a URL has had a behavior applied already Click the controls to apply or unapply behaviors
  29. 29. scenario: visiting some guy’s tech web site and looking for articles relevant to your non-time-specific problem goals: locate a web site through a search engine land on a relevant article look for more content by that person about a given topic
  30. 30. knock-out visuals you didn’t have to be born with a silver paintbrush in one little hand and a tiny beret on your soft baby head
  31. 31. typography & spacing it can make or break a design key phrase: more above than below
  32. 32. color can send messages key phrase: subtlety, repetition, and context
  33. 33. consistency it doesn’t happen on its own key phrase: you need to make it look easy
  34. 34. making it happen waste as little time as possible
  35. 35. paper prototypes will save your butt key phrase: you have to do it. seriously.
  36. 36. more resources or, visit my web site for a list of these things so you don’t have to remember them all
  37. 37. Books
  38. 38. Sites & Blogs Creating Passionate Users Kathy Sierra LukeW Interface Designs Luke Wroblewski UsabilityWorks Matthew Oliphant UXD - User eXperience Design Sholom Sandalow, et al UIE - User Interface Engineering
  39. 39. www.slash7.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×