Hearing and touch elements for web designers

1. Mater of Arts in Communication Design
WEB DESIGN
Hearing & Touch

2. Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
2

3. Hearing
Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
3

4. Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
4

5. Sound
• Pitch
• Pitch is a perceptual property that allows the ordering of sounds on a frequency-related scale
• Intensity
• Sound intensity or acoustic intensity (I) is defined as the sound power Pac per unit area A.
• Tone color
• is the quality of a musical note or sound or tone that distinguishes different types of sound
production
Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
5

6. Sound is energy
Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
6

7. Human hearing
• From 16-20 Hz to 16 KHz
• More sensibile in the center
• Feels frequency differences of 1.5 Hz (less at hight frequences)
• Feels position of source (stereo)
• Feels familiar sounds modifications (cold effect)
• Uses filters (cocktail party effect)
Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
7

8. Treshold of pain
Sound pressure dB
Audible area
Music
Talked
Audibility treshold
Frequency Hz
Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
8

9. Rock concert
Treshold of pain
Firearm
Mower
Sound pressure dB
Audible area
Music
Talked
Conversation
Watch tic-tac
Audibility treshold
Frequency Hz
Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
9

10. http://www.youtube.com/watch?v=jTUgh3HJgQU
http://www.youtube.com/watch?v=GDcCGVceEt8
An earcon is a brief, distinctive sound
used to represent a specific event or
convey other information.
Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
10

11. Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
11

12. Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
12

13. A good website asks before speaking
Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
13

14. Touch
Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
14

15. Touch
Nervs endings types
Dolor
Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
Pressure
Warm
Cold
15

16. Maria Tecla Artemesia Montessori
(August 31, 1870 – May 6, 1952)
With touch we feeel very complex
informations like wet/dry, velvety/rough…
Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
16

17. Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
17

18. Motor
homunculus
Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
18

19. Senses
homunculus
Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
19

20. Haptics is any form of nonverbal
communication involving touch
Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
20

21. Logitech iFeel
Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
21

22. Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
22

23. Roberto Dadda
www.dadda.it
roberto@dadda.it
+39 338 775 22 03
Twitter, facebook, linkedin: robertodadda
Headings & touch
WEB DESIGN NABA 2014 Roberto DADDA
23