SlideShare une entreprise Scribd logo
1  sur  20
Télécharger pour lire hors ligne
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

Contenu connexe

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

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

Dernier

Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdfBibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdfBibdoc 37
 
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdfVulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdfSylvianeBachy
 
Pas de vagues. pptx Film français
Pas de vagues.  pptx      Film   françaisPas de vagues.  pptx      Film   français
Pas de vagues. pptx Film françaisTxaruka
 
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24BenotGeorges3
 
Faut-il avoir peur de la technique ? (G. Gay-Para)
Faut-il avoir peur de la technique ? (G. Gay-Para)Faut-il avoir peur de la technique ? (G. Gay-Para)
Faut-il avoir peur de la technique ? (G. Gay-Para)Gabriel Gay-Para
 
Apprendre avec des top et nano influenceurs
Apprendre avec des top et nano influenceursApprendre avec des top et nano influenceurs
Apprendre avec des top et nano influenceursStagiaireLearningmat
 
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptxDIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptxMartin M Flynn
 
La Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdfLa Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdfbdp12
 
Pas de vagues. pptx Film français
Pas de vagues.  pptx   Film     françaisPas de vagues.  pptx   Film     français
Pas de vagues. pptx Film françaisTxaruka
 
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...Bibdoc 37
 
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdfBibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdfBibdoc 37
 
Calendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avrilCalendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avrilfrizzole
 
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptxPrésentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptxJCAC
 
Chana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienneChana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienneTxaruka
 
Aux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècleAux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècleAmar LAKEL, PhD
 

Dernier (16)

Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdfBibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
 
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdfVulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
 
Bulletin des bibliotheques Burkina Faso mars 2024
Bulletin des bibliotheques Burkina Faso mars 2024Bulletin des bibliotheques Burkina Faso mars 2024
Bulletin des bibliotheques Burkina Faso mars 2024
 
Pas de vagues. pptx Film français
Pas de vagues.  pptx      Film   françaisPas de vagues.  pptx      Film   français
Pas de vagues. pptx Film français
 
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
 
Faut-il avoir peur de la technique ? (G. Gay-Para)
Faut-il avoir peur de la technique ? (G. Gay-Para)Faut-il avoir peur de la technique ? (G. Gay-Para)
Faut-il avoir peur de la technique ? (G. Gay-Para)
 
Apprendre avec des top et nano influenceurs
Apprendre avec des top et nano influenceursApprendre avec des top et nano influenceurs
Apprendre avec des top et nano influenceurs
 
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptxDIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
 
La Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdfLa Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdf
 
Pas de vagues. pptx Film français
Pas de vagues.  pptx   Film     françaisPas de vagues.  pptx   Film     français
Pas de vagues. pptx Film français
 
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
 
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdfBibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
 
Calendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avrilCalendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avril
 
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptxPrésentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
 
Chana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienneChana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienne
 
Aux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècleAux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècle
 

Navigation multimédia