SlideShare a Scribd company logo
1 of 38
Download to read offline
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 1
ERGONOMICS APPLIED TO THE DESIGN OF USABLE WEB
PAGES AND APPS
Roberto DADDA and Paolo NEGRI
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 2
Artifacts
Interaction design
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 3
Interaction design 3
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 4
Interaction with word
receptor
affector
mechanism
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 5
Don Norman
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 6
The seven stages of action (1)
• Forming the Goal
• Something to be achieved. Can be stated in a very
imprecise way, e.g., "make a nice meal“
• Forming the Intention
• Goals must be transformed into intentions, i.e., specific
statements of what has to be done to satisfy the goal. E.g.,
"Make a chicken casserole using a can of prepared sauce.“
• Specifying an Action Sequence
• What is to be done to the World. The precise sequence of
operators that must be performed to effect the intention.
E.g., "Defrost frozen chicken, open can, ...“
• Executing an Action
• Actually doing something. Putting the action sequence
into effect on the world. E.g., “actually opening the can”
2
1
3
4
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 7
The seven stages of action (2)
• Perceiving the State of the World
• Perceiving what has actually happened. E.g., “the
experience of smell, taste and look of the the
prepared meal”.
• Interpreting the State of the World
• Trying to make sense of the perceptions available.
E.g., “Putting those perceptions together to
present the sensory experience of a chicken
casserole”.
• Evaluating the Outcome
• Comparing what happened with what was
wanted. E.g., “did the chicken casserole match up
to the requirement of 'a nice meal?”
5
6
7
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 8
How do we make things?
Set
goal
Form intention
Specify actions
Execute actions
Get status of word
Understand status
Evaluate outcome
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 9
How do we make things?
Set
goal
Form intention
Specify actions
Execute actions
Get status of word
Understand status
Evaluate outcome
W
HAT SHOULD
I
DO?
W
HAT IS
HAPPENING?
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 10
How do we make things?
Set
goal
Form intention
Specify actions
Execute actions
Get status of word
Understand status
Evaluate outcome
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 11
Objective of good design
• Help users cross the two gulfs
• Without manuals!
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 12
When a device as simple as a
door has to come with an
instruction manual—even a
one-word manual—then it is a
failure, poorly designed.
Donald Norman
Not always possible, but is a good target!
Minimize needs for help!
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 13
Help vs manuals
• Help is when I get info during the process
• Manual is something I’m supposed to read before and it is not context
sensitive
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 14
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 15
Sony – 65 buttons!
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 16
grandmother duck mode
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 17
Affordance
Interaction design
An affordance is a
property of an object, or
an environment, which
allows an individual to
perform an action. For
example, a knob affords
twisting, and perhaps
pushing, while a cord
affords pulling.
Vital instrument to help customer to cross
easily the gulf of evaluation.
Evaluation makes by feedback analysis
easier the execution!
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 18
Interaction design WEB DESIGN NABA 2014 Roberto DADDA 18
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 19
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 20
Buttons
Interaction design WEB DESIGN NABA 2014 Roberto DADDA 20
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 21
More an assistant than a guide
Interaction design WEB DESIGN NABA 2014 Roberto DADDA 21
Microsoft
BOB,
1995
Microsoft
Office,
1995
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 22
Interaction design WEB DESIGN NABA 2014 Roberto DADDA 22
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 23
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 24
The ISO Dialogue Principles
• ISO9241-10
24
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 25
Suitability for the Task
• A dialog supports suitability for the task, if it supports the user in the
effective and efficient completion of the task. The dialog presents
the user only those concepts which are related to the user's task.
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 26
Self-Descriptiveness
• A dialog supports self-descriptiveness, if each dialog step is
immediately comprehensible through feedback from the system or is
explained to the user on his or her requesting the relevant
information.
Microsoft Word for WindowsT
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 27
Controllability
• A dialog supports controllability, if the user is able to maintain
direction over the whole course of the interaction until the point at
which the goal has been met.
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 28
Conformity with User Expectations
• A dialog supports conformity with user expectations, if it corresponds
to the user's task knowledge, education, experience, and to
commonly held conventions.
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 29
Error Tolerance
• A dialog supports error tolerance if, despite evident errors in input,
the intended results may be achieved with either no or minimal
corrective action having to be taken. Errors should be explained to
the user for him or her to correct them.
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 30
Suitability for Individualization
• A dialog supports suitability for individualization, if the dialog system
is constructed to allow for modification to the user's individual
needs and skills for a given task.
30
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 31
Suitability for Learning
• A dialog supports suitability for learning, if it guides the user through
the learning stages minimizing the learning time.
31
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 32
Choose the best (1)
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 33
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 34
34
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 35
Choose the best (2)
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 36
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 37
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 38
Usability
Roberto DADDA
roberto@dadda.it
www.dadda.it
Skype, Facebook e Twitter robertodadda

More Related Content

Similar to 05 2 artifacts

The Hat of Many Hats: Becoming Web Product Owner (HEWeb18)
The Hat of Many Hats: Becoming Web Product Owner (HEWeb18)The Hat of Many Hats: Becoming Web Product Owner (HEWeb18)
The Hat of Many Hats: Becoming Web Product Owner (HEWeb18)David Cameron
 
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...Josh Levine
 
From Divided to United - Aligning Technical and Business Teams
From Divided to United - Aligning Technical and Business TeamsFrom Divided to United - Aligning Technical and Business Teams
From Divided to United - Aligning Technical and Business TeamsLeanKit
 
User Centered Design: guarantee that your business process automation project...
User Centered Design: guarantee that your business process automation project...User Centered Design: guarantee that your business process automation project...
User Centered Design: guarantee that your business process automation project...Bonitasoft
 
Why Product Management and UX Design are Key to Success
Why Product Management and UX Design are Key to SuccessWhy Product Management and UX Design are Key to Success
Why Product Management and UX Design are Key to SuccessNikkel Blaase
 
Discover, Define, Deliver - a workflow to create successful digital products.
Discover, Define, Deliver - a workflow to create successful digital products. Discover, Define, Deliver - a workflow to create successful digital products.
Discover, Define, Deliver - a workflow to create successful digital products. STX Next
 
From Divided to United - Aligning Technical and Business Teams
From Divided to United - Aligning Technical and Business TeamsFrom Divided to United - Aligning Technical and Business Teams
From Divided to United - Aligning Technical and Business TeamsDominica DeGrandis
 
From Divided to United - Aligning Technical & Business Teams
From Divided to United - Aligning Technical & Business Teams From Divided to United - Aligning Technical & Business Teams
From Divided to United - Aligning Technical & Business Teams AgileDenver
 
Implementing Responsive Email Design - A Tactical Guide
Implementing Responsive Email Design - A Tactical GuideImplementing Responsive Email Design - A Tactical Guide
Implementing Responsive Email Design - A Tactical GuideBlueHornet
 
How to Succeed as a Product Manager by Disney Product Manager
How to Succeed as a Product Manager by Disney Product ManagerHow to Succeed as a Product Manager by Disney Product Manager
How to Succeed as a Product Manager by Disney Product ManagerProduct School
 
Accessibility Buy-In for Inclusive Product Week
Accessibility Buy-In for Inclusive Product WeekAccessibility Buy-In for Inclusive Product Week
Accessibility Buy-In for Inclusive Product WeekKat K. Richards
 
Inclusion by Design - Scottish Summit 2020
Inclusion by Design - Scottish Summit 2020Inclusion by Design - Scottish Summit 2020
Inclusion by Design - Scottish Summit 2020Alan Eardley
 
Digital experiences that build brand, loyalty and sales
Digital experiences that build brand, loyalty and salesDigital experiences that build brand, loyalty and sales
Digital experiences that build brand, loyalty and salessbastion
 
Challenging The Role Of The Architect
Challenging The Role Of The ArchitectChallenging The Role Of The Architect
Challenging The Role Of The ArchitectKevin Francis
 
Beyond the Daily Scrum: Agile Scaled
Beyond the Daily Scrum: Agile ScaledBeyond the Daily Scrum: Agile Scaled
Beyond the Daily Scrum: Agile ScaledBeyond20
 
Digital Portfolios + Google Sites = Visible Student Learning
Digital Portfolios + Google Sites = Visible Student Learning  Digital Portfolios + Google Sites = Visible Student Learning
Digital Portfolios + Google Sites = Visible Student Learning Linda Dougherty
 
Andrew Lukianenko: How product thinking can change your project management mo...
Andrew Lukianenko: How product thinking can change your project management mo...Andrew Lukianenko: How product thinking can change your project management mo...
Andrew Lukianenko: How product thinking can change your project management mo...Lviv Startup Club
 

Similar to 05 2 artifacts (20)

11 error management
11 error management11 error management
11 error management
 
The Hat of Many Hats: Becoming Web Product Owner (HEWeb18)
The Hat of Many Hats: Becoming Web Product Owner (HEWeb18)The Hat of Many Hats: Becoming Web Product Owner (HEWeb18)
The Hat of Many Hats: Becoming Web Product Owner (HEWeb18)
 
05 1 artifacts
05 1 artifacts05 1 artifacts
05 1 artifacts
 
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
 
From Divided to United - Aligning Technical and Business Teams
From Divided to United - Aligning Technical and Business TeamsFrom Divided to United - Aligning Technical and Business Teams
From Divided to United - Aligning Technical and Business Teams
 
User Centered Design: guarantee that your business process automation project...
User Centered Design: guarantee that your business process automation project...User Centered Design: guarantee that your business process automation project...
User Centered Design: guarantee that your business process automation project...
 
02 unusability
02 unusability02 unusability
02 unusability
 
Why Product Management and UX Design are Key to Success
Why Product Management and UX Design are Key to SuccessWhy Product Management and UX Design are Key to Success
Why Product Management and UX Design are Key to Success
 
Discover, Define, Deliver - a workflow to create successful digital products.
Discover, Define, Deliver - a workflow to create successful digital products. Discover, Define, Deliver - a workflow to create successful digital products.
Discover, Define, Deliver - a workflow to create successful digital products.
 
From Divided to United - Aligning Technical and Business Teams
From Divided to United - Aligning Technical and Business TeamsFrom Divided to United - Aligning Technical and Business Teams
From Divided to United - Aligning Technical and Business Teams
 
From Divided to United - Aligning Technical & Business Teams
From Divided to United - Aligning Technical & Business Teams From Divided to United - Aligning Technical & Business Teams
From Divided to United - Aligning Technical & Business Teams
 
Implementing Responsive Email Design - A Tactical Guide
Implementing Responsive Email Design - A Tactical GuideImplementing Responsive Email Design - A Tactical Guide
Implementing Responsive Email Design - A Tactical Guide
 
How to Succeed as a Product Manager by Disney Product Manager
How to Succeed as a Product Manager by Disney Product ManagerHow to Succeed as a Product Manager by Disney Product Manager
How to Succeed as a Product Manager by Disney Product Manager
 
Accessibility Buy-In for Inclusive Product Week
Accessibility Buy-In for Inclusive Product WeekAccessibility Buy-In for Inclusive Product Week
Accessibility Buy-In for Inclusive Product Week
 
Inclusion by Design - Scottish Summit 2020
Inclusion by Design - Scottish Summit 2020Inclusion by Design - Scottish Summit 2020
Inclusion by Design - Scottish Summit 2020
 
Digital experiences that build brand, loyalty and sales
Digital experiences that build brand, loyalty and salesDigital experiences that build brand, loyalty and sales
Digital experiences that build brand, loyalty and sales
 
Challenging The Role Of The Architect
Challenging The Role Of The ArchitectChallenging The Role Of The Architect
Challenging The Role Of The Architect
 
Beyond the Daily Scrum: Agile Scaled
Beyond the Daily Scrum: Agile ScaledBeyond the Daily Scrum: Agile Scaled
Beyond the Daily Scrum: Agile Scaled
 
Digital Portfolios + Google Sites = Visible Student Learning
Digital Portfolios + Google Sites = Visible Student Learning  Digital Portfolios + Google Sites = Visible Student Learning
Digital Portfolios + Google Sites = Visible Student Learning
 
Andrew Lukianenko: How product thinking can change your project management mo...
Andrew Lukianenko: How product thinking can change your project management mo...Andrew Lukianenko: How product thinking can change your project management mo...
Andrew Lukianenko: How product thinking can change your project management mo...
 

More from Roberto Dadda

08 vision and gestalt
08 vision and gestalt08 vision and gestalt
08 vision and gestaltRoberto Dadda
 
12 tipography for the web
12 tipography for the web12 tipography for the web
12 tipography for the webRoberto Dadda
 
14 accessibility short
14 accessibility short14 accessibility short
14 accessibility shortRoberto Dadda
 
13 equilibrium order time
13 equilibrium order time13 equilibrium order time
13 equilibrium order timeRoberto Dadda
 
Poli15 uffizi - 2016-02-03
Poli15   uffizi - 2016-02-03Poli15   uffizi - 2016-02-03
Poli15 uffizi - 2016-02-03Roberto Dadda
 
Poli15 careffour - 2015-12-01
Poli15   careffour - 2015-12-01Poli15   careffour - 2015-12-01
Poli15 careffour - 2015-12-01Roberto Dadda
 
Poli15 barbie - 20160202
Poli15   barbie - 20160202Poli15   barbie - 20160202
Poli15 barbie - 20160202Roberto Dadda
 
Poli15 guanda publishing - 2016-02-03
Poli15   guanda publishing - 2016-02-03Poli15   guanda publishing - 2016-02-03
Poli15 guanda publishing - 2016-02-03Roberto Dadda
 
Poli15 nescafé final analysis
Poli15   nescafé final analysisPoli15   nescafé final analysis
Poli15 nescafé final analysisRoberto Dadda
 
VeryBello, usabilità ti continuo a cercare
VeryBello, usabilità ti continuo a cercareVeryBello, usabilità ti continuo a cercare
VeryBello, usabilità ti continuo a cercareRoberto Dadda
 
design, web design, usability
design, web design, usabilitydesign, web design, usability
design, web design, usabilityRoberto Dadda
 
FOCUS: WEB DESIGN NABA course elaborate 2013-2014
FOCUS: WEB DESIGN NABA course elaborate 2013-2014 FOCUS: WEB DESIGN NABA course elaborate 2013-2014
FOCUS: WEB DESIGN NABA course elaborate 2013-2014 Roberto Dadda
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTMLRoberto Dadda
 

More from Roberto Dadda (20)

08 vision and gestalt
08 vision and gestalt08 vision and gestalt
08 vision and gestalt
 
09 colors
09 colors09 colors
09 colors
 
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 uffizi - 2016-02-03
Poli15   uffizi - 2016-02-03Poli15   uffizi - 2016-02-03
Poli15 uffizi - 2016-02-03
 
Poli15 careffour - 2015-12-01
Poli15   careffour - 2015-12-01Poli15   careffour - 2015-12-01
Poli15 careffour - 2015-12-01
 
Poli15 barbie - 20160202
Poli15   barbie - 20160202Poli15   barbie - 20160202
Poli15 barbie - 20160202
 
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
 
VeryBello, usabilità ti continuo a cercare
VeryBello, usabilità ti continuo a cercareVeryBello, usabilità ti continuo a cercare
VeryBello, usabilità ti continuo a cercare
 
design, web design, usability
design, web design, usabilitydesign, web design, usability
design, web design, usability
 
FOCUS: WEB DESIGN NABA course elaborate 2013-2014
FOCUS: WEB DESIGN NABA course elaborate 2013-2014 FOCUS: WEB DESIGN NABA course elaborate 2013-2014
FOCUS: WEB DESIGN NABA course elaborate 2013-2014
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Form design
Form designForm design
Form design
 
Order
OrderOrder
Order
 

Recently uploaded

办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130Suhani Kapoor
 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpmainac1
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130Suhani Kapoor
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一lvtagr7
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiSuhani Kapoor
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRdollysharma2066
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130Suhani Kapoor
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 

Recently uploaded (20)

办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUp
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk GurgaonCheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 

05 2 artifacts

  • 1. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 1 ERGONOMICS APPLIED TO THE DESIGN OF USABLE WEB PAGES AND APPS Roberto DADDA and Paolo NEGRI
  • 2. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 2 Artifacts Interaction design
  • 3. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 3 Interaction design 3
  • 4. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 4 Interaction with word receptor affector mechanism
  • 5. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 5 Don Norman
  • 6. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 6 The seven stages of action (1) • Forming the Goal • Something to be achieved. Can be stated in a very imprecise way, e.g., "make a nice meal“ • Forming the Intention • Goals must be transformed into intentions, i.e., specific statements of what has to be done to satisfy the goal. E.g., "Make a chicken casserole using a can of prepared sauce.“ • Specifying an Action Sequence • What is to be done to the World. The precise sequence of operators that must be performed to effect the intention. E.g., "Defrost frozen chicken, open can, ...“ • Executing an Action • Actually doing something. Putting the action sequence into effect on the world. E.g., “actually opening the can” 2 1 3 4
  • 7. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 7 The seven stages of action (2) • Perceiving the State of the World • Perceiving what has actually happened. E.g., “the experience of smell, taste and look of the the prepared meal”. • Interpreting the State of the World • Trying to make sense of the perceptions available. E.g., “Putting those perceptions together to present the sensory experience of a chicken casserole”. • Evaluating the Outcome • Comparing what happened with what was wanted. E.g., “did the chicken casserole match up to the requirement of 'a nice meal?” 5 6 7
  • 8. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 8 How do we make things? Set goal Form intention Specify actions Execute actions Get status of word Understand status Evaluate outcome
  • 9. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 9 How do we make things? Set goal Form intention Specify actions Execute actions Get status of word Understand status Evaluate outcome W HAT SHOULD I DO? W HAT IS HAPPENING?
  • 10. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 10 How do we make things? Set goal Form intention Specify actions Execute actions Get status of word Understand status Evaluate outcome
  • 11. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 11 Objective of good design • Help users cross the two gulfs • Without manuals!
  • 12. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 12 When a device as simple as a door has to come with an instruction manual—even a one-word manual—then it is a failure, poorly designed. Donald Norman Not always possible, but is a good target! Minimize needs for help!
  • 13. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 13 Help vs manuals • Help is when I get info during the process • Manual is something I’m supposed to read before and it is not context sensitive
  • 14. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 14
  • 15. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 15 Sony – 65 buttons!
  • 16. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 16 grandmother duck mode
  • 17. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 17 Affordance Interaction design An affordance is a property of an object, or an environment, which allows an individual to perform an action. For example, a knob affords twisting, and perhaps pushing, while a cord affords pulling. Vital instrument to help customer to cross easily the gulf of evaluation. Evaluation makes by feedback analysis easier the execution!
  • 18. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 18 Interaction design WEB DESIGN NABA 2014 Roberto DADDA 18
  • 19. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 19
  • 20. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 20 Buttons Interaction design WEB DESIGN NABA 2014 Roberto DADDA 20
  • 21. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 21 More an assistant than a guide Interaction design WEB DESIGN NABA 2014 Roberto DADDA 21 Microsoft BOB, 1995 Microsoft Office, 1995
  • 22. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 22 Interaction design WEB DESIGN NABA 2014 Roberto DADDA 22
  • 23. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 23
  • 24. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 24 The ISO Dialogue Principles • ISO9241-10 24
  • 25. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 25 Suitability for the Task • A dialog supports suitability for the task, if it supports the user in the effective and efficient completion of the task. The dialog presents the user only those concepts which are related to the user's task.
  • 26. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 26 Self-Descriptiveness • A dialog supports self-descriptiveness, if each dialog step is immediately comprehensible through feedback from the system or is explained to the user on his or her requesting the relevant information. Microsoft Word for WindowsT
  • 27. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 27 Controllability • A dialog supports controllability, if the user is able to maintain direction over the whole course of the interaction until the point at which the goal has been met.
  • 28. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 28 Conformity with User Expectations • A dialog supports conformity with user expectations, if it corresponds to the user's task knowledge, education, experience, and to commonly held conventions.
  • 29. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 29 Error Tolerance • A dialog supports error tolerance if, despite evident errors in input, the intended results may be achieved with either no or minimal corrective action having to be taken. Errors should be explained to the user for him or her to correct them.
  • 30. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 30 Suitability for Individualization • A dialog supports suitability for individualization, if the dialog system is constructed to allow for modification to the user's individual needs and skills for a given task. 30
  • 31. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 31 Suitability for Learning • A dialog supports suitability for learning, if it guides the user through the learning stages minimizing the learning time. 31
  • 32. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 32 Choose the best (1)
  • 33. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 33
  • 34. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 34 34
  • 35. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 35 Choose the best (2)
  • 36. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 36
  • 37. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 37
  • 38. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 38 Usability Roberto DADDA roberto@dadda.it www.dadda.it Skype, Facebook e Twitter robertodadda