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

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 UniversitiesNavigationArts
 
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 2017Andrea Vaccarella
 
Chapter 2 | Website design & development - pf
Chapter 2  | Website design & development - pfChapter 2  | Website design & development - pf
Chapter 2 | Website design & development - pfMikaStuttaford
 
Substance151 Best Web Practices
Substance151 Best Web PracticesSubstance151 Best Web Practices
Substance151 Best Web Practicessubstance151
 
User Experience Documentation - Lime.com
User Experience Documentation - Lime.comUser Experience Documentation - Lime.com
User Experience Documentation - Lime.comMark Waldo
 
Website Built Presentation
Website Built PresentationWebsite Built Presentation
Website Built PresentationKaran Patel
 
Webroompro Introduction
Webroompro IntroductionWebroompro Introduction
Webroompro IntroductionSubhajit Das
 
A Digital Agency Manifesto
A Digital Agency ManifestoA Digital Agency Manifesto
A Digital Agency ManifestoJeremy Robinson
 

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

6. io device
6. io device6. io device
6. io deviceKh Ravy
 
7. evalution of interactive system
7. evalution of interactive system7. evalution of interactive system
7. evalution of interactive systemKh Ravy
 
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 concoursKh Ravy
 
4. ergonomic of wimp interface
4. ergonomic of wimp interface4. ergonomic of wimp interface
4. ergonomic of wimp interfaceKh Ravy
 
evaluation techniques in HCI
evaluation techniques in HCIevaluation techniques in HCI
evaluation techniques in HCIsawsan slii
 
HCI 3e - Ch 9: Evaluation techniques
HCI 3e - Ch 9:  Evaluation techniquesHCI 3e - Ch 9:  Evaluation techniques
HCI 3e - Ch 9: Evaluation techniquesAlan Dix
 
EPW001 Ergonomics Programme_FA
EPW001 Ergonomics Programme_FAEPW001 Ergonomics Programme_FA
EPW001 Ergonomics Programme_FATim Ellis
 

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

Web Usability Site Design
Web Usability   Site DesignWeb Usability   Site Design
Web Usability Site DesignOvidiu Von M
 
Portfolio website evaluation presentation
Portfolio website evaluation presentationPortfolio website evaluation presentation
Portfolio website evaluation presentationchowders
 
Usability Guidelines
Usability GuidelinesUsability Guidelines
Usability Guidelineshomeplate31
 
Information Architecture for Drupal
Information Architecture for DrupalInformation Architecture for Drupal
Information Architecture for DrupalVanessa Turke
 
Creating a Website Sitemap
Creating a Website SitemapCreating a Website Sitemap
Creating a Website SitemapJeannie Melinz
 
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 interfaceazmatmengal
 
Branding share point 2013
Branding share point 2013Branding share point 2013
Branding share point 2013Khoa Quach
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design PrinciplesMukesh Tekwani
 
Usability review
Usability reviewUsability review
Usability reviewsayedshiban
 
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 WebsiteZoaib Mirza
 
[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 appsIvano Malavolta
 
Navigation Systems
Navigation SystemsNavigation Systems
Navigation SystemsMiles Price
 
Interface usability-adding-schweppervescence-ver3-8
Interface usability-adding-schweppervescence-ver3-8Interface usability-adding-schweppervescence-ver3-8
Interface usability-adding-schweppervescence-ver3-8SSW
 

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

Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...fonyou31
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...PsychoTech Services
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...Sapna Thakur
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...christianmathematics
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingTeacherCyreneCayanan
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024Janet Corral
 
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 pdfAyushMahapatra5
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 

Último (20)

Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024
 
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
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 

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