SlideShare une entreprise Scribd logo
1  sur  46
Mater of Arts in Communication Design

WEB DESIGN
User
User

WEB DESIGN NABA 2014 Roberto DADDA

2
User

WEB DESIGN NABA 2014 Roberto DADDA

3
Brain model

User

WEB DESIGN NABA 2014 Roberto DADDA

4
3 types of memory
• Sensorial
• Short Term Memory
• Long Term Memory

User

WEB DESIGN NABA 2014 Roberto DADDA

5
Sensorial
• Temporary buffer associated to senses
• No elaboration, raw data
• Does not require attention
• Short persistance:
• Vision less than 1 second
• Hearing 2 to 4 seconds
Relevant for interaction!!!

User

WEB DESIGN NABA 2014 Roberto DADDA

6
Short term memory STM (aka working memory)
• Limited capacity 7 to 9 units and short
duration, 20 to 30 seconds
• Repetion helps, requires attention.
• Used as a temporary buffer by
cognitive processing
• With new input you lose older ones

User

WEB DESIGN NABA 2014 Roberto DADDA

7
Peterson and Peterson (1954)

User

WEB DESIGN NABA 2014 Roberto DADDA

8
7 letters

jglmnrt
User

WEB DESIGN NABA 2014 Roberto DADDA

9
And now count…
• … from 15 to 1 back 3 by 3
• Rember the letters?

User

WEB DESIGN NABA 2014 Roberto DADDA

10
15 letters

jglmnrtebcaioeq
User

WEB DESIGN NABA 2014 Roberto DADDA

11
Difficult even not counting!

User

WEB DESIGN NABA 2014 Roberto DADDA

12
15 letters and a meaning

williammcmillan
User

WEB DESIGN NABA 2014 Roberto DADDA

13
Easy?

User

WEB DESIGN NABA 2014 Roberto DADDA

14
7 words with a meaning

mamma leone elegante
mangiò transistor fiume
gatto
User

WEB DESIGN NABA 2014 Roberto DADDA

15
15 letters and a meaning

La volpe elegante
mangiò il bisbetico
elefante
User

WEB DESIGN NABA 2014 Roberto DADDA

16
STM
• Strong will to close tasks and free memory for the next one.
• Anxiety reduces capacity of STM

User

WEB DESIGN NABA 2014 Roberto DADDA

17
STM and interaction design
• Avoid STM overcharge
• Minimize user usage of STM specially when he has to take critical
decisions
• AVOID STRESS!

User

WEB DESIGN NABA 2014 Roberto DADDA

18
Fail!

Microsoft Word 97

User

WEB DESIGN NABA 2014 Roberto DADDA

19
If something can be done by computer make it do!

User

WEB DESIGN NABA 2014 Roberto DADDA

20
Long term memory LTM

User

WEB DESIGN NABA 2014 Roberto DADDA

21
LTM
• Almost no limits
• Based on meaning and
associations
• Access made easy by:
• Access frequency
• Short time from last
access
• Numbers and types of
links
• Little interference by
other memory activities
User

WEB DESIGN NABA 2014 Roberto DADDA

22
Ei fu siccome immobile…

User

WEB DESIGN NABA 2014 Roberto DADDA

23
Ei fu. Siccome immobile,
dato il mortal sospiro,
stette la spoglia immemore
orba di tanto spiro,
così percossa, attonita
la terra al nunzio sta,
muta pensando all'ultima
ora dell'uom fatale;
né sa quando una simile
orma di piè mortale
la sua cruenta polvere
a calpestar verrà.
User

WEB DESIGN NABA 2014 Roberto DADDA

24
User

WEB DESIGN NABA 2014 Roberto DADDA

25
User

WEB DESIGN NABA 2014 Roberto DADDA

26
User

WEB DESIGN NABA 2014 Roberto DADDA

27
THE ATKINSON-SHIFFRIN MODEL

User

WEB DESIGN NABA 2014 Roberto DADDA

28
Some practical influences on design
User

WEB DESIGN NABA 2014 Roberto DADDA

29
Standardized element position

User

WEB DESIGN NABA 2014 Roberto DADDA

30
User

WEB DESIGN NABA 2014 Roberto DADDA

31
Visual feedback

User

WEB DESIGN NABA 2014 Roberto DADDA

32
User

WEB DESIGN NABA 2014 Roberto DADDA

33
User

WEB DESIGN NABA 2014 Roberto DADDA

34
Fitts’s law, simple version
• Time T to move your hand on a target of dimension S at distance D is
proportional to the D/S ratio

D
S

User

WEB DESIGN NABA 2014 Roberto DADDA

35
Far targets must be big
Small target must be near
User

WEB DESIGN NABA 2014 Roberto DADDA

36
Different, but not much, in different instruments

User

WEB DESIGN NABA 2014 Roberto DADDA

37
Far from where?

User

WEB DESIGN NABA 2014 Roberto DADDA

38
Tactile Feedback

User

WEB DESIGN NABA 2014 Roberto DADDA

39
Errors rate

No feedback

Qualitative feedback

Quantitave feedback

Number of tries

User

WEB DESIGN NABA 2014 Roberto DADDA

40
User

WEB DESIGN NABA 2014 Roberto DADDA

41
Rule of thumb

User

WEB DESIGN NABA 2014 Roberto DADDA

42
Drop-down

User

WEB DESIGN NABA 2014 Roberto DADDA

43
Pop-up Pull-down

User

WEB DESIGN NABA 2014 Roberto DADDA

44
Pie

User

WEB DESIGN NABA 2014 Roberto DADDA

45
Roberto Dadda
www.dadda.it
roberto@dadda.it
+39 338 775 22 03
Twitter, facebook, linkedin: robertodadda

User

WEB DESIGN NABA 2014 Roberto DADDA

46

Contenu connexe

Similaire à User

Furnspace 3D Intericad T5 Interior Design Software
Furnspace 3D Intericad T5 Interior Design SoftwareFurnspace 3D Intericad T5 Interior Design Software
Furnspace 3D Intericad T5 Interior Design Software
furnspace
 

Similaire à User (19)

Iteraction design
Iteraction designIteraction design
Iteraction design
 
Usability
UsabilityUsability
Usability
 
Visual perception
Visual perceptionVisual perception
Visual perception
 
Form design
Form designForm design
Form design
 
Order
OrderOrder
Order
 
Integrating UX into your Agile Team - Daniel Elizalde
Integrating UX into your Agile Team -  Daniel ElizaldeIntegrating UX into your Agile Team -  Daniel Elizalde
Integrating UX into your Agile Team - Daniel Elizalde
 
Does your project requires wireframing?
Does your project requires wireframing?Does your project requires wireframing?
Does your project requires wireframing?
 
Sketch Recognizers from the End-User’s, the Designer’s, and the Programmer’s ...
Sketch Recognizers from the End-User’s, the Designer’s, and the Programmer’s ...Sketch Recognizers from the End-User’s, the Designer’s, and the Programmer’s ...
Sketch Recognizers from the End-User’s, the Designer’s, and the Programmer’s ...
 
Furnspace 3D Intericad T5 Interior Design Software
Furnspace 3D Intericad T5 Interior Design SoftwareFurnspace 3D Intericad T5 Interior Design Software
Furnspace 3D Intericad T5 Interior Design Software
 
Agile for the financial industry - Lubjana 7/11/2012
Agile for the financial industry - Lubjana 7/11/2012Agile for the financial industry - Lubjana 7/11/2012
Agile for the financial industry - Lubjana 7/11/2012
 
A dose of user research: techniques to get the team involved in the UX design...
A dose of user research: techniques to get the team involved in the UX design...A dose of user research: techniques to get the team involved in the UX design...
A dose of user research: techniques to get the team involved in the UX design...
 
iPad + Apps for Designers
iPad + Apps for DesignersiPad + Apps for Designers
iPad + Apps for Designers
 
Fa102a Assignment 2
Fa102a Assignment 2Fa102a Assignment 2
Fa102a Assignment 2
 
Hydraulic Modelling of 3D structures
Hydraulic Modelling of 3D structures Hydraulic Modelling of 3D structures
Hydraulic Modelling of 3D structures
 
Designing for Wearables
Designing for WearablesDesigning for Wearables
Designing for Wearables
 
Wireframing Basics - UX and the Design Process by Amber Vasquez
Wireframing Basics - UX and the Design Process by Amber VasquezWireframing Basics - UX and the Design Process by Amber Vasquez
Wireframing Basics - UX and the Design Process by Amber Vasquez
 
Technovation - Intro to UX
Technovation - Intro to UXTechnovation - Intro to UX
Technovation - Intro to UX
 
DesignSpark mechanical martin keenan launch budapest 2013
DesignSpark mechanical martin keenan launch budapest 2013DesignSpark mechanical martin keenan launch budapest 2013
DesignSpark mechanical martin keenan launch budapest 2013
 
designspark mechanical 3d printing design software free
designspark mechanical 3d printing design software freedesignspark mechanical 3d printing design software free
designspark mechanical 3d printing design software free
 

Plus de Roberto Dadda

Plus de Roberto Dadda (20)

01 usability
01 usability01 usability
01 usability
 
02 unusability
02 unusability02 unusability
02 unusability
 
03 users models
03 users models03 users models
03 users models
 
04 user centered design
04 user centered design04 user centered design
04 user centered design
 
05 1 artifacts
05 1 artifacts05 1 artifacts
05 1 artifacts
 
05 2 artifacts
05 2 artifacts05 2 artifacts
05 2 artifacts
 
07 norms and standards
07 norms and standards07 norms and standards
07 norms and standards
 
08 vision and gestalt
08 vision and gestalt08 vision and gestalt
08 vision and gestalt
 
09 colors
09 colors09 colors
09 colors
 
10 form design
10 form design10 form design
10 form design
 
11 error management
11 error management11 error management
11 error management
 
12 tipography for the web
12 tipography for the web12 tipography for the web
12 tipography for the web
 
14 accessibility short
14 accessibility short14 accessibility short
14 accessibility short
 
13 equilibrium order time
13 equilibrium order time13 equilibrium order time
13 equilibrium order time
 
15 emotional design
15 emotional design15 emotional design
15 emotional design
 
Poli15 guanda publishing - 2016-02-03
Poli15   guanda publishing - 2016-02-03Poli15   guanda publishing - 2016-02-03
Poli15 guanda publishing - 2016-02-03
 
Poli15 sansha
Poli15   sanshaPoli15   sansha
Poli15 sansha
 
Poli15 nescafé final analysis
Poli15   nescafé final analysisPoli15   nescafé final analysis
Poli15 nescafé final analysis
 
Poli15 Fujifilm
Poli15 FujifilmPoli15 Fujifilm
Poli15 Fujifilm
 
Poli15 Tiger
Poli15 Tiger Poli15 Tiger
Poli15 Tiger
 

Dernier

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Dernier (20)

2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 

User