SlideShare una empresa de Scribd logo
1 de 36
HUMAN COMPUTER INTERACTION (INTERACTION HOMME-MACHINE) Sethserey SAM
CHAPTER 5: ERGONOMIC OF WWW INTERFACE Where we will see that the Web present certain particularities which require some specific recommendations … that should not obscure the general rules for all interactive system
WEB ERGONOMIC: IMPORTANCE ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
WEB CONCEPTION: PARTICIPATION Responsible Graphic Responsible Development Responsible Usability (Ergonomic) Responsible Redaction Responsible Communication or marketing
WEB CONCEPTION ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Chapter VII
WEB CONCEPTION: TARGETING ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
WEB CONCEPTION: TARGETING ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Example:  check-list evaluation rapid of IBM (IBM Web Design Guidelines)
WEB CONCEPTION: STRUCTURING Site structuring = Essential factor  of usability J-Y, Antoine
WEB CONCEPTION: STRUCTURING ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
WEB CONCEPTION: STRUCTURING ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
WEB NAVIGATION ,[object Object],[object Object],[object Object],[object Object],[object Object],Observability and Guidance
WEB NAVIGATION: KNOWING THE LOCATION ,[object Object],[object Object],[object Object],[object Object],[object Object]
WEB NAVIGATION: KNOWING THE LOCATION Example and cons-example
WEB NAVIGATION: KNOWING THE LOCATION Example and cons-example
WEB NAVIGATION: KNOWING THE LOCATION Example and cons-example
WEB NAVIGATION: KNOWING THE LOCATION ,[object Object],[object Object],[object Object]
WEB NAVIGATION: DROPDOWN MENUS Web dropdown menus reserved for experts: should provide an alternative mode
NAVIGATION WEB: EXTERNAL LINKS Redirection to new Window Open the external links in new Windows uniquely if the commercial reason (trade mark) impose
WEB PAGE: GENERAL ORGANIZATION Primary  Navigation Bar Secondary Navigation Bar Utilities ,[object Object],[object Object],[object Object]
WEB PAGE: GENERAL ORGANIZATION Example and cons-example
WEB PAGE: GENERAL ORGANIZATION Visualization of a web page [Gaillard and Renault 02] 98%
WEB PAGE: GENERAL ORGANIZATION
WEB PAGE: GENERAL ORGANIZATION ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
WEB PAGE: VISUALIZATION ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],w3school.com (2004) 1024 x 769 or plus 61 % 800 x 600 34 % 640 x 480 1 % Lower than 640 x 480 (portable …) 4 %
HOME PAGE ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HOME PAGE Example and cons-example
HOME PAGE Example and cons-example
FORMS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Demonstrate clearly to user that their actions are reversible
FORMS SNCF
FORMS Die Bahn
FORMS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
FORMS Example
FORMS Example
FORMS Example
WEB DESIGN: INTRANET ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
BIBLIOGRAPHIES ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Más contenido relacionado

La actualidad más candente

La actualidad más candente (10)

Website Design Basics
Website Design BasicsWebsite Design Basics
Website Design Basics
 
Building a Better Web Enterprise for Colleges and Universities
Building a Better Web Enterprise for Colleges and UniversitiesBuilding a Better Web Enterprise for Colleges and Universities
Building a Better Web Enterprise for Colleges and Universities
 
CIS1203 Web Design Principles - Part 1
CIS1203 Web Design Principles - Part 1CIS1203 Web Design Principles - Part 1
CIS1203 Web Design Principles - Part 1
 
User Experience & User Interface Design - nov 2017
User Experience & User Interface Design - nov 2017User Experience & User Interface Design - nov 2017
User Experience & User Interface Design - nov 2017
 
Chapter 2 | Website design & development - pf
Chapter 2  | Website design & development - pfChapter 2  | Website design & development - pf
Chapter 2 | Website design & development - pf
 
Substance151 Best Web Practices
Substance151 Best Web PracticesSubstance151 Best Web Practices
Substance151 Best Web Practices
 
User Experience Documentation - Lime.com
User Experience Documentation - Lime.comUser Experience Documentation - Lime.com
User Experience Documentation - Lime.com
 
Website Built Presentation
Website Built PresentationWebsite Built Presentation
Website Built Presentation
 
Webroompro Introduction
Webroompro IntroductionWebroompro Introduction
Webroompro Introduction
 
A Digital Agency Manifesto
A Digital Agency ManifestoA Digital Agency Manifesto
A Digital Agency Manifesto
 

Destacado (9)

6. io device
6. io device6. io device
6. io device
 
7. evalution of interactive system
7. evalution of interactive system7. evalution of interactive system
7. evalution of interactive system
 
Planification de projet de gestion de concours
Planification de  projet  de gestion de concoursPlanification de  projet  de gestion de concours
Planification de projet de gestion de concours
 
4. ergonomic of wimp interface
4. ergonomic of wimp interface4. ergonomic of wimp interface
4. ergonomic of wimp interface
 
Lec2
Lec2Lec2
Lec2
 
evaluation techniques in HCI
evaluation techniques in HCIevaluation techniques in HCI
evaluation techniques in HCI
 
HCI 3e - Ch 9: Evaluation techniques
HCI 3e - Ch 9:  Evaluation techniquesHCI 3e - Ch 9:  Evaluation techniques
HCI 3e - Ch 9: Evaluation techniques
 
EPW001 Ergonomics Programme_FA
EPW001 Ergonomics Programme_FAEPW001 Ergonomics Programme_FA
EPW001 Ergonomics Programme_FA
 
Love u
Love uLove u
Love u
 

Similar a 5. ergonomic of www interface

Portfolio website evaluation presentation
Portfolio website evaluation presentationPortfolio website evaluation presentation
Portfolio website evaluation presentation
chowders
 
Usability Guidelines
Usability GuidelinesUsability Guidelines
Usability Guidelines
homeplate31
 
2 hrly eb ch 08 customer interface
2 hrly eb ch 08 customer interface2 hrly eb ch 08 customer interface
2 hrly eb ch 08 customer interface
azmatmengal
 
Branding share point 2013
Branding share point 2013Branding share point 2013
Branding share point 2013
Khoa Quach
 
Usability review
Usability reviewUsability review
Usability review
sayedshiban
 
Promote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsitePromote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A Website
Zoaib Mirza
 
Navigation Systems
Navigation SystemsNavigation Systems
Navigation Systems
Miles Price
 

Similar a 5. ergonomic of www interface (20)

Web Design Phase
Web Design PhaseWeb Design Phase
Web Design Phase
 
4 Interface Design
4 Interface Design4 Interface Design
4 Interface Design
 
Web Usability Site Design
Web Usability   Site DesignWeb Usability   Site Design
Web Usability Site Design
 
User-centred design
User-centred designUser-centred design
User-centred design
 
Advanced Internet
Advanced InternetAdvanced Internet
Advanced Internet
 
Portfolio website evaluation presentation
Portfolio website evaluation presentationPortfolio website evaluation presentation
Portfolio website evaluation presentation
 
Usability Guidelines
Usability GuidelinesUsability Guidelines
Usability Guidelines
 
Information Architecture for Drupal
Information Architecture for DrupalInformation Architecture for Drupal
Information Architecture for Drupal
 
Lit 20170306
Lit 20170306Lit 20170306
Lit 20170306
 
User experience design
User experience design User experience design
User experience design
 
Creating a Website Sitemap
Creating a Website SitemapCreating a Website Sitemap
Creating a Website Sitemap
 
Aria interview questions
Aria interview questionsAria interview questions
Aria interview questions
 
2 hrly eb ch 08 customer interface
2 hrly eb ch 08 customer interface2 hrly eb ch 08 customer interface
2 hrly eb ch 08 customer interface
 
Branding share point 2013
Branding share point 2013Branding share point 2013
Branding share point 2013
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design Principles
 
Usability review
Usability reviewUsability review
Usability review
 
Promote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsitePromote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A Website
 
[2015/2016] User experience design of mobil apps
[2015/2016] User experience design of mobil apps[2015/2016] User experience design of mobil apps
[2015/2016] User experience design of mobil apps
 
Navigation Systems
Navigation SystemsNavigation Systems
Navigation Systems
 
Interface usability-adding-schweppervescence-ver3-8
Interface usability-adding-schweppervescence-ver3-8Interface usability-adding-schweppervescence-ver3-8
Interface usability-adding-schweppervescence-ver3-8
 

Último

Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 

Último (20)

PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural ResourcesEnergy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 

5. ergonomic of www interface

Notas del editor

  1. Hebdomadaire : weekly
  2. Imperative : having the nature, or indicating
  3. Empiric : rely solely in experience rather than on scientific principles
  4. De facto: existing or being such in actual fact cf:. compare