SlideShare uma empresa 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]

Mais conteúdo relacionado

Mais procurados

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
 

Mais procurados (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
 

Destaque

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
 

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

Semelhante 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
 

Semelhante 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

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...ZurliaSoop
 
Third Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptxThird Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptxAmita Gupta
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docxPoojaSen20
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
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.pptxheathfieldcps1
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and ModificationsMJDuyan
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17Celine George
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
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
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSCeline George
 
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.pptxAmanpreet Kaur
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.christianmathematics
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Jisc
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...pradhanghanshyam7136
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.pptRamjanShidvankar
 
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 17Celine George
 

Último (20)

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
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Third Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptxThird Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptx
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
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
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).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...
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
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
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
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
 

5. ergonomic of www interface

Notas do 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