Designers are NOT Pixel pushers

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

Transcript

1. Designers != Pixel pushers DESIGN IS MORE THAN PIXELS.
2. Hi, I’m @tapps FIRST THINGS FIRST. WHO THE HECK IS THIS PERSON I DESIGN STUFF AT CORNERSHOPCREATIVE.COM
3. So, why this talk? ARE YOU AGAINST PIXELS OR SOMETHING?
4. This is a pixel
5. This is a pixel see it?
6. This is a pixel lets zoom in a bit…
7. This is a pixel lets zoom in a bit…
8. This is a pixel a little bit more…
9. This is a pixel a little bit more…
10. This is a pixel exciting. right?
11. This is a pixel exciting. right? #NOT
12. Pixels are
13. Pixels are flat
14. Pixels are static
15. Pixels are boring
16. But design is not boring
17. But design is not boring #SCIENCE
18. Science you say? WHAT’S SCIENCE GOT TO DO, GOT TO DO WITH IT?
19. We live in a 3 dimensional world
20. We live in a 3 dimensional world Actually, scientists believe there are more like 10 dimensions
21. We live in a 3 dimensional world Actually, scientists believe there are more like 10 dimensions *SCIENCY IS TOTALLY A WORD
22. The ten dimensions of design* IN HONOR OF #SCIENCE, I GIVE YOU *BASED TOTALLY SCIENTIFICALLY
23. DIM ENS ION NO. 1-3. Length, width, depth REMEMBER OUR FRIENDS X, Y AND Z FROM HIGH SCHOOL MATH? YEAH, ME NEITHER.
24. DIM ENS ION NO. 1-3. Length, width, depth REMEMBER OUR FRIENDS X, Y AND Z FROM HIGH SCHOOL MATH? YEAH, ME NEITHER.
25. DIM ENS ION NO. 4. Time WOBBLY-WOBBLY TIMEY-WIMEY STUFF.
26. DIM ENS ION NO. 4. Time WOBBLY-WOBBLY TIMEY-WIMEY STUFF.
27. DIM ENS ION NO. 4. Time WOBBLY-WOBBLY TIMEY-WIMEY STUFF.
28. DIM ENS ION NO. 5. Flow & organization HAVE A CLEAR PATH? OR DO YOUR USERS NEED TO STOP & ASK FOR DIRECTIONS?
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
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
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
32. –NO ONE, EVER “Pixels are a conversation”
33. –A SMART PERSON “Design is a conversation”
34. DIM ENS ION NO. 6. Video & voice HEY SIRI, TELL ALEXA TO GOOGLE WHAT TO SAY TO CORTANA
35. DIM ENS ION NO. 7. Accessibility NO, REALLY. IT’S VERY IMPORTANT.
36. DIM ENS ION NO. 7. Accessibility NO, REALLY. IT’S VERY IMPORTANT.
37. DIM ENS ION NO. 7. Accessibility NO, REALLY. IT’S VERY IMPORTANT.
38. DIM ENS ION NO. 7. Accessibility NO, REALLY. IT’S VERY IMPORTANT.
39. DIM ENS ION NO. 7. Accessibility NO, REALLY. IT’S VERY IMPORTANT. [ 㽈 MUSIC PLAYING ]
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
41. DIM ENS ION NO. 7. Accessibility NO, REALLY. IT’S VERY IMPORTANT.
42. DIM ENS ION NO.
43. DIM ENS ION NO. 7. Accessibility
44. DIM ENS ION NO. 7. Accessibility SPECTRUM CHROME PLUGIN
45. DIM ENS ION NO. 8. Human behavior I’M STUDYING YOU… IN A TOTALLY NOT CREEPY WAY.
46. DIM ENS ION NO. 8. Human behavior I’M STUDYING YOU… IN A TOTALLY NOT CREEPY WAY.
47. DIM ENS ION NO. 8. Human behavior I’M STUDYING YOU… IN A TOTALLY NOT CREEPY WAY.
48. DIM ENS ION NO. 8. Human behavior I’M STUDYING YOU… IN A TOTALLY NOT CREEPY WAY.
49. DIM ENS ION NO. 8. Human behavior I’M STUDYING YOU… IN A TOTALLY NOT CREEPY WAY.
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
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
52. DIM ENS ION NO. 8. Human behavior I’M STUDYING YOU… IN A TOTALLY NOT CREEPY WAY.
53. DIM ENS ION NO. 9. Emotion & motivation WE’RE NOT ROBOTS
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
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
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
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
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
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
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
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
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
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
64. DIM ENS ION NO. 10. Does it WORK? JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD
65. DIM ENS ION NO. 10. Does it WORK? JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD
66. DIM ENS ION NO. 10. Does it WORK? JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD
67. DIM ENS ION NO. 10. Does it WORK? JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD
68. DIM ENS ION NO. 10. Does it WORK? JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD
69. DIM ENS ION NO. 10. Will it WORK? JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD
70. DIM ENS ION NO. 10. Will it WORK? JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD
71. DIM ENS ION NO. 10. Will it WORK? JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD
72. DIM ENS ION NO. 10. Will it WORK? JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD
73. DIM ENS ION NO. 10. Will it WORK? JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD
74. DIM ENS ION NO. 10. Will it WORK? JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD
75. DIM ENS ION NO. 10. Will it WORK? JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD
76. DIM ENS ION NO. 10. Will it WORK? JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD
77. DIM ENS ION NO. 10. Will it WORK? JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD
78. DIM ENS ION NO. 10. Will it WORK? JUST BECAUSE YOU CAN DESIGN SOMETHING, DOESN’T MEAN YOU SHOULD
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?
80. – STEVE JOBS “[Design is] not just what it looks like and feels like. Design is how it works.”
81. – STEVE JOBS “[Design is] not just what it looks like and feels like. Design is how it works.” “. . . Not pixels” – ME
82. Questions? WHERE TO FIND ME ONLINE: @TAPPS @TAPPS @THEREALTAPPS IAMTAPPS.COM CORNERSHOPCREATIVE.COM