SlideShare une entreprise Scribd logo
1  sur  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]

Contenu connexe

Tendances

Tendances (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
 

En vedette (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
 

Similaire à 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
 

Similaire à 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
 

Dernier

Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Dernier (20)

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
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
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...
 
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
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
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
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.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
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 

5. ergonomic of www interface

Notes de l'éditeur

  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