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

Designers are NOT Pixel pushers

tapps
May 18, 2016

Designers are NOT Pixel pushers

Design is not how it looks. Design is how it works.

tapps

May 18, 2016
Tweet

More Decks by tapps

Other Decks in Design

Transcript

  1. Designers != Pixel pushers
    DESIGN IS MORE THAN PIXELS.

    View Slide

  2. Hi, I’m @tapps
    FIRST THINGS FIRST. WHO THE HECK IS THIS PERSON
    I DESIGN STUFF AT
    CORNERSHOPCREATIVE.COM

    View Slide

  3. So, why this talk?
    ARE YOU AGAINST PIXELS OR SOMETHING?

    View Slide

  4. This is a pixel

    View Slide

  5. This is a pixel
    see it?

    View Slide

  6. This is a pixel
    lets zoom in a bit…

    View Slide

  7. This is a pixel
    lets zoom in a bit…

    View Slide

  8. This is a pixel
    a little bit more…

    View Slide

  9. This is a pixel
    a little bit more…

    View Slide

  10. This is a pixel
    exciting. right?

    View Slide

  11. This is a pixel
    exciting. right?
    #NOT

    View Slide

  12. Pixels are

    View Slide

  13. Pixels are flat

    View Slide

  14. Pixels are static

    View Slide

  15. Pixels are boring

    View Slide

  16. But design is not boring

    View Slide

  17. But design is not boring
    #SCIENCE

    View Slide

  18. Science you say?
    WHAT’S SCIENCE GOT TO DO, GOT TO DO WITH IT?

    View Slide

  19. We live in a
    3 dimensional
    world

    View Slide

  20. We live in a
    3 dimensional
    world
    Actually, scientists believe there are more like
    10 dimensions

    View Slide

  21. We live in a
    3 dimensional
    world
    Actually, scientists believe there are more like
    10 dimensions
    *SCIENCY IS TOTALLY A WORD

    View Slide

  22. The ten dimensions of design*
    IN HONOR OF #SCIENCE, I GIVE YOU
    *BASED TOTALLY SCIENTIFICALLY

    View Slide

  23. DIM
    ENS
    ION
    NO.
    1-3. Length, width, depth
    REMEMBER OUR FRIENDS X, Y AND Z FROM HIGH SCHOOL MATH?
    YEAH, ME NEITHER.

    View Slide

  24. DIM
    ENS
    ION
    NO.
    1-3. Length, width, depth
    REMEMBER OUR FRIENDS X, Y AND Z FROM HIGH SCHOOL MATH?
    YEAH, ME NEITHER.

    View Slide

  25. DIM
    ENS
    ION
    NO.
    4. Time
    WOBBLY-WOBBLY TIMEY-WIMEY STUFF.

    View Slide

  26. DIM
    ENS
    ION
    NO.
    4. Time
    WOBBLY-WOBBLY TIMEY-WIMEY STUFF.

    View Slide

  27. DIM
    ENS
    ION
    NO.
    4. Time
    WOBBLY-WOBBLY TIMEY-WIMEY STUFF.

    View Slide

  28. DIM
    ENS
    ION
    NO.
    5. Flow & organization
    HAVE A CLEAR PATH? OR DO YOUR USERS NEED TO STOP & ASK FOR DIRECTIONS?

    View Slide

  29. DIM
    ENS
    ION
    NO.
    5. Flow & organization
    HAVE A CLEAR PATH? OR DO YOUR USERS NEED TO STOP & ASK FOR DIRECTIONS?
    SLICKPLAN.COM
    AXURE

    View Slide

  30. DIM
    ENS
    ION
    NO.
    5. Flow & organization
    HAVE A CLEAR PATH? OR DO YOUR USERS NEED TO STOP & ASK FOR DIRECTIONS?
    CARD SORT
    OPTIMALWORKSHOP.COM

    View Slide

  31. DIM
    ENS
    ION
    NO.
    5. Flow & organization
    HAVE A CLEAR PATH? OR DO YOUR USERS NEED TO STOP & ASK FOR DIRECTIONS?
    TREE TEST
    OPTIMALWORKSHOP.COM
    FIRST IMPRESSION TEST
    OPTIMALWORKSHOP.COM

    View Slide

  32. –NO ONE, EVER
    “Pixels are a conversation”

    View Slide

  33. –A SMART PERSON
    “Design is a conversation”

    View Slide

  34. DIM
    ENS
    ION
    NO.
    6. Video & voice
    HEY SIRI, TELL ALEXA TO GOOGLE WHAT TO SAY TO CORTANA

    View Slide

  35. DIM
    ENS
    ION
    NO.
    7. Accessibility
    NO, REALLY. IT’S VERY IMPORTANT.

    View Slide

  36. DIM
    ENS
    ION
    NO.
    7. Accessibility
    NO, REALLY. IT’S VERY IMPORTANT.

    View Slide

  37. DIM
    ENS
    ION
    NO.
    7. Accessibility
    NO, REALLY. IT’S VERY IMPORTANT.

    View Slide

  38. DIM
    ENS
    ION
    NO.
    7. Accessibility
    NO, REALLY. IT’S VERY IMPORTANT.

    View Slide

  39. DIM
    ENS
    ION
    NO.
    7. Accessibility
    NO, REALLY. IT’S VERY IMPORTANT.
    [ 㽈 MUSIC PLAYING ]

    View Slide

  40. DIM
    ENS
    ION
    NO.
    7. Accessibility
    NO, REALLY. IT’S VERY IMPORTANT.
    [ 㽈 MUSIC PLAYING ]
    Transcript:
    >> ALICE: Hi, my name is Alice Miller and this is John Brown
    >> JOHN: and we're the owners of Miller Bakery.
    >> ALICE: Today we'll be teaching you how to make

    View Slide

  41. DIM
    ENS
    ION
    NO.
    7. Accessibility
    NO, REALLY. IT’S VERY IMPORTANT.

    View Slide

  42. DIM
    ENS
    ION
    NO.

    View Slide

  43. DIM
    ENS
    ION
    NO.
    7. Accessibility

    View Slide

  44. DIM
    ENS
    ION
    NO.
    7. Accessibility
    SPECTRUM
    CHROME PLUGIN

    View Slide

  45. DIM
    ENS
    ION
    NO.
    8. Human behavior
    I’M STUDYING YOU… IN A TOTALLY NOT CREEPY WAY.

    View Slide

  46. DIM
    ENS
    ION
    NO.
    8. Human behavior
    I’M STUDYING YOU… IN A TOTALLY NOT CREEPY WAY.

    View Slide

  47. DIM
    ENS
    ION
    NO.
    8. Human behavior
    I’M STUDYING YOU… IN A TOTALLY NOT CREEPY WAY.

    View Slide

  48. DIM
    ENS
    ION
    NO.
    8. Human behavior
    I’M STUDYING YOU… IN A TOTALLY NOT CREEPY WAY.

    View Slide

  49. DIM
    ENS
    ION
    NO.
    8. Human behavior
    I’M STUDYING YOU… IN A TOTALLY NOT CREEPY WAY.

    View Slide

  50. DIM
    ENS
    ION
    NO.
    8. Human behavior
    I’M STUDYING YOU… IN A TOTALLY NOT CREEPY WAY.
    NAME: Richard
    MARRIED: divorced
    DOGS OR CATS: Cat person.
    (but likes small dogs too)
    PETS: Quirky the cat,
    Peaches the parakeet
    HOMETOWN: Richland
    Town Center, MA
    CAR: Red prius
    PROFESSION: Construction
    USUALLY VOTES: Democrat
    MORNING ROUTINE: Don’t talk to
    him before his coffee
    LIKES HIS COFFEE: black
    FAVORITE MUSIC: Jazz, Rock,
    Oldies, & occasional R&B
    FAVORITE FOOD: Mexican.
    Sometimes sushi when he’s in
    the mood
    FAVORITE COLOR: Red
    # OF KIDS: Three
    WHAT HE’S READING: Harry
    Potter (again)
    LAST MOVIE SAW: Zoolander
    WORK SCHEDULE: Busy weekdays
    & some weekends
    MOTIVATION: Spending time
    with his kids
    KIDS: Live with him every
    other week
    TECHNICAL ABILITY: Just got a
    smart phone last year
    FACEBOOK: Likes to connect with
    College friends (but doesn’t know
    how to post things, or what a “wall” is)
    CURRENT CITY: Portland, OR
    AGE: 48
    MAC OR PC: Children got him one of
    those computers with an apple on it.
    HOME INTERNET SPEED: fast… enough?
    FAVORITE VACATION SPOT:
    Anywhere there is a beach.
    INCOME: working/
    middle class
    VISION: Wears glasses
    for reading
    COOK OR EAT OUT: Loves to cook
    ACTIVE / SEDENTARY: Active
    & likes working out
    LAST CONVERSATION: Called his
    mother for mothers day.
    CULTURE/BACKGROUND: German
    and Spanish dissent
    (3rd generation immigrant)
    MYERS BRIGGS: ENFP
    FRIENDS: Few close friends,
    several work acquaintances.
    HOBBY: Likes crocheting &
    downhill skiing.
    FAVORITE TV: British comedy
    LIVING: Owns a single
    family home
    SEARCH ENGINE: Yahoo!
    DRINK OF CHOICE: Brandy
    Old Fashioned
    ON HIS MIND: I need to mow the
    lawn tomorrow if it doesn’t rain
    GAMES: Likes board
    games like Monopoly
    KIDS AGES: 8.5, 14, 16
    HEIGHT: 5’10”
    BAD HABIT: Leaving the
    dishes in the sink
    PET PEEVE: People not
    following through
    NICKNAME: Brady Bunch
    (It’s a long story
    TOMORROW: Is taking his 16 year
    old to take her driver test.
    EVENING: Eats dinner while
    watching the news at 6pm
    ENJOYS: Having the radio play
    in the background

    View Slide

  51. DIM
    ENS
    ION
    NO.
    8. Human behavior
    I’M STUDYING YOU… IN A TOTALLY NOT CREEPY WAY.
    NAME: Richard
    MARRIED: divorced
    DOGS OR CATS: Cat person.
    (but likes small dogs too)
    PETS: Quirky the cat,
    Peaches the parakeet
    HOMETOWN: Richland
    Town Center, MA
    CAR: Red prius
    PROFESSION: Construction
    USUALLY VOTES: Democrat
    MORNING ROUTINE: Don’t talk to
    him before his coffee
    LIKES HIS COFFEE: black
    FAVORITE MUSIC: Jazz, Rock,
    Oldies, & occasional R&B
    FAVORITE FOOD: Mexican.
    Sometimes sushi when he’s in
    the mood
    FAVORITE COLOR: Red
    # OF KIDS: Three
    WHAT HE’S READING: Harry
    Potter (again)
    LAST MOVIE SAW: Zoolander
    WORK SCHEDULE: Busy weekdays
    & some weekends
    MOTIVATION: Spending time
    with his kids
    KIDS: Live with him every
    other week
    TECHNICAL ABILITY: Just got a
    smart phone last year
    FACEBOOK: Likes to connect with
    College friends (but doesn’t know
    how to post things, or what a “wall” is)
    CURRENT CITY: Portland, OR
    AGE: 48
    MAC OR PC: Children got him one of
    those computers with an apple on it.
    HOME INTERNET SPEED: fast… enough?
    FAVORITE VACATION SPOT:
    Anywhere there is a beach.
    INCOME: working/
    middle class
    VISION: Wears glasses
    for reading
    COOK OR EAT OUT: Loves to cook
    ACTIVE / SEDENTARY: Active
    & likes working out
    LAST CONVERSATION: Called his
    mother for mothers day.
    CULTURE/BACKGROUND: German
    and Spanish dissent
    (3rd generation immigrant)
    MYERS BRIGGS: ENFP
    FRIENDS: Few close friends,
    several work acquaintances.
    HOBBY: Likes crocheting &
    downhill skiing.
    FAVORITE TV: British comedy
    LIVING: Owns a single
    family home
    SEARCH ENGINE: Yahoo!
    DRINK OF CHOICE: Brandy
    Old Fashioned
    ON HIS MIND: I need to mow the
    lawn tomorrow if it doesn’t rain
    GAMES: Likes board
    games like Monopoly
    KIDS AGES: 8.5, 14, 16
    HEIGHT: 5’10”
    BAD HABIT: Leaving the
    dishes in the sink
    PET PEEVE: People not
    following through
    NICKNAME: Brady Bunch
    (It’s a long story
    TOMORROW: Is taking his 16 year
    old to take her driver test.
    EVENING: Eats dinner while
    watching the news at 6pm
    ENJOYS: Having the radio play
    in the background

    View Slide

  52. DIM
    ENS
    ION
    NO.
    8. Human behavior
    I’M STUDYING YOU… IN A TOTALLY NOT CREEPY WAY.

    View Slide

  53. DIM
    ENS
    ION
    NO.
    9. Emotion & motivation
    WE’RE NOT ROBOTS

    View Slide

  54. DIM
    ENS
    ION
    NO.
    9. Emotion & motivation
    WE’RE NOT ROBOTS
    High motivation
    Low motivation
    Hard to do
    Easy to do
    Motivation
    Ability
    Success
    Failure
    action / trigger line
    Behavior Model

    View Slide

  55. DIM
    ENS
    ION
    NO.
    9. Emotion & motivation
    WE’RE NOT ROBOTS
    High motivation
    Low motivation
    Hard to do
    Easy to do
    Motivation
    Ability
    Success
    Failure
    action / trigger line
    Behavior Model

    View Slide

  56. DIM
    ENS
    ION
    NO.
    9. Emotion & motivation
    WE’RE NOT ROBOTS
    High motivation
    Low motivation
    Hard to do
    Easy to do
    Motivation
    Ability
    Success
    Failure
    action / trigger line
    Behavior Model

    View Slide

  57. DIM
    ENS
    ION
    NO.
    9. Emotion & motivation
    WE’RE NOT ROBOTS
    High motivation
    Low motivation
    Hard to do
    Easy to do
    Motivation
    Ability
    Success
    Failure
    action / trigger line
    Behavior Model

    View Slide

  58. DIM
    ENS
    ION
    NO.
    9. Emotion & motivation
    WE’RE NOT ROBOTS
    High motivation
    Low motivation
    Hard to do
    Easy to do
    Motivation
    Ability
    Success
    Failure
    action / trigger line
    Behavior Model

    View Slide

  59. DIM
    ENS
    ION
    NO.
    9. Emotion & motivation
    WE’RE NOT ROBOTS
    High motivation
    Low motivation
    Hard to do
    Easy to do
    Motivation
    Ability
    Success
    Failure
    action / trigger line
    Behavior Model

    View Slide

  60. DIM
    ENS
    ION
    NO.
    9. Emotion & motivation
    WE’RE NOT ROBOTS
    High motivation
    Low motivation
    Hard to do
    Easy to do
    Motivation
    Ability
    Success
    Failure
    action / trigger line
    Behavior Model

    View Slide

  61. DIM
    ENS
    ION
    NO.
    9. Emotion & motivation
    WE’RE NOT ROBOTS
    High motivation
    Low motivation
    Hard to do
    Easy to do
    Motivation
    Ability
    Success
    Failure
    action / trigger line
    Behavior Model

    View Slide

  62. DIM
    ENS
    ION
    NO.
    9. Emotion & motivation
    WE’RE NOT ROBOTS
    High motivation
    Low motivation
    Hard to do
    Easy to do
    Motivation
    Ability
    Success
    Failure
    action / trigger line
    Behavior Model

    View Slide

  63. DIM
    ENS
    ION
    NO.
    9. Emotion & motivation
    WE’RE NOT ROBOTS
    High motivation
    Low motivation
    Hard to do
    Easy to do
    Motivation
    Ability
    Success
    Failure
    action / trigger line
    Behavior Model

    View Slide

  64. DIM
    ENS
    ION
    NO.
    10. Does it WORK?
    JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD

    View Slide

  65. DIM
    ENS
    ION
    NO.
    10. Does it WORK?
    JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD

    View Slide

  66. DIM
    ENS
    ION
    NO.
    10. Does it WORK?
    JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD

    View Slide

  67. DIM
    ENS
    ION
    NO.
    10. Does it WORK?
    JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD

    View Slide

  68. DIM
    ENS
    ION
    NO.
    10. Does it WORK?
    JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD

    View Slide

  69. DIM
    ENS
    ION
    NO.
    10. Will it WORK?
    JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD

    View Slide

  70. DIM
    ENS
    ION
    NO.
    10. Will it WORK?
    JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD

    View Slide

  71. DIM
    ENS
    ION
    NO.
    10. Will it WORK?
    JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD

    View Slide

  72. DIM
    ENS
    ION
    NO.
    10. Will it WORK?
    JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD

    View Slide

  73. DIM
    ENS
    ION
    NO.
    10. Will it WORK?
    JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD

    View Slide

  74. DIM
    ENS
    ION
    NO.
    10. Will it WORK?
    JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD

    View Slide

  75. DIM
    ENS
    ION
    NO.
    10. Will it WORK?
    JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD

    View Slide

  76. DIM
    ENS
    ION
    NO.
    10. Will it WORK?
    JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD

    View Slide

  77. DIM
    ENS
    ION
    NO.
    10. Will it WORK?
    JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD

    View Slide

  78. DIM
    ENS
    ION
    NO.
    10. Will it WORK?
    JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD

    View Slide

  79. 1-3. Length, width, depth
    4. Time
    5. Flow & organization
    6. Video & voice
    7. Accessibility
    8. Human behavior
    9. Emotion & motivation
    10. Does it WORK?

    View Slide

  80. – STEVE JOBS
    “[Design is] not just what it looks like and feels like.
    Design is how it works.”

    View Slide

  81. – STEVE JOBS
    “[Design is] not just what it looks like and feels like.
    Design is how it works.”
    “. . . Not pixels”
    – ME

    View Slide

  82. Questions?
    WHERE TO FIND ME ONLINE:
    @TAPPS
    @TAPPS
    @THEREALTAPPS
    IAMTAPPS.COM
    CORNERSHOPCREATIVE.COM

    View Slide