Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Connecting Your Designs With Your Users

Connecting Your Designs With Your Users

As part of the 2012 Student Web Conference - An intro to UX Design and how ThinkGeek generally applies principles/methods to its UX Design Process

Brian Talbot

May 02, 2012
Tweet

More Decks by Brian Talbot

Other Decks in Design

Transcript

  1. Hi,
    I’m a geek

    View full-size slide

  2. Hi,
    I’m a web designer

    View full-size slide

  3. Hi,
    I’m a child of the 80’s

    View full-size slide

  4. Hi,
    I’m a child of the 80’s

    View full-size slide

  5. Hi,
    I’m a child of the 80’s

    View full-size slide

  6. Hi,
    I’m the ThinkGeek User
    Experience Design Lead

    View full-size slide

  7. Hi,
    I’m the ThinkGeek User
    Experience Design Lead

    View full-size slide

  8. Hi,
    I’m the ThinkGeek User
    Experience Design Lead

    View full-size slide

  9. So, what is this
    USER EXPERIENCE
    business anyway?

    View full-size slide

  10. DESIGN WITH
    A CAPITAL “D”
    information, presentation, and services to help people

    View full-size slide

  11. Information Architecture
    User Interface Design
    Content Strategy
    Research Strategy
    and

    View full-size slide

  12. Who are your users? What do
    they need or want? What steps
    and actions to they take to get
    there? What info and tools do
    they need along the way?

    View full-size slide

  13. Who are your users? What do
    they need or want? What steps
    and actions to they take to get
    there? What info and tools do
    they need along the way?
    Who are your users? What do
    they need or want? What steps
    and actions to they take to get
    there? What info and tools do
    they need along the way?

    View full-size slide

  14. Who are your users? What do
    they need or want? What steps
    and actions to they take to get
    there? What info and tools do
    they need along the way?
    Who are your users? What do
    they need or want? What steps
    and actions to they take to get
    there? What info and tools do
    they need along the way?
    Who are your users? What do
    they need or want? What steps
    and actions to they take to get
    there? What info and tools do
    they need along the way?

    View full-size slide

  15. Who are your users? What do
    they need or want? What steps
    and actions to they take to get
    there? What info and tools do
    they need along the way?
    Who are your users? What do
    they need or want? What steps
    and actions to they take to get
    there? What info and tools do
    they need along the way?
    Who are your users? What do
    they need or want? What steps
    and actions to they take to get
    there? What info and tools do
    they need along the way?
    Who are your users? What do
    they need or want? What steps
    and actions to they take to get
    there? What info and tools do
    they need along the way?

    View full-size slide

  16. Who are your users? What do
    they need or want? What steps
    and actions to they take to get
    there? What info and tools do
    they need along the way?
    Who are your users? What do
    they need or want? What steps
    and actions to they take to get
    there? What info and tools do
    they need along the way?
    Who are your users? What do
    they need or want? What steps
    and actions to they take to get
    there? What info and tools do
    they need along the way?
    Who are your users? What do
    they need or want? What steps
    and actions to they take to get
    there? What info and tools do
    they need along the way?
    Who are your users? What do
    they need or want? What steps
    and actions to they take to get
    there? What info and tools do
    they need along the way?

    View full-size slide

  17. WHO ARE
    YOUR USERS?

    View full-size slide

  18. WHO ARE
    YOUR USERS?
    backgrounds, demographics, habits, contexts, and familiarity

    View full-size slide

  19. USE SURVEYS AND
    FOCUS GROUPS
    to help with moderated, personal, and qualitative feedback

    View full-size slide

  20. USE SURVEYS AND
    FOCUS GROUPS
    to help with moderated, personal, and qualitative feedback

    View full-size slide

  21. USE SURVEYS AND
    FOCUS GROUPS
    to help with moderated, personal, and qualitative feedback

    View full-size slide

  22. USE WEB
    ANALYTICS
    to help with unmoderated, passive, and public information

    View full-size slide

  23. USE WEB
    ANALYTICS
    to help with unmoderated, passive, and public information

    View full-size slide

  24. WHAT DO THEY
    NEED OR WANT?

    View full-size slide

  25. WHAT DO THEY
    NEED OR WANT?
    goals, tasks, help, education, entertainment, information

    View full-size slide

  26. USE WEB
    ANALYTICS AGAIN
    to see what parts of the site are used the most

    View full-size slide

  27. USE WEB
    ANALYTICS AGAIN
    to see what parts of the site are used the most

    View full-size slide

  28. USE WEB
    ANALYTICS AGAIN
    to see what parts of the site are used the most

    View full-size slide

  29. USE WEB
    ANALYTICS AGAIN
    to see what parts of the site are used the most

    View full-size slide

  30. star wars doctor who ninjas bacon
    portal dexter
    minecraſt christmas
    ice laser skyrim walking dead
    zombies bazinga caffeine yoda
    darth vader chocolate costumes
    iron man speaker emulator shirt
    boba
    gears of war battlestar galactica
    usb hello kitty
    speakers
    putty
    clocks
    cookie

    View full-size slide

  31. CHAT WITH
    CUSTOMER SERVICE
    to see what people are saying when they need help, give
    praise, or talk about us elsewhere

    View full-size slide

  32. CHAT WITH
    CUSTOMER SERVICE
    to see what people are saying when they need help, give
    praise, or talk about us elsewhere

    View full-size slide

  33. CHAT WITH
    CUSTOMER SERVICE
    to see what people are saying when they need help, give
    praise, or talk about us elsewhere

    View full-size slide

  34. CHAT WITH
    CUSTOMER SERVICE
    to see what people are saying when they need help, give
    praise, or talk about us elsewhere

    View full-size slide

  35. WHAT STEPS DO
    THEY TAKE?

    View full-size slide

  36. WHAT STEPS DO
    THEY TAKE?
    thought and action processes, flows, sequences

    View full-size slide

  37. USE WEB
    ANALYTICS AGAIN
    to see the paths users take from page to page

    View full-size slide

  38. USE WEB
    ANALYTICS AGAIN
    to see the paths users take from page to page

    View full-size slide

  39. USE WEB
    ANALYTICS AGAIN
    to see the paths users take from page to page

    View full-size slide

  40. USE WEB
    ANALYTICS AGAIN
    to see the paths users take from page to page

    View full-size slide

  41. PROTOTYPE AND
    TEST NEW DESIGNS
    to validate our designs and logic make sense to users

    View full-size slide

  42. PROTOTYPE AND
    TEST NEW DESIGNS
    to validate our designs and logic make sense to users

    View full-size slide

  43. PROTOTYPE AND
    TEST NEW DESIGNS
    to validate our designs and logic make sense to users

    View full-size slide

  44. PROTOTYPE AND
    TEST NEW DESIGNS
    to validate our designs and logic make sense to users

    View full-size slide

  45. PROTOTYPE AND
    TEST NEW DESIGNS
    to validate our designs and logic make sense to users

    View full-size slide

  46. PROTOTYPE AND
    TEST NEW DESIGNS
    to validate our designs and logic make sense to users

    View full-size slide

  47. PROTOTYPE AND
    TEST NEW DESIGNS
    to validate our designs and logic make sense to users

    View full-size slide

  48. PROTOTYPE AND
    TEST NEW DESIGNS
    to validate our designs and logic make sense to users

    View full-size slide

  49. WHAT INFO
    AND TOOLS DO
    THEY NEED?

    View full-size slide

  50. WHAT INFO
    AND TOOLS DO
    THEY NEED?
    controls, navigation, forms, alerts, status, content

    View full-size slide

  51. ARE CURATING
    OUR TAXONOMY
    to match what our users call our geeky things

    View full-size slide

  52. ARE CURATING
    OUR TAXONOMY
    to match what our users call our geeky things

    View full-size slide

  53. ARE CURATING
    OUR TAXONOMY
    to match what our users call our geeky things

    View full-size slide

  54. ARE CURATING
    OUR TAXONOMY
    to match what our users call our geeky things

    View full-size slide

  55. WILL BE DIVING
    MORE INTO PAGE
    INTERACTIONS

    View full-size slide

  56. WILL BE DIVING
    MORE INTO PAGE
    INTERACTIONS

    View full-size slide

  57. WILL BE DIVING
    MORE INTO PAGE
    INTERACTIONS

    View full-size slide

  58. SKETCH OUT MANY
    DESIGN IDEAS
    to get more options on the table
    for both brainstorming and validating

    View full-size slide

  59. SKETCH OUT MANY
    DESIGN IDEAS
    to get more options on the table
    for both brainstorming and validating

    View full-size slide

  60. SKETCH OUT MANY
    DESIGN IDEAS
    to get more options on the table
    for both brainstorming and validating

    View full-size slide

  61. SKETCH OUT MANY
    DESIGN IDEAS
    to get more options on the table
    for both brainstorming and validating

    View full-size slide

  62. some things
    YOU CAN DO
    to start focusing on users

    View full-size slide

  63. Use Analytics
    Google Analytics, ClickTale, other free versions FTW

    View full-size slide

  64. Use Analytics
    Google Analytics, ClickTale, other free versions FTW
    Set Up Feedback Loops
    Twitter, Facebook, Wufoo forms free version

    View full-size slide

  65. Use Analytics
    Google Analytics, ClickTale, other free versions FTW
    Reach Out to Users
    make friends, follow-up to feedback, build a testing army
    Set Up Feedback Loops
    Twitter, Facebook, Wufoo forms free version

    View full-size slide

  66. Find Out Their Lingo
    dive into search logs, learn a subject’s vernacular

    View full-size slide

  67. Find Out Their Lingo
    dive into search logs, learn a subject’s vernacular
    Look at Competition/Peers
    Don’t reinvent the wheel on your users

    View full-size slide

  68. Find Out Their Lingo
    dive into search logs, learn a subject’s vernacular
    Look at Competition/Peers
    Don’t reinvent the wheel on your users
    Design Quick and Fast
    sketch many ideas, polish the gems you find

    View full-size slide

  69. DANGER, WILL
    ROBINSON
    well, at least warnings

    View full-size slide

  70. IN READING THE
    DATA TEA LEAVES
    Infer the right things and know what your terms are

    View full-size slide

  71. WHEN YOU USE
    YOUR FRIENDS
    they may not be anything like your users

    View full-size slide

  72. ASK THE RIGHT
    AND APPROPRIATE
    QUESTIONS
    don’t lead, discomfort, or make things to complex for people

    View full-size slide

  73. THANKS
    QUESTIONS?
    and
    [email protected]
    twitter: @talbs
    thinkgeek.com

    View full-size slide