SlideShare a Scribd company logo
1 of 28
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
Artefacts
Considerations on man made tool
development
Needs/artifacts cycle
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 3
Man is a Tool-Making Animal
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 4
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 5
How artifacts are developed?
www.museum.ie
ksiezycowahipoteza.wordpress.com
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 6
The static vision
Form follows function
task artefact
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 7
Every artefact, also the simplest, exists in several versions
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 8
The dynamic vision
Form follows failure
task artifact
8
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 9
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 10
Humble telescope
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 11
Corollaries
• The perfect artefact does not exist
• Everything can be made better… and will be
•
• Every artifact will exist in several versions…
• … specially when in used to support complex
tasks ...as in WEB pages and interfaces
https://it.wikipedia.org/wiki/Panta_rei
(1)
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 12
Example: paper clips
1896
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 13
Not always good form comes immediately
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 14
1
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 15
1
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 16
1
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 17
And the winner is…
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 18
1
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 19
roberto dadda
1
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 20
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 21
task
artefacts
Tools does non only satisfy needs,
tools changes and creates them!
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 22
Mimeograph
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 23
Xerox, 1949
IBM 3800 in 1976
Apple laserwriter 1985
1959
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 24
Failure identification: not always easy
Abraham Wald 1902-1950
De Havilland Mosquito (UK)
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 25
Wald’s insight and reasoning was based
on understanding what we now call
survivorship bias. Bias is any factor in
the research process which skews the
results. Survivorship bias describes the
error of looking only at subjects who’ve
reached a certain point without
considering the (often invisible) subjects
who haven’t.
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 26
Computer, Eniac & CRC102A
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 27
roberto dadda
“As tools are introduced and
used, a co-evolution will occur
between the tools and the
people using them”
D.C.Engelbart
2
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2021-2022 28
Usability
Roberto DADDA
roberto@dadda.it
www.dadda.it
Skype, Facebook e Twitter robertodadda

More Related Content

Similar to 05 1 artifacts

Similar to 05 1 artifacts (7)

05 2 artifacts
05 2 artifacts05 2 artifacts
05 2 artifacts
 
10 form design
10 form design10 form design
10 form design
 
07 norms and standards
07 norms and standards07 norms and standards
07 norms and standards
 
09 colors
09 colors09 colors
09 colors
 
14 accessibility short
14 accessibility short14 accessibility short
14 accessibility short
 
Augmented Reality - state of the art
Augmented Reality - state of the artAugmented Reality - state of the art
Augmented Reality - state of the art
 
Why No One is Using your Dashboard
Why No One is Using your DashboardWhy No One is Using your Dashboard
Why No One is Using your Dashboard
 

More from Roberto Dadda

design, web design, usability
design, web design, usabilitydesign, web design, usability
design, web design, usability
Roberto Dadda
 

More from Roberto Dadda (17)

12 tipography for the web
12 tipography for the web12 tipography for the web
12 tipography for the web
 
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
 
Iteraction design
Iteraction designIteraction design
Iteraction design
 
Form design
Form designForm design
Form design
 
Order
OrderOrder
Order
 
Hearing touch 1
Hearing touch 1Hearing touch 1
Hearing touch 1
 

Recently uploaded

How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
Isadora Agency
 
定(购)莫纳什大学毕业证(Monash毕业证)成绩单学位证专业定制
定(购)莫纳什大学毕业证(Monash毕业证)成绩单学位证专业定制定(购)莫纳什大学毕业证(Monash毕业证)成绩单学位证专业定制
定(购)莫纳什大学毕业证(Monash毕业证)成绩单学位证专业定制
eqaqen
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
eqaqen
 
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
drmarathore
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
一比一原版澳洲堪培拉大学毕业证(UC毕业证书)毕业证成绩单留信认证
一比一原版澳洲堪培拉大学毕业证(UC毕业证书)毕业证成绩单留信认证一比一原版澳洲堪培拉大学毕业证(UC毕业证书)毕业证成绩单留信认证
一比一原版澳洲堪培拉大学毕业证(UC毕业证书)毕业证成绩单留信认证
khuurq8kz
 

Recently uploaded (20)

How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
 
定(购)莫纳什大学毕业证(Monash毕业证)成绩单学位证专业定制
定(购)莫纳什大学毕业证(Monash毕业证)成绩单学位证专业定制定(购)莫纳什大学毕业证(Monash毕业证)成绩单学位证专业定制
定(购)莫纳什大学毕业证(Monash毕业证)成绩单学位证专业定制
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
Branding in the Psychedelic Landscape Report.pdf
Branding in the Psychedelic Landscape Report.pdfBranding in the Psychedelic Landscape Report.pdf
Branding in the Psychedelic Landscape Report.pdf
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
 
Spring Summer 2026 Inspirations trend book Peclers Paris
Spring Summer 2026 Inspirations trend book Peclers ParisSpring Summer 2026 Inspirations trend book Peclers Paris
Spring Summer 2026 Inspirations trend book Peclers Paris
 
Redefining Affordable Housing in Gurgaon The Role of Housing Architects from ...
Redefining Affordable Housing in Gurgaon The Role of Housing Architects from ...Redefining Affordable Housing in Gurgaon The Role of Housing Architects from ...
Redefining Affordable Housing in Gurgaon The Role of Housing Architects from ...
 
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
 
Morgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity DesignMorgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity Design
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
Spring Summer 26 Colors Trend Book Peclers Paris
Spring Summer 26 Colors Trend Book Peclers ParisSpring Summer 26 Colors Trend Book Peclers Paris
Spring Summer 26 Colors Trend Book Peclers Paris
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
 
Academic Portfolio (2017-2021) .pdf
Academic Portfolio (2017-2021)      .pdfAcademic Portfolio (2017-2021)      .pdf
Academic Portfolio (2017-2021) .pdf
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
 
一比一原版澳洲堪培拉大学毕业证(UC毕业证书)毕业证成绩单留信认证
一比一原版澳洲堪培拉大学毕业证(UC毕业证书)毕业证成绩单留信认证一比一原版澳洲堪培拉大学毕业证(UC毕业证书)毕业证成绩单留信认证
一比一原版澳洲堪培拉大学毕业证(UC毕业证书)毕业证成绩单留信认证
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 

05 1 artifacts