Turning that UX
         frown upside-down


Sunday, June 20, 2010
#uxfrown
                        @hellofisher


Sunday, June 20, 2010
Hello. I’m a
                        UX designer


Sunday, June 20, 2010
Sunday, June 20, 2010
So what is
                        UX design?


Sunday, June 20, 2010
The creation,
                        integration and
                        harmonization of
                        all...
The creation,
                        integration and
           Make it      harmonization of
       make sense       all...
Why bother?


Sunday, June 20, 2010
Any project should
                        have goals but most
                        people seem to lose
               ...
Even a little
          bit of time spent
          getting to know
           your users will
       improve the overall
...
Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
Ok. You’ve doing
                        user research and
                        testing. How long
                     ...
If you have
                 a group of 10
                  and the first
              3 people tell you
             th...
If you have
                 a group of 10
                  and the first
              3 people tell you   Fix it now.
 ...
Don’t make me
                        talk to the hand!


Sunday, June 20, 2010
Don’t make me
                        talk to the hand!


Sunday, June 20, 2010
If your site isn’t
      cute.com, don’t get cute
                        use conventions

Sunday, June 20, 2010
Make it obvious



Sunday, June 20, 2010
People get lost at
                        any turn. Too many
                        choices, bad
                       ...
People get lost at
                        any turn. Too many
                        choices, bad
                       ...
What might be
    obvious to you isn’t
    obvious to someone
      who is new to the
               website.



Sunday, J...
Sunday, June 20, 2010
Web Conventions


Sunday, June 20, 2010
As a rule
                        conventions only
                        become conventions
                        if t...
All conventions start
        life as somebody’s
                bright idea.
                (Steve Krug - Don’t Make Me ...
Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
Oops

Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
Sample
                        Prooocess


Sunday, June 20, 2010
Define


Sunday, June 20, 2010
1. Identify the type of site
              1. Branding, marketing, content source,
                task-based...
         ...
Research


Sunday, June 20, 2010
1. User Research (internal and external)
         1. Define user groups
         2. Choose research techniques (what will
...
Visioning


Sunday, June 20, 2010
1. Envision features
           1. This will allow us to flesh things out
             and see what it will take to build ...
Wireframe
                        and Design


Sunday, June 20, 2010
1. Task flows
         2. Wireframes and annotations (function)
            1. Basic/draft wireframes
            2. Fille...
Sunday, June 20, 2010
Sunday, June 20, 2010
Sunday, June 20, 2010
All the other stuff


Sunday, June 20, 2010
1. Build...
             2. User testing
             3. QA (internal and with client)
             4. It never ends!




...
delicious.com/
                            hellosteve/
                                     ux

Sunday, June 20, 2010
Find me at
                        hellofisher.com


Sunday, June 20, 2010
Turning That UX Frown Upside Down
Turning That UX Frown Upside Down
Turning That UX Frown Upside Down
Turning That UX Frown Upside Down
Turning That UX Frown Upside Down
Turning That UX Frown Upside Down
Turning That UX Frown Upside Down
Turning That UX Frown Upside Down
Turning That UX Frown Upside Down
Turning That UX Frown Upside Down
Turning That UX Frown Upside Down
Upcoming SlideShare
Loading in …5
×

Turning That UX Frown Upside Down

5,584 views

Published on

It doesn’t really matter how great you think your website is if your intended user thinks it’s a loser. There are some very easy methods to getting your website headed down the right track and creating a positive user experience (UX) for your target audience.

In this presentation I discuss the steps that lead up to a the launch or re-launch of your website from a down-to-earth UX perspective. Each site is different, so while there are fundamentals there is also a strong need for critical thinking and creative solutions.

Published in: Design, Technology, Spiritual
  • Be the first to comment

Turning That UX Frown Upside Down

  1. 1. Turning that UX frown upside-down Sunday, June 20, 2010
  2. 2. #uxfrown @hellofisher Sunday, June 20, 2010
  3. 3. Hello. I’m a UX designer Sunday, June 20, 2010
  4. 4. Sunday, June 20, 2010
  5. 5. So what is UX design? Sunday, June 20, 2010
  6. 6. The creation, integration and harmonization of all user-facing aspects within an organization or project, with the goal of impacting perceptions and behavior. Sunday, June 20, 2010
  7. 7. The creation, integration and Make it harmonization of make sense all user-facing aspects within an and work well organization or for the site project, with the users goal of impacting perceptions and behavior. Sunday, June 20, 2010
  8. 8. Why bother? Sunday, June 20, 2010
  9. 9. Any project should have goals but most people seem to lose sight of who the audience is. Sunday, June 20, 2010
  10. 10. Even a little bit of time spent getting to know your users will improve the overall experience Sunday, June 20, 2010
  11. 11. Sunday, June 20, 2010
  12. 12. Sunday, June 20, 2010
  13. 13. Sunday, June 20, 2010
  14. 14. Sunday, June 20, 2010
  15. 15. Sunday, June 20, 2010
  16. 16. Sunday, June 20, 2010
  17. 17. Sunday, June 20, 2010
  18. 18. Sunday, June 20, 2010
  19. 19. Sunday, June 20, 2010
  20. 20. Ok. You’ve doing user research and testing. How long do you really stick with it? Sunday, June 20, 2010
  21. 21. If you have a group of 10 and the first 3 people tell you the same thing is broken it’s broken. Sunday, June 20, 2010
  22. 22. If you have a group of 10 and the first 3 people tell you Fix it now. the same thing is broken it’s broken. Sunday, June 20, 2010
  23. 23. Don’t make me talk to the hand! Sunday, June 20, 2010
  24. 24. Don’t make me talk to the hand! Sunday, June 20, 2010
  25. 25. If your site isn’t cute.com, don’t get cute use conventions Sunday, June 20, 2010
  26. 26. Make it obvious Sunday, June 20, 2010
  27. 27. People get lost at any turn. Too many choices, bad directions and noise create a bad situation. Sunday, June 20, 2010
  28. 28. People get lost at any turn. Too many choices, bad directions and noise create a bad situation. Sunday, June 20, 2010
  29. 29. What might be obvious to you isn’t obvious to someone who is new to the website. Sunday, June 20, 2010
  30. 30. Sunday, June 20, 2010
  31. 31. Web Conventions Sunday, June 20, 2010
  32. 32. As a rule conventions only become conventions if they work. Use them. They are your friends! Sunday, June 20, 2010
  33. 33. All conventions start life as somebody’s bright idea. (Steve Krug - Don’t Make Me Think) Sunday, June 20, 2010
  34. 34. Sunday, June 20, 2010
  35. 35. Sunday, June 20, 2010
  36. 36. Sunday, June 20, 2010
  37. 37. Sunday, June 20, 2010
  38. 38. Sunday, June 20, 2010
  39. 39. Sunday, June 20, 2010
  40. 40. Sunday, June 20, 2010
  41. 41. Sunday, June 20, 2010
  42. 42. Oops Sunday, June 20, 2010
  43. 43. Sunday, June 20, 2010
  44. 44. Sunday, June 20, 2010
  45. 45. Sunday, June 20, 2010
  46. 46. Sunday, June 20, 2010
  47. 47. Sample Prooocess Sunday, June 20, 2010
  48. 48. Define Sunday, June 20, 2010
  49. 49. 1. Identify the type of site 1. Branding, marketing, content source, task-based... 2. Determine the team make-up required 3. Discover and understand the client and industry culture 4. Define the project objectives 5. Understand the current state (Heuristic Analysis) 6. Gather ideas from stakeholders 7. CONTENT STRATEGY!!! Sunday, June 20, 2010
  50. 50. Research Sunday, June 20, 2010
  51. 51. 1. User Research (internal and external) 1. Define user groups 2. Choose research techniques (what will the project's budget allow) 2. Personas 1. Really this could be just a short, visual reminder or representation for the people working on the project of the user groups. I like to have something in front of me that helps me keep my focus user-centric. Sunday, June 20, 2010
  52. 52. Visioning Sunday, June 20, 2010
  53. 53. 1. Envision features 1. This will allow us to flesh things out and see what it will take to build before to prioritizing 2. Prioritize requirements Sunday, June 20, 2010
  54. 54. Wireframe and Design Sunday, June 20, 2010
  55. 55. 1. Task flows 2. Wireframes and annotations (function) 1. Basic/draft wireframes 2. Filled out wireframes 3. Prototyping - functionality testing with users. 4. UI Graphic Design 1. Design testing 5. UI Design revisions 1. Design testing 6. Style guide documentation Sunday, June 20, 2010
  56. 56. Sunday, June 20, 2010
  57. 57. Sunday, June 20, 2010
  58. 58. Sunday, June 20, 2010
  59. 59. All the other stuff Sunday, June 20, 2010
  60. 60. 1. Build... 2. User testing 3. QA (internal and with client) 4. It never ends! Sunday, June 20, 2010
  61. 61. delicious.com/ hellosteve/ ux Sunday, June 20, 2010
  62. 62. Find me at hellofisher.com Sunday, June 20, 2010

×