SlideShare une entreprise Scribd logo

Conception de sites Web

•Télécharger en tant que PPT, PDF•
•
Saïd Radhouani
Saïd Radhouani

Website, Usability, Design

1  sur  59
Conception de sites Web, utilisabilité et design Saïd Radhouani Université de Genève mars 2005
Site Web = Système d'information 28/01/12 Données (contenus) Traitements (programmes, ...) Interface Utilisateur Pour l'utilisateur l'interface est le système
L’ergonomie Web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un site utile ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un site rapide ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un site rapide ,[object Object],[object Object],[object Object],[object Object],[object Object]
Un site simple ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un site simple ,[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]
Un site familier ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un site universel ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un site universel ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un site lisible ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un site lisible ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un site lisible ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un site ouvert ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un site navigable ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un site navigable ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un site navigable ,[object Object],[object Object],[object Object],[object Object],[object Object]
Cycle de développement ,[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]
Analyse des besoins - Questions préliminaires ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Analyse des besoins ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Modèles de l’utilisateur ,[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]
Modèle des t âches ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Quand il n’y a pas d’utilisateur ,[object Object],[object Object],[object Object],[object Object]
Modèle des t âches ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tâches et cas d'utilisation UML Emprunter un livre Réserver un livre Payer la cotisation Consulter le catalogue Enregistrer un nouvel utilisateur Chercheur Utilisateur externe Type d’utilisateur <--> Services offerts par le système (site) Bibliothécaire
T âches et scénarios Client Fournisseur Institution de Carte de Crédit Acheter un article Vérifier payement Consulter catalogue Commander articles Scénario
Les outils ,[object Object],[object Object],[object Object],[object Object],[object Object]
Conception du site ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Faire un plan du futur site ,[object Object],[object Object],[object Object],[object Object],une (petite) partie du sché � ma du site du Lycé � e cantonal de Porrentruy Source : http://www.apprendre-en-ligne.net/
Faire un plan du futur site ,[object Object],[object Object],[object Object],Source : http://www.apprendre-en-ligne.net/
La page d’accueil est très importante ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
La page d'accueil est très importante ,[object Object],[object Object],[object Object],[object Object],[object Object]
La page d'accueil est très importante ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
« Splash screens » ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Page d’accueil vs. pages internes ,[object Object],[object Object],[object Object],[object Object]
Répartition de l’espace disponible ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Liens ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Liens ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Liens ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Liens ,[object Object],[object Object],[object Object],[object Object]
Liens ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Frames ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Frames ,[object Object],[object Object],[object Object],[object Object],[object Object]
Typographie ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Typographie ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Typographie ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Découpage ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Découpage - Liens internes ,[object Object],[object Object],[object Object],[object Object]
Titres ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Menus ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Sous sites ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Outils de recherche interne ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Evaluation - Test ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Exemple : évaluation d'un site web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Test du site ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Test du site ,[object Object],[object Object],[object Object],[object Object]
Mise en ligne ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Maintenance et mises � jour ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Recommandé

Ecrire pour le Web en 2010
Ecrire pour le Web en 2010Ecrire pour le Web en 2010
Ecrire pour le Web en 2010Les Propulseurs
 
Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015SADC d'Abitibi-Ouest
 
Hec Ergonomie
Hec ErgonomieHec Ergonomie
Hec Ergonomiemastertic
 
Siteweb Mini
Siteweb MiniSiteweb Mini
Siteweb MiniAccenture Belgium & Luxembourg
 
Le positionnement d'un site repose sur des contenus accessibles
Le positionnement d'un site repose sur des contenus accessiblesLe positionnement d'un site repose sur des contenus accessibles
Le positionnement d'un site repose sur des contenus accessiblesYellow Dolphins
 
6 1-ergonomie du web
6 1-ergonomie du web6 1-ergonomie du web
6 1-ergonomie du webRYMAA
 
Formation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel LubacFormation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel LubacPhilemonday
 
Un site Web de qualité
Un site Web de qualitéUn site Web de qualité
Un site Web de qualitémastertic
 

Recommandé

Ecrire pour le Web en 2010
Ecrire pour le Web en 2010Ecrire pour le Web en 2010
Ecrire pour le Web en 2010Les Propulseurs
 
Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015SADC d'Abitibi-Ouest
 
Hec Ergonomie
Hec ErgonomieHec Ergonomie
Hec Ergonomiemastertic
 
Siteweb Mini
Siteweb MiniSiteweb Mini
Siteweb MiniAccenture Belgium & Luxembourg
 
Le positionnement d'un site repose sur des contenus accessibles
Le positionnement d'un site repose sur des contenus accessiblesLe positionnement d'un site repose sur des contenus accessibles
Le positionnement d'un site repose sur des contenus accessiblesYellow Dolphins
 
6 1-ergonomie du web
6 1-ergonomie du web6 1-ergonomie du web
6 1-ergonomie du webRYMAA
 
Formation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel LubacFormation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel LubacPhilemonday
 
Un site Web de qualité
Un site Web de qualitéUn site Web de qualité
Un site Web de qualitémastertic
 
Formation référencement
Formation référencementFormation référencement
Formation référencementWeb Solution Way sprl
 
Choisir une solution e commerce compatible seo : quelle plateforme vous perme...
Choisir une solution e commerce compatible seo : quelle plateforme vous perme...Choisir une solution e commerce compatible seo : quelle plateforme vous perme...
Choisir une solution e commerce compatible seo : quelle plateforme vous perme...Philippe YONNET
 
Réussir la création-refonte de son site
Réussir la création-refonte de son siteRéussir la création-refonte de son site
Réussir la création-refonte de son siteSteph Tripot
 
Création ou refonte de site Internet
Création ou refonte de site InternetCréation ou refonte de site Internet
Création ou refonte de site InternetOffice de tourisme Aunis Marais Poitevin
 
Grille Audit Site Web
Grille Audit Site WebGrille Audit Site Web
Grille Audit Site WebMargaux Lespagne
 
Atelier Numérique - Créer son site web avec Jimdo - 2016
Atelier Numérique - Créer son site web avec Jimdo - 2016Atelier Numérique - Créer son site web avec Jimdo - 2016
Atelier Numérique - Créer son site web avec Jimdo - 2016Kate De Gourdon
 
Ergonomie Web - Une Introduction
Ergonomie Web - Une IntroductionErgonomie Web - Une Introduction
Ergonomie Web - Une IntroductionFabien Tersoglio
 
15 Conseils
15 Conseils15 Conseils
15 ConseilsAlain Planger
 
Entrez dans l'E-Tourisme 2012
Entrez dans l'E-Tourisme 2012Entrez dans l'E-Tourisme 2012
Entrez dans l'E-Tourisme 2012Jacqueline Quardon
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Nicolas Morin
 
Référencement Mobile Brioude Internet - Formation VLC
Référencement Mobile Brioude Internet - Formation VLCRéférencement Mobile Brioude Internet - Formation VLC
Référencement Mobile Brioude Internet - Formation VLCBrioude Internet
 
WordPress et la compatibilité mobile - Semrush & SeoMix
WordPress et la compatibilité mobile - Semrush & SeoMixWordPress et la compatibilité mobile - Semrush & SeoMix
WordPress et la compatibilité mobile - Semrush & SeoMixDaniel Roch - SeoMix
 
Blog professionnel - conférence Osereso
Blog professionnel - conférence OseresoBlog professionnel - conférence Osereso
Blog professionnel - conférence OseresoOSERESO
 
Introduction à la performance web
Introduction à la performance webIntroduction à la performance web
Introduction à la performance webRaphaël Goetter
 
Comment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurComment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurAlexandre Thuriot
 
Création & refonte de site internet
Création & refonte de site internet Création & refonte de site internet
Création & refonte de site internet Office de tourisme Aunis Marais Poitevin
 
Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Odomia
 
Ecrire pour le Web - rédiger pour son site
Ecrire pour le Web - rédiger pour son siteEcrire pour le Web - rédiger pour son site
Ecrire pour le Web - rédiger pour son siteSemaweb
 
Organisation visuelle
Organisation visuelleOrganisation visuelle
Organisation visuellemsk10
 
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...COMPETITIC
 
Normes de base du Web GTI780 & MTI780 ETS A09
Normes de base du Web GTI780 & MTI780 ETS A09Normes de base du Web GTI780 & MTI780 ETS A09
Normes de base du Web GTI780 & MTI780 ETS A09Claude Coulombe
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutantKorteby Farouk
 

Contenu connexe

Tendances

Choisir une solution e commerce compatible seo : quelle plateforme vous perme...
Choisir une solution e commerce compatible seo : quelle plateforme vous perme...Choisir une solution e commerce compatible seo : quelle plateforme vous perme...
Choisir une solution e commerce compatible seo : quelle plateforme vous perme...Philippe YONNET
 
Réussir la création-refonte de son site
Réussir la création-refonte de son siteRéussir la création-refonte de son site
Réussir la création-refonte de son siteSteph Tripot
 
Atelier Numérique - Créer son site web avec Jimdo - 2016
Atelier Numérique - Créer son site web avec Jimdo - 2016Atelier Numérique - Créer son site web avec Jimdo - 2016
Atelier Numérique - Créer son site web avec Jimdo - 2016Kate De Gourdon
 
Ergonomie Web - Une Introduction
Ergonomie Web - Une IntroductionErgonomie Web - Une Introduction
Ergonomie Web - Une IntroductionFabien Tersoglio
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Nicolas Morin
 
Référencement Mobile Brioude Internet - Formation VLC
Référencement Mobile Brioude Internet - Formation VLCRéférencement Mobile Brioude Internet - Formation VLC
Référencement Mobile Brioude Internet - Formation VLCBrioude Internet
 
WordPress et la compatibilité mobile - Semrush & SeoMix
WordPress et la compatibilité mobile - Semrush & SeoMixWordPress et la compatibilité mobile - Semrush & SeoMix
WordPress et la compatibilité mobile - Semrush & SeoMixDaniel Roch - SeoMix
 
Blog professionnel - conférence Osereso
Blog professionnel - conférence OseresoBlog professionnel - conférence Osereso
Blog professionnel - conférence OseresoOSERESO
 
Introduction à la performance web
Introduction à la performance webIntroduction à la performance web
Introduction à la performance webRaphaël Goetter
 
Comment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurComment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurAlexandre Thuriot
 
Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Odomia
 
Ecrire pour le Web - rédiger pour son site
Ecrire pour le Web - rédiger pour son siteEcrire pour le Web - rédiger pour son site
Ecrire pour le Web - rédiger pour son siteSemaweb
 
Organisation visuelle
Organisation visuelleOrganisation visuelle
Organisation visuellemsk10
 
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...COMPETITIC
 

Tendances (20)

Formation référencement
Formation référencementFormation référencement
Formation référencement
 
Choisir une solution e commerce compatible seo : quelle plateforme vous perme...
Choisir une solution e commerce compatible seo : quelle plateforme vous perme...Choisir une solution e commerce compatible seo : quelle plateforme vous perme...
Choisir une solution e commerce compatible seo : quelle plateforme vous perme...
 
Réussir la création-refonte de son site
Réussir la création-refonte de son siteRéussir la création-refonte de son site
Réussir la création-refonte de son site
 
Création ou refonte de site Internet
Création ou refonte de site InternetCréation ou refonte de site Internet
Création ou refonte de site Internet
 
Grille Audit Site Web
Grille Audit Site WebGrille Audit Site Web
Grille Audit Site Web
 
Atelier Numérique - Créer son site web avec Jimdo - 2016
Atelier Numérique - Créer son site web avec Jimdo - 2016Atelier Numérique - Créer son site web avec Jimdo - 2016
Atelier Numérique - Créer son site web avec Jimdo - 2016
 
Ergonomie Web - Une Introduction
Ergonomie Web - Une IntroductionErgonomie Web - Une Introduction
Ergonomie Web - Une Introduction
 
15 Conseils
15 Conseils15 Conseils
15 Conseils
 
Entrez dans l'E-Tourisme 2012
Entrez dans l'E-Tourisme 2012Entrez dans l'E-Tourisme 2012
Entrez dans l'E-Tourisme 2012
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)
 
Référencement Mobile Brioude Internet - Formation VLC
Référencement Mobile Brioude Internet - Formation VLCRéférencement Mobile Brioude Internet - Formation VLC
Référencement Mobile Brioude Internet - Formation VLC
 
WordPress et la compatibilité mobile - Semrush & SeoMix
WordPress et la compatibilité mobile - Semrush & SeoMixWordPress et la compatibilité mobile - Semrush & SeoMix
WordPress et la compatibilité mobile - Semrush & SeoMix
 
Blog professionnel - conférence Osereso
Blog professionnel - conférence OseresoBlog professionnel - conférence Osereso
Blog professionnel - conférence Osereso
 
Introduction à la performance web
Introduction à la performance webIntroduction à la performance web
Introduction à la performance web
 
Comment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateurComment transformer la performance web en croissance et conversion utilisateur
Comment transformer la performance web en croissance et conversion utilisateur
 
Création & refonte de site internet
Création & refonte de site internet Création & refonte de site internet
Création & refonte de site internet
 
Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !
 
Ecrire pour le Web - rédiger pour son site
Ecrire pour le Web - rédiger pour son siteEcrire pour le Web - rédiger pour son site
Ecrire pour le Web - rédiger pour son site
 
Organisation visuelle
Organisation visuelleOrganisation visuelle
Organisation visuelle
 
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
2011 03 07 Convaincre et fidéliser la clientèle en optimisant son site web - ...
 

En vedette

Normes de base du Web GTI780 & MTI780 ETS A09
Normes de base du Web GTI780 & MTI780 ETS A09Normes de base du Web GTI780 & MTI780 ETS A09
Normes de base du Web GTI780 & MTI780 ETS A09Claude Coulombe
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutantKorteby Farouk
 
Förderangebote An Der Eks
Förderangebote An Der EksFörderangebote An Der Eks
Förderangebote An Der Eksschroty
 
Dossier de presse "l'éveil en fête"
Dossier de presse "l'éveil en fête"Dossier de presse "l'éveil en fête"
Dossier de presse "l'éveil en fête"Romu
 
Inovallee diapo cop_tarmac_16.12.14
Inovallee diapo cop_tarmac_16.12.14Inovallee diapo cop_tarmac_16.12.14
Inovallee diapo cop_tarmac_16.12.14Claire Chanterelle
 
Gestion des codes_mouvements
Gestion des codes_mouvementsGestion des codes_mouvements
Gestion des codes_mouvementscpicard66
 
La réalité augmentée, applications et tendances
La réalité augmentée, applications et tendancesLa réalité augmentée, applications et tendances
La réalité augmentée, applications et tendancesMinnovarc
 
Une blonde à la charcuterie
Une blonde à la charcuterieUne blonde à la charcuterie
Une blonde à la charcuteriesandre07
 
Informe agric urb cuarto período 2014
Informe agric urb cuarto período 2014Informe agric urb cuarto período 2014
Informe agric urb cuarto período 2014Nathaly Andria
 
E-Bilanz mit XBRL in Deutschland
E-Bilanz mit XBRL in DeutschlandE-Bilanz mit XBRL in Deutschland
E-Bilanz mit XBRL in DeutschlandTertium datur AG
 

En vedette (20)

Normes de base du Web GTI780 & MTI780 ETS A09
Normes de base du Web GTI780 & MTI780 ETS A09Normes de base du Web GTI780 & MTI780 ETS A09
Normes de base du Web GTI780 & MTI780 ETS A09
 
Création des sites web pour débutant
Création des sites web pour débutantCréation des sites web pour débutant
Création des sites web pour débutant
 
8 janvier 2012 lausanne
8 janvier 2012 lausanne8 janvier 2012 lausanne
8 janvier 2012 lausanne
 
Förderangebote An Der Eks
Förderangebote An Der EksFörderangebote An Der Eks
Förderangebote An Der Eks
 
Dossier de presse "l'éveil en fête"
Dossier de presse "l'éveil en fête"Dossier de presse "l'éveil en fête"
Dossier de presse "l'éveil en fête"
 
Introduction à PHP
Introduction à PHPIntroduction à PHP
Introduction à PHP
 
Inovallee diapo cop_tarmac_16.12.14
Inovallee diapo cop_tarmac_16.12.14Inovallee diapo cop_tarmac_16.12.14
Inovallee diapo cop_tarmac_16.12.14
 
Gestion des codes_mouvements
Gestion des codes_mouvementsGestion des codes_mouvements
Gestion des codes_mouvements
 
Presentation
PresentationPresentation
Presentation
 
15 avril 2012
15 avril 201215 avril 2012
15 avril 2012
 
La réalité augmentée, applications et tendances
La réalité augmentée, applications et tendancesLa réalité augmentée, applications et tendances
La réalité augmentée, applications et tendances
 
Fotos im Netz
Fotos im NetzFotos im Netz
Fotos im Netz
 
Une blonde à la charcuterie
Une blonde à la charcuterieUne blonde à la charcuterie
Une blonde à la charcuterie
 
Informe agric urb cuarto período 2014
Informe agric urb cuarto período 2014Informe agric urb cuarto período 2014
Informe agric urb cuarto período 2014
 
Les acteurs
Les acteursLes acteurs
Les acteurs
 
Weihnachten
WeihnachtenWeihnachten
Weihnachten
 
23 octobre 2011
23 octobre 201123 octobre 2011
23 octobre 2011
 
E-Bilanz mit XBRL in Deutschland
E-Bilanz mit XBRL in DeutschlandE-Bilanz mit XBRL in Deutschland
E-Bilanz mit XBRL in Deutschland
 
6 mai 2012
6 mai 20126 mai 2012
6 mai 2012
 
22 février 2012 renens
22 février 2012 renens22 février 2012 renens
22 février 2012 renens
 

Similaire à Conception de sites Web

Conférence "Optimiser son référencement Internet"
Conférence "Optimiser son référencement Internet"Conférence "Optimiser son référencement Internet"
Conférence "Optimiser son référencement Internet"Sylvie de Meeûs
 
Cours referencement optimisation
Cours referencement optimisationCours referencement optimisation
Cours referencement optimisationRémi Bachelet
 
Bien référencer son site Internet
Bien référencer son site InternetBien référencer son site Internet
Bien référencer son site InternetSylvie de Meeûs
 
Competitic ergonomie site web - numerique en entreprise
Competitic ergonomie site web - numerique en entrepriseCompetitic ergonomie site web - numerique en entreprise
Competitic ergonomie site web - numerique en entrepriseCOMPETITIC
 
Développement Web
Développement WebDéveloppement Web
Développement Webmastertic
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)Khaled Djebloun
 
[Chambé-Carnet] L'accessibilité au service du référencement naturel
[Chambé-Carnet] L'accessibilité au service du référencement naturel[Chambé-Carnet] L'accessibilité au service du référencement naturel
[Chambé-Carnet] L'accessibilité au service du référencement naturelChambé-Carnet
 
Développement d'interfaces web
Développement d'interfaces webDéveloppement d'interfaces web
Développement d'interfaces webDavid Desrousseaux
 
Accessibilité et Bonnes Pratiques : Comment évaluer en 20 minutes un site web
Accessibilité et Bonnes Pratiques : Comment évaluer en 20 minutes un site webAccessibilité et Bonnes Pratiques : Comment évaluer en 20 minutes un site web
Accessibilité et Bonnes Pratiques : Comment évaluer en 20 minutes un site webLaurie-Anne Bourdain
 
Référencement On Page : Définition, Outils et Optimisation
Référencement On Page : Définition, Outils et OptimisationRéférencement On Page : Définition, Outils et Optimisation
Référencement On Page : Définition, Outils et OptimisationEmblematic
 
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...Kenny Dits
 
Développement Web
Développement WebDéveloppement Web
Développement Webmastertic
 
Optimiser site Internet
Optimiser site InternetOptimiser site Internet
Optimiser site InternetPhilippe Fabry
 
Atelier créer son site web avec Jimdo - 2018
Atelier créer son site web avec Jimdo - 2018 Atelier créer son site web avec Jimdo - 2018
Atelier créer son site web avec Jimdo - 2018 Kate De Gourdon
 

Similaire à Conception de sites Web (20)

Conférence "Optimiser son référencement Internet"
Conférence "Optimiser son référencement Internet"Conférence "Optimiser son référencement Internet"
Conférence "Optimiser son référencement Internet"
 
Cours referencement optimisation
Cours referencement optimisationCours referencement optimisation
Cours referencement optimisation
 
Cours e-marketing
Cours e-marketingCours e-marketing
Cours e-marketing
 
Bien référencer son site Internet
Bien référencer son site InternetBien référencer son site Internet
Bien référencer son site Internet
 
Competitic ergonomie site web - numerique en entreprise
Competitic ergonomie site web - numerique en entrepriseCompetitic ergonomie site web - numerique en entreprise
Competitic ergonomie site web - numerique en entreprise
 
Développement Web
Développement WebDéveloppement Web
Développement Web
 
Audit de site web
Audit de site webAudit de site web
Audit de site web
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
 
[Chambé-Carnet] L'accessibilité au service du référencement naturel
[Chambé-Carnet] L'accessibilité au service du référencement naturel[Chambé-Carnet] L'accessibilité au service du référencement naturel
[Chambé-Carnet] L'accessibilité au service du référencement naturel
 
Tirer profit du web en 2011
Tirer profit du web en 2011Tirer profit du web en 2011
Tirer profit du web en 2011
 
Développement d'interfaces web
Développement d'interfaces webDéveloppement d'interfaces web
Développement d'interfaces web
 
2016 Création Refonte Site
2016 Création Refonte Site2016 Création Refonte Site
2016 Création Refonte Site
 
Accessibilité et Bonnes Pratiques : Comment évaluer en 20 minutes un site web
Accessibilité et Bonnes Pratiques : Comment évaluer en 20 minutes un site webAccessibilité et Bonnes Pratiques : Comment évaluer en 20 minutes un site web
Accessibilité et Bonnes Pratiques : Comment évaluer en 20 minutes un site web
 
Référencement On Page : Définition, Outils et Optimisation
Référencement On Page : Définition, Outils et OptimisationRéférencement On Page : Définition, Outils et Optimisation
Référencement On Page : Définition, Outils et Optimisation
 
Association 2 0
Association 2 0Association 2 0
Association 2 0
 
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
 
Développement Web
Développement WebDéveloppement Web
Développement Web
 
Optimiser site Internet
Optimiser site InternetOptimiser site Internet
Optimiser site Internet
 
Conf croix
Conf croixConf croix
Conf croix
 
Atelier créer son site web avec Jimdo - 2018
Atelier créer son site web avec Jimdo - 2018 Atelier créer son site web avec Jimdo - 2018
Atelier créer son site web avec Jimdo - 2018
 

Plus de Saïd Radhouani

Anatomy of Search Relevance: From Data To Action
Anatomy of Search Relevance: From Data To ActionAnatomy of Search Relevance: From Data To Action
Anatomy of Search Relevance: From Data To ActionSaïd Radhouani
 
PhD Defense Presentation - Soutenance de thèse
PhD Defense Presentation - Soutenance de thèse PhD Defense Presentation - Soutenance de thèse
PhD Defense Presentation - Soutenance de thèse Saïd Radhouani
 
PhD Dissertation - Manuscrit de thèse de doctorat
PhD Dissertation - Manuscrit de thèse de doctoratPhD Dissertation - Manuscrit de thèse de doctorat
PhD Dissertation - Manuscrit de thèse de doctoratSaïd Radhouani
 
Publication de documents sur le Web
Publication de documents sur le WebPublication de documents sur le Web
Publication de documents sur le WebSaïd Radhouani
 
Introduction à l\'e-learnining
Introduction à l\'e-learniningIntroduction à l\'e-learnining
Introduction à l\'e-learniningSaïd Radhouani
 
Active Server Pages (ASP)
Active Server Pages (ASP)Active Server Pages (ASP)
Active Server Pages (ASP)Saïd Radhouani
 
Introduction aux technologies du Web (2)
Introduction aux technologies du Web (2)Introduction aux technologies du Web (2)
Introduction aux technologies du Web (2)Saïd Radhouani
 
Introduction aux technologies du Web (1)
Introduction aux technologies du Web (1)Introduction aux technologies du Web (1)
Introduction aux technologies du Web (1)Saïd Radhouani
 
Apprendre Solr en deux heures
Apprendre Solr en deux heuresApprendre Solr en deux heures
Apprendre Solr en deux heuresSaïd Radhouani
 
Introduction à la Recherche d'information
Introduction à la Recherche d'informationIntroduction à la Recherche d'information
Introduction à la Recherche d'informationSaïd Radhouani
 

Plus de Saïd Radhouani (17)

Anatomy of Search Relevance: From Data To Action
Anatomy of Search Relevance: From Data To ActionAnatomy of Search Relevance: From Data To Action
Anatomy of Search Relevance: From Data To Action
 
PhD Defense Presentation - Soutenance de thèse
PhD Defense Presentation - Soutenance de thèse PhD Defense Presentation - Soutenance de thèse
PhD Defense Presentation - Soutenance de thèse
 
PhD Dissertation - Manuscrit de thèse de doctorat
PhD Dissertation - Manuscrit de thèse de doctoratPhD Dissertation - Manuscrit de thèse de doctorat
PhD Dissertation - Manuscrit de thèse de doctorat
 
Publication de documents sur le Web
Publication de documents sur le WebPublication de documents sur le Web
Publication de documents sur le Web
 
Introduction à XML
Introduction à XMLIntroduction à XML
Introduction à XML
 
Introduction à l\'e-learnining
Introduction à l\'e-learniningIntroduction à l\'e-learnining
Introduction à l\'e-learnining
 
Documents intéractifs
Documents intéractifsDocuments intéractifs
Documents intéractifs
 
Introduction à XML
Introduction à XMLIntroduction à XML
Introduction à XML
 
Active Server Pages (ASP)
Active Server Pages (ASP)Active Server Pages (ASP)
Active Server Pages (ASP)
 
Serveur Web (1)
Serveur Web (1)Serveur Web (1)
Serveur Web (1)
 
Serveur Web (2)
Serveur Web (2)Serveur Web (2)
Serveur Web (2)
 
SPIP
SPIPSPIP
SPIP
 
PHP &amp; MySQL
PHP &amp; MySQLPHP &amp; MySQL
PHP &amp; MySQL
 
Introduction aux technologies du Web (2)
Introduction aux technologies du Web (2)Introduction aux technologies du Web (2)
Introduction aux technologies du Web (2)
 
Introduction aux technologies du Web (1)
Introduction aux technologies du Web (1)Introduction aux technologies du Web (1)
Introduction aux technologies du Web (1)
 
Apprendre Solr en deux heures
Apprendre Solr en deux heuresApprendre Solr en deux heures
Apprendre Solr en deux heures
 
Introduction à la Recherche d'information
Introduction à la Recherche d'informationIntroduction à la Recherche d'information
Introduction à la Recherche d'information
 

Conception de sites Web

  • 1. Conception de sites Web, utilisabilité et design Saïd Radhouani Université de Genève mars 2005
  • 2. Site Web = Système d'information 28/01/12 Données (contenus) Traitements (programmes, ...) Interface Utilisateur Pour l'utilisateur l'interface est le système
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26. Tâches et cas d'utilisation UML Emprunter un livre Réserver un livre Payer la cotisation Consulter le catalogue Enregistrer un nouvel utilisateur Chercheur Utilisateur externe Type d’utilisateur <--> Services offerts par le système (site) Bibliothécaire
  • 27. T âches et scénarios Client Fournisseur Institution de Carte de Crédit Acheter un article Vérifier payement Consulter catalogue Commander articles Scénario
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.

Notes de l'éditeur

  1. On a vu l’autre fois le critère de l’utilisabilité.
  2. Récréatif -&gt; loisir
  3. Indenter : Décaler une partie de texte à droite ou à gauche, par rapport au texte environnant.
  4. L&apos;empattement d&apos;une lettre est le trait sur lequel repose la lettre.