SlideShare uma empresa Scribd logo
1 de 20
Baixar para ler offline
Institut Supérieur des Art Multimédias de la Mannouba

Présenté par :
Ghodhbane Med Amine
2013/2014

1
Plan
 Introduction
 Objectifs
 Définition
 Styles de navigations

 Conclusion
 Références

2
Introduction
Navigation

Technique

Ergonomie

Efficacité

Simplicité
3
Objectifs
1- Rapide

Navigation

2- Simple
3- Efficace

4
5
6
7
Quelles changements ?
 Ergonomie
 Accessibilité

 Technologie
 Marketing

 Audience
 Conventions
 Outils
8
Le rôle de la navigation

Trouver l’information rapidement
9
Styles de navigation

10
1- Menus, onglets et boutons

11
2- MEGA Menu

12
2- MEGA Menu

13
3 - Véritables métaphores du monde

14
4- Navigation spatiale

15
5- Pas de Navigation ?

16
Version Minimal de navigation

17
Conclusion
La navigation doit être conçue de façon à :
 Ne pas demander à l'internaute d'étudier le système de

navigation avant d'aller sur le site.
 Faire apparaître les rubriques du menu dans l'ordre

logique d'utilisation .
 Limiter la complexité de chaque clic.
18
Références
 http://ergonomie-web.studiovitamine.com

 ww.credos.com.au

 www.slideshare.net

19
Merci pour votre attention

20

Mais conteúdo relacionado

Semelhante a Navigation multimédia

Projet final - MUX 06 - UX design - L'École Multimédia
Projet final - MUX 06 - UX design - L'École MultimédiaProjet final - MUX 06 - UX design - L'École Multimédia
Projet final - MUX 06 - UX design - L'École MultimédiaAlexandre Prevots
 
Retour d'expérience CANAL+ Afrique
Retour d'expérience CANAL+ AfriqueRetour d'expérience CANAL+ Afrique
Retour d'expérience CANAL+ AfriqueXWiki
 
Mtl apptalks ux mobile et ucd - janvier 2014
Mtl apptalks   ux mobile et ucd - janvier 2014Mtl apptalks   ux mobile et ucd - janvier 2014
Mtl apptalks ux mobile et ucd - janvier 2014Loic Nunez
 
Webdesign : Optimiser son site pour maximiser les conversions
Webdesign : Optimiser son site pour maximiser les conversionsWebdesign : Optimiser son site pour maximiser les conversions
Webdesign : Optimiser son site pour maximiser les conversionsJulie Tonna
 
Concevoir la navigation sur mobile
Concevoir la navigation sur mobileConcevoir la navigation sur mobile
Concevoir la navigation sur mobileAmelie Boucher
 
Competitic ergonomie et design site internet - numerique en entreprise
Competitic   ergonomie et design site internet  - numerique en entrepriseCompetitic   ergonomie et design site internet  - numerique en entreprise
Competitic ergonomie et design site internet - numerique en entrepriseCOMPETITIC
 
Ergonomie des IHM web - Grille d'analyse des 12 règles
Ergonomie des IHM web - Grille d'analyse des 12 règlesErgonomie des IHM web - Grille d'analyse des 12 règles
Ergonomie des IHM web - Grille d'analyse des 12 règlesElodieDescharmes
 
Comment mesurer l'attention des utilisateurs
Comment mesurer l'attention des utilisateursComment mesurer l'attention des utilisateurs
Comment mesurer l'attention des utilisateursSylvain Senecal
 
technologycal interner ggggggggggggggggggggg.pptx
technologycal interner ggggggggggggggggggggg.pptxtechnologycal interner ggggggggggggggggggggg.pptx
technologycal interner ggggggggggggggggggggg.pptxhimmel2
 
Ergonomie site web
Ergonomie site webErgonomie site web
Ergonomie site webCOMPETITIC
 
Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017
Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017 Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017
Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017 Flupa
 
Comment mesurer l'attention des utilisateurs
Comment mesurer l'attention des utilisateursComment mesurer l'attention des utilisateurs
Comment mesurer l'attention des utilisateursSylvain Senecal
 
Support média
Support médiaSupport média
Support médiaKeepCore
 
Présentation UX agence Backelite
Présentation UX agence BackelitePrésentation UX agence Backelite
Présentation UX agence BackeliteIdean France
 
Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait) Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait) Usabilis
 
Atelier startup « communiquer sur son innovation Deep Tech pour mieux convain...
Atelier startup « communiquer sur son innovation Deep Tech pour mieux convain...Atelier startup « communiquer sur son innovation Deep Tech pour mieux convain...
Atelier startup « communiquer sur son innovation Deep Tech pour mieux convain...Thomas Le Mouellic
 
Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...BEIJAFLORE
 

Semelhante a Navigation multimédia (20)

Formation Accessibilite Web
Formation Accessibilite WebFormation Accessibilite Web
Formation Accessibilite Web
 
UX guidelines
UX guidelinesUX guidelines
UX guidelines
 
Projet final - MUX 06 - UX design - L'École Multimédia
Projet final - MUX 06 - UX design - L'École MultimédiaProjet final - MUX 06 - UX design - L'École Multimédia
Projet final - MUX 06 - UX design - L'École Multimédia
 
Retour d'expérience CANAL+ Afrique
Retour d'expérience CANAL+ AfriqueRetour d'expérience CANAL+ Afrique
Retour d'expérience CANAL+ Afrique
 
Mtl apptalks ux mobile et ucd - janvier 2014
Mtl apptalks   ux mobile et ucd - janvier 2014Mtl apptalks   ux mobile et ucd - janvier 2014
Mtl apptalks ux mobile et ucd - janvier 2014
 
Webdesign : Optimiser son site pour maximiser les conversions
Webdesign : Optimiser son site pour maximiser les conversionsWebdesign : Optimiser son site pour maximiser les conversions
Webdesign : Optimiser son site pour maximiser les conversions
 
Concevoir la navigation sur mobile
Concevoir la navigation sur mobileConcevoir la navigation sur mobile
Concevoir la navigation sur mobile
 
Competitic ergonomie et design site internet - numerique en entreprise
Competitic   ergonomie et design site internet  - numerique en entrepriseCompetitic   ergonomie et design site internet  - numerique en entreprise
Competitic ergonomie et design site internet - numerique en entreprise
 
Ergonomie des IHM web - Grille d'analyse des 12 règles
Ergonomie des IHM web - Grille d'analyse des 12 règlesErgonomie des IHM web - Grille d'analyse des 12 règles
Ergonomie des IHM web - Grille d'analyse des 12 règles
 
ESG - Lesson 5
ESG - Lesson 5ESG - Lesson 5
ESG - Lesson 5
 
Comment mesurer l'attention des utilisateurs
Comment mesurer l'attention des utilisateursComment mesurer l'attention des utilisateurs
Comment mesurer l'attention des utilisateurs
 
technologycal interner ggggggggggggggggggggg.pptx
technologycal interner ggggggggggggggggggggg.pptxtechnologycal interner ggggggggggggggggggggg.pptx
technologycal interner ggggggggggggggggggggg.pptx
 
Ergonomie site web
Ergonomie site webErgonomie site web
Ergonomie site web
 
Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017
Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017 Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017
Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017
 
Comment mesurer l'attention des utilisateurs
Comment mesurer l'attention des utilisateursComment mesurer l'attention des utilisateurs
Comment mesurer l'attention des utilisateurs
 
Support média
Support médiaSupport média
Support média
 
Présentation UX agence Backelite
Présentation UX agence BackelitePrésentation UX agence Backelite
Présentation UX agence Backelite
 
Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait) Ux design & ergonomie des interfaces 6ème édition (extrait)
Ux design & ergonomie des interfaces 6ème édition (extrait)
 
Atelier startup « communiquer sur son innovation Deep Tech pour mieux convain...
Atelier startup « communiquer sur son innovation Deep Tech pour mieux convain...Atelier startup « communiquer sur son innovation Deep Tech pour mieux convain...
Atelier startup « communiquer sur son innovation Deep Tech pour mieux convain...
 
Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...
 

Último

CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...Universidad Complutense de Madrid
 
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptxIntégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptxabdououanighd
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfssuserc72852
 
Computer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptxComputer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptxRayane619450
 
Les roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptxLes roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptxShinyaHilalYamanaka
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.Txaruka
 
Formation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptxFormation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptxrajaakiass01
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...Nguyen Thanh Tu Collection
 
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projetFormation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projetJeanYvesMoine
 
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANKRAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANKNassimaMdh
 
La mondialisation avantages et inconvénients
La mondialisation avantages et inconvénientsLa mondialisation avantages et inconvénients
La mondialisation avantages et inconvénientsJaouadMhirach
 
L'expression du but : fiche et exercices niveau C1 FLE
L'expression du but : fiche et exercices  niveau C1 FLEL'expression du but : fiche et exercices  niveau C1 FLE
L'expression du but : fiche et exercices niveau C1 FLElebaobabbleu
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx         Film documentaireApolonia, Apolonia.pptx         Film documentaire
Apolonia, Apolonia.pptx Film documentaireTxaruka
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film françaisTxaruka
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfachrafbrahimi1
 
les_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhkles_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhkRefRama
 
L application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptxL application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptxhamzagame
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfAmgdoulHatim
 
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...Technologia Formation
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film françaisTxaruka
 

Último (20)

CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
 
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptxIntégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
 
Computer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptxComputer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptx
 
Les roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptxLes roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptx
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.
 
Formation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptxFormation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptx
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
 
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projetFormation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
 
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANKRAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
 
La mondialisation avantages et inconvénients
La mondialisation avantages et inconvénientsLa mondialisation avantages et inconvénients
La mondialisation avantages et inconvénients
 
L'expression du but : fiche et exercices niveau C1 FLE
L'expression du but : fiche et exercices  niveau C1 FLEL'expression du but : fiche et exercices  niveau C1 FLE
L'expression du but : fiche et exercices niveau C1 FLE
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx         Film documentaireApolonia, Apolonia.pptx         Film documentaire
Apolonia, Apolonia.pptx Film documentaire
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film français
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdf
 
les_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhkles_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhk
 
L application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptxL application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptx
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
 
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film français
 

Navigation multimédia