The document discusses a survey of teenagers and their understanding of common computer icons, including the floppy disk save icon. Some key findings are that 96% of teenagers know the floppy disk icon represents saving, and 91% of high schoolers associate the icon with saving. While teenagers may not be familiar with the physical objects some icons depict, they often understand the digital meaning, such as recognizing an envelope icon represents email. The document advocates testing icons with users and using context and metaphors to help convey unfamiliar concepts.
3. Save designed by Cris Dobbins from The Noun Project
I DEFEND THE FLOPPY DISK...
4. Download designed by Michael Zenaty from The Noun Project
…AGAINST THIS ICON, WHICH INSTRUCTS YOU
TO PUT YOUR FILE IN HALF A BOX.
5. Students designed by Piotrek Chuchla from The Noun Project
PEOPLE THINK STUDENTS DON’T KNOW THE
FLOPPY DISK, BUT COLLEGE STUDENTS SAID:
“SERIOUSLY, I’M ONLY 20 BUT YOUNG PEOPLE
AREN’T THAT BLIND TO OLD TECH.”
6. I ASKED LOTS OF THEM. *NOT ACTUAL GENDER RATIO
Students designed by Piotrek Chuchla from The Noun Project
7. 1. What is this a picture of?
2. What does this represent on a computer or phone?
LAST YEAR I SURVEYED 131 18-24 YEAR OLDS
ABOUT THE FLOPPY DISK AND 10 OTHER ICONS.
8. I LEARNED THAT 96% KNOW THIS IS A FLOPPY
DISK.
Save designed by Cris Dobbins from The Noun Project
9. AND 83% KNOW THIS MEANS SAVE. OF THOSE
WHO DIDN’T SAY “SAVE,” THEY KNEW THIS
REPRESENTED SOME SORT OF STORAGE OR
MEMORY.
Save designed by Cris Dobbins from The Noun Project
10. Save designed by Cris Dobbins from The Noun Project
BUT NO ONE BELIEVED THAT THE SAVE ICON IS
STILL WORKING. SO I SURVEYED MORE PEOPLE.
YOUNGER PEOPLE.
526 14-17 YEAR OLDS, TO BE EXACT.
I win!
Hooray!
12. Reddit alien
IT’S HARD TO FIND TEENAGERS, SO I TURNED
TO REDDIT. IT’S KNOWN FOR ITS
PROFESSIONALISM. THE TEENAGERS TAUGHT
ME ABOUT ICONS AND THEMSELVES.
13. If you’d like to know the results of this
study when it’s completed, please enter
your email address below (optional)
anus@anus.anus
TEEN FACT #1: THEY’RE OBVIOUS WHEN
THEY’RE MESSING WITH YOU.
18. Donkey designed by m. turan ercan from the thenounproject.com
Kettle designed by Jennifer Cozzette from the thenounproject.com
CONTEXT HELPS DECIPHER IDIOMS, LIKE “ASS
OVER TEA KETTLE.”
*NOT TO SCALE
23. Pencil designed by Blake Thompson, from The Noun Project
CONTEXT ALSO HELPS WHEN AN ICON HAS
MANY USES, LIKE THIS ONE.
24. 1. What is this a picture of?
2. What does this represent on a computer or phone?
idk
TEEN FACT #2: ELEVEN PEOPLE COULD NOT
IDENTIFY THIS OBJECT. WHAT IS HAPPENING IN
OUR SCHOOLS?
26. Write
24%
Draw 13%
No guess 17%
Edit/Write 7%
Draw/Edit 2%
Edit
22%
Note 2%
Pencil 2%
Draw/Write 2%
New 2%
Type 2%
Other 5%
WHAT DOES IT REPRESENT?
27. Voicemail by The Noun Project
CONTEXT HELPS WHEN YOU HAVE NO IDEA
WHAT SOMETHING REPRESENTS.
30. 1. What is this a picture of?
2. What does this represent on a computer or phone?
[censored]
TEEN FACT #3:
THEY’RE INNOCENT. SOME THINK THIS ICON
LOOKS LIKE BODY PARTS, WHICH MEANS
THEY’VE CLEARLY NEVER SEEN SAID PARTS.
33. Telegraph designed by Luke Anthony Firth from The Noun Project
“DIPLOMATIC CABLES” AREN’T ACTUALLY SENT
OVER A TELEGRAPH ANYMORE.
34. Telephone from The Noun Project
PHONES DON’T HANG, BUT WE STILL END A
CALL BY HANGING UP.
35. Increase designed by Rediffusion from the thenounproject.com
WE GET STOCK INFORMATION ON A MACHINE
THAT, IF IT MAKES ANY NOISE, BUZZES. BUT WE
CALL IT A STOCK TICKER.
36. Paper designed by Tom Schott from the thenounproject.com
CC SOMEONE ON AN EMAIL AND YOU’RE
RECALLING THE GOOD OLD DAYS OF CARBON
PAPER.
37. NOTHING ABOUT YOUR SUBARU REQUIRES YOU
TO PULL, BUT YOU “PULL OVER” A CAR.
51. 1. What is this a picture of?
2. What does this represent on a computer or phone?
ID? I’m 14
No [censored] clue since I don’t have one yet.
TEEN FACT #4:
THEY’RE SENSITIVE AND ANGSTY.
52. Save designed by Cris Dobbins from The Noun Project
OUR EMBATTLED HERO.
55. Save designed by Cris Dobbins from The Noun Project
DID YOU CATCH THAT? HIGH SCHOOLERS (WHO
MAY NOT HAVE EVER SEEN THIS IN REAL LIFE)
KNOW WHAT IT MEANS ON A SCREEN. THIS
ICON WORKS.
56. 1. What is this a picture of?
2. What does this represent on a computer or phone?
Floppy dicks (pun intended)
TEEN FACT #5:
THEY’RE NOT VERY SMART.
64. WE KNOW THE FACEBOOK WALL ISN’T LOAD
BEARING, BUT WE UNDERSTAND WHAT WE’LL
SEE ON THIS WALL.
Browser designed by Max Miner from the thenounproject.com
69. Link designed by David Waschbüsch, from The Noun Project
OTHER ICONS HAVE STRETCHED A METAPHOR
WITH LESS SUCCESS. THIS ICON HAS BEEN
AROUND SINCE THE 90S, BUT HAS LOW
RECOGNITION.
72. WE’RE STILL FIGURING OUT SOME
THINGS. LIKE THIS ICON, WHICH WAS
FIRST DESIGNED IN 1981 BY NORM
COX. 1981!
73. “…we used to tell
potential users that the
image was an ‘air vent’ to
keep the window cool”
-- Norm Cox
74. GREAT A/B TESTS BY JAMES FOSTER AND
USABILITY TEST BY TEAMS AT VANGUARD (AND
MANY OTHERS) SHOW THAT THIS ICON DOES
BEST WHEN IT’S NEXT TO THE WORD “MENU.”
MENU
75. Students designed by Piotrek Chuchla from The Noun Project
IF YOU’RE UNSURE IF AN ICON WORKS FOR
YOUR AUDIENCE, ASK THEM. THEY HAVE ALL
THE ANSWERS.