SlideShare une entreprise Scribd logo
1  sur  27
Télécharger pour lire hors ligne
Ergonomie d’un site Web
                          Pyramide de la conception d’un site




                                                                                Laurent Mottet - www.nakatomi-formation.be
                                                  Référencement


                                                 Cible grand public

                                                   L’architecture
                                                  de l’information

                                                      Le layout




                          La spécialité du webdesigner : concevoir un site en
                          commençant le layout avec du Lorem Ipsum.
Ergonomie d’un site Web
                          Pyramide de la conception d’un site




                                                                                      Laurent Mottet - www.nakatomi-formation.be
                                                    Le layout


                                                  L’architecture
                                                 de l’information

                                               Cibles & concurrents


                                                Besoins & objectifs



                          “La conception d’un site ne commence pas par un layout et
                          ne se finit pas par le référencement.”
Ergonomie d’un site Web
                          Etapes de la création d’un site web




                                                                                            Laurent Mottet - www.nakatomi-formation.be
                               Besoins        Cibles         Objectifs   « Positionnement


                                          Arborescence                   « Positionnement


                                 Trendboard             Wireframe


                                              Projets


                                 Formations               Contenu        « Positionnement


                                         Développement                   « Positionnement


                                          Mise en ligne

                                         Référencement
                                           organique
Ergonomie d’un site Web
                          L e c a r -s h a r in g ? 




                                                                                                                          Laurent Mottet - www.nakatomi-formation.be
                          
                          Le car-sharing est un système qui permet à ses membres de disposer d’une voiture
                          lorsqu’ils en ont besoin, sans en posséder une personnellement.

                          Les véhicules gérés sont répartis sur différentes stations et chaque client peut, quand il le
                          souhaite, réserver le type de véhicule dont il a besoin et payer son utilisation selon la
                          distance et la durée du trajet. 

                          


                          L ’e n t r e p r i s e : N G c a r - s h a r i n g 
                          
                          NG car-sharing est une société belge créé en 2001.

                          Elle est uniquement présente en région wallonne et principalement à Namur et Liège.

                          Elle possède une flotte de 28 véhicules répartis sur 14 stations. La flotte des véhicules est
                          composé de voitures de la marque Opel (Astra).
1. D é f in ir
Ergonomie d’un site Web
                                           l e s b e s o in s .




                                                                                 Laurent Mottet - www.nakatomi-formation.be
                          2 . C l a s s e r l e s o b j e c t if s .
                          
 
 - Objectifs primaires et secondaires
                          
 
 - Déterminer le bénéfice pour le client

                          3 . A n a l y s e r l a c ib l e .
                          
 
 - Personas prioritaires et secondaires
                          
 
 - Trouver les points pour la conception du site
                          
 
 - Rechercher les mots utilisés par le personas

                          4 . S it u e r l a c o n c u r r e n c e .

                          
 
 - Réelle et virtuelle
Ergonomie d’un site Web
                          1 . L e s b e s o in s d u c o m m a n d it a ir e 




                                                                                 Laurent Mottet - www.nakatomi-formation.be
                          

                          - Créer notre premier site Internet permettant la
                          réservation d’une voiture en utilisant le système de
                          carsharing.
Ergonomie d’un site Web
                          2 . D é f in ir l e s o b j e c t if s (notion de priorité)




                                                                                           Laurent Mottet - www.nakatomi-formation.be
                          
                          Objectif primaire :
                          a. Créer notre premier site Internet permettant la réservation
                          d’une voiture partagée.

                          b. Améliorer la notoriété de la société.

                          Objectifs secondaires :
                          c. Expliquer le système de carsharing.

                          d. Utiliser les smartphones pour réserver une voiture via une
                          application web.
Ergonomie d’un site Web
                          L e b é n é f ic e p o u r l e c o m m a n d it a ir e 




                                                                                           Laurent Mottet - www.nakatomi-formation.be
                          
                          Diminuer la charge de travail accordé pour des explications de
                          fonctionnement et de facturation.




                          On ne vend pas un service mais un bénéfice au
                          commanditaire.
Ergonomie d’un site Web
                          3 . A n a l y s e r l a c ib l e : recherche de la cible.




                                                                                       Laurent Mottet - www.nakatomi-formation.be
                          

                          - Récolte d’informations via le client

                          - Analyse d’audience de la concurrence

                          - Brainstorming en agence

                          - Etude de marché
Ergonomie d’un site Web
                          3 . A n a l y s e r l a c ib l e : n o s c l ie n t s 




                                                                                     Laurent Mottet - www.nakatomi-formation.be
                          
                          1. Hommes ou des femmes d’une trentaine d’année habitant
                          en ville. (80% de particulier et 20% d’entreprises)
                          2. Etudiants de 25 ans. (15%)
Ergonomie d’un site Web
                          3 . A n a l y s e r l a c ib l e : l e s p e r s o n a s 




                                                                                       Laurent Mottet - www.nakatomi-formation.be
                          
                          - Moyen de recherche de la cible.

                          - Différencier la cible du personas
Ergonomie d’un site Web
                          3 . A n a l y s e r l a c ib l e : recherche de la cible.




                                                                                       Laurent Mottet - www.nakatomi-formation.be
                          http://www.alexa.com
Ergonomie d’un site Web
                          3 . A n a l y s e r l a c ib l e : recherche de la cible.




                                                                                       Laurent Mottet - www.nakatomi-formation.be
                          http://www.alexa.com
Ergonomie d’un site Web
                          3 . A n a l y s e r l a c ib l e : recherche de la cible.




                                                                                       Laurent Mottet - www.nakatomi-formation.be
                          h ://w w 3 o ls.co /b w rs/b w rs_d lay 
                           ttp w .wsch o m ro se ro se isp .asp
                          http://bit.ly/stat-ecran
Ergonomie d’un site Web
                          3 . A n a l y s e r l a c ib l e : recherche de la cible.




                                                                                       Laurent Mottet - www.nakatomi-formation.be
                          h ://w w 3 o ls.co /b w rs/b w rs_d lay 
                           ttp w .wsch o m ro se ro se isp .asp
                          http://bit.ly/stat-navigateurs
Ergonomie d’un site Web
                          3 . A n a l y s e r l a c ib l e : recherche de la cible.




                                                                                                            Laurent Mottet - www.nakatomi-formation.be
                          h ://e n m .fg v.b /fr/statistiq e iffre
                           ttp co o ie o e                u s/ch s/travailvie ms/co n xio _in rn t/in e 
                                                                             /te p n e n te e d x.jsp
                          http://bit.ly/stat-connex
Ergonomie d’un site Web
                          3 . A n a l y s e r l a c ib l e : recherche de la cible.




                                                                                       Laurent Mottet - www.nakatomi-formation.be
                          h ://statistiq e allo ie e e lt.sh l
                           ttp          u s.w n .b /d fau tm
                          http://bit.ly/stat-wallonie
3. Analyser la cible.
Ergonomie d’un site Web




                                                                                                                   Laurent Mottet - www.nakatomi-formation.be
                          Client : “www.ng-carsharing.be - Belgique”

                          D es c r ip tion s oc io- dém ogr ap hique
                          • Nationalité : Belge, RW, Bxl, francophone/germanophone
                          • Langue : français, néerlandais, allemand
                          • Sexe : homme - femme
                                                           Qui?
                          • Etat civil : en couple, célibataire, marié
                          • Age : 20 à 65 ans
                          • Statut : employé(e), indépendant(e), étudiant(e).
                          • Métier : -
                          
                          Comportement Internet : adsl-cable, internet explorer, Firefox, 17’ ou plus.
                          Moyen de paiment : domiciliation, Visa
                          Lieux : Liège et Namur - surtout centre ville
                          
                          Les demandes des clients dans le désordre :
                          Connaître les coûts de la location
                          Connaître les conditions de location
                          Contacter la société
                          Réserver un véhicule
                          Connaître les avantages liés aux transports en commun
                          Résoudre des problèmes de facturation, de réservation, d’annulation de commande
Le personas #1
Ergonomie d’un site Web




                                                                                                                   Laurent Mottet - www.nakatomi-formation.be
                          D es c r ip tion s oc io- dém ogr ap hique
                          • Nationalité : Belge, francophone
                          • Langue : français
                          • Sexe : homme
                                                                 Damien
                          • Etat civil : célibataire
                          • Age : 24 ans
                          • Statut : étudiant, université du Sart-tilman
                          
                          Comportement Internet : à l’université et au kot, Portable IE, Firefox, ADSL
                          Moyen de paiement : carte de banque - mistercach/banquecontact
                          Lieux : Liège ville
                          Possède un permis : B
                          
                          Loue rarement une voiture, 3 fois par an une demi-journée
                          
                          Question que se pose Damien :
                          Quelle est la disponibilité de ma voiture?
                          Combien coûte la location?
                          Ou se trouve ma facture?
Le personas #2
Ergonomie d’un site Web




                                                                                                         Laurent Mottet - www.nakatomi-formation.be
                          D es c r ip tion s oc io- dém ogr ap hique
                          • Nationalité: Belge francophone
                          • Sexe : femme
                          • Age : 25 ans
                                                        Elise
                          • Etat civil : couple
                          • Métier : responsable en communication
                          
                          Etudes : 
                          Culture :              Classe sociale :
                          
                          Comportement Internet :
                          Consulte les sites de chez lui ou au bureau 1 à 2 heure(s) par jour
                          Navigateur standard, connection de base, écran de base : 17”
                          
                          Question que se pose Elise :
                          Quelle est la disponibilité de ma voiture?
                          Combien coûte la location?
                          Comment contacter la société?
                          Les prix sont-ils hors TVA?
                          Ou se trouve les conditions de vente?
Les personas
Ergonomie d’un site Web




                                                                                                                                                Laurent Mottet - www.nakatomi-formation.be
                                                               Damien




                                                                                                                         Patrick
                                                                                                    Elise
                          Nationalité :
           Belge
                                Belge
              Belge
                          Langue : 
               Francophone
                          Francophone
        Francophone
                          Sexe : 
                 Homme
                                Femme
              Homme
                          Age : 
                  30 ans
                               41 ans
             30 ans
                          Etat civil : 
           Couple
                               Célibataire
        Célibataire
                          Métier : 
               -
                                    Céramiste
          Comptable
                          Etudes : 
               Bachelier
                            Bachelier
          Master
                          Moyen de paiement :
     Visa
                                 Domiciliation
      Visa
                          Loisirs :
               VTT
                                  Jogging
            -
                          Utilsation :
            Voiture secondaire
                   Professionnel
      Voiture complémentaire
                          Internet :
              PC + Iphone + abonnement
             PC + GSM
           PC + Iphone + abonnement
                          Objectifs questions :
   • Contacter la société : facture
     
                   
                          
                        • Réservation
                        
                   
                          
                        
                                     
                   
                          Client :
                Utilise le carsharing depuis 2 ans
   Client potentiel
   Se renseigne pour sa société
                          
                        
                                     
                   
                          Mots-clés :
             Carsharing, ng-carsharing
            Location voiture
   Leasing, renting, location auto
Ergonomie d’un site Web
                          R é s u m e r l e s b e s o in s d e s p e r s o n a s 




                                                                                             Laurent Mottet - www.nakatomi-formation.be
                          
                          - Utiliser un site Internet afin de réserver une voiture.

                          - Louer/partager un véhicule dans une société de renom.

                          - Comprendre le fonctionnement du carsharing.

                          - Utiliser l’iphone pour réserver sa voiture via une application
                          web.



                          Se placer du côté du client, du surfeur et non du côté du
                          commanditaire. Il faut répondre à leurs questions.
Ergonomie d’un site Web
                          D é f in ir l e s o b j e c t if s r é e l s 




                                                                                    Laurent Mottet - www.nakatomi-formation.be
                          
                          Objectif primaire : 
                          1. Créer un site Internet corporate afin de réserver sa
                          voiture.

                          Objectifs secondaires :
                          2. Promotionner l’application iphone pour la
                          réservation en temps réel.

                          3. Gérer soi-même sa facturation.
Ergonomie d’un site Web
                          4 . S it u e r l a c o n c u r r e n c e 




                                                                                 Laurent Mottet - www.nakatomi-formation.be
                          
                          - Traditionnelle

                          - Virtuelle
                                                           Concurrent indirect
                          - Virtuelle indirecte

                          


                                                           Concurrent virtuel
Ergonomie d’un site Web
                          O n r e t ie n t q u o i? 




                                                                                        Laurent Mottet - www.nakatomi-formation.be
                          
                          On ne commence pas un site par un beau design.
                          On propose le service aux clients et non au commanditaire.
                          On répond aux questions que se pose le client.

                          




                          « Si j’avais demandé à mes clients ce qu’ils voulaient, ils
                          m’auraient réclamé un cheval plus rapide ». Henry Ford
Ergonomie d’un site Web
                                                5. Arborescence prévisionnelle




         Laurent Mottet - www.nakatomi-formation.be
5. Arborescence prévisionnelle
Ergonomie d’un site Web




                                                             Laurent Mottet - www.nakatomi-formation.be
                            Partie réservation
                          N o n- m em br e       Mem bre

Contenu connexe

Similaire à Formation ergonomie : exercice sur un site de carsharing

Création de site avec ou sans agence 2
Création de site avec ou sans agence 2Création de site avec ou sans agence 2
Création de site avec ou sans agence 2
emilieroy
 
Création de site avec ou sans agence 2 copie
Création de site avec ou sans agence 2   copieCréation de site avec ou sans agence 2   copie
Création de site avec ou sans agence 2 copie
emilieroy
 
Création de site avec ou sans agence, Présentation Emilie ROY
Création de site avec ou sans agence, Présentation Emilie ROY  Création de site avec ou sans agence, Présentation Emilie ROY
Création de site avec ou sans agence, Présentation Emilie ROY
emilieroy
 
Phantom Le CMS Userfriendly
Phantom Le CMS UserfriendlyPhantom Le CMS Userfriendly
Phantom Le CMS Userfriendly
arnaudweber
 
Dossier De Presse E Hotel Marketing
Dossier De Presse E Hotel MarketingDossier De Presse E Hotel Marketing
Dossier De Presse E Hotel Marketing
EHotelMarketing
 
Firstmove Septembre 2008
Firstmove Septembre 2008Firstmove Septembre 2008
Firstmove Septembre 2008
firstmove
 
Cours referencement presentation
Cours referencement presentationCours referencement presentation
Cours referencement presentation
Rémi Bachelet
 
Optimiser sa présence sur le social et son e reputation - cci rennes
Optimiser sa présence sur le social et son e reputation - cci rennesOptimiser sa présence sur le social et son e reputation - cci rennes
Optimiser sa présence sur le social et son e reputation - cci rennes
Media-Marque
 

Similaire à Formation ergonomie : exercice sur un site de carsharing (20)

B Y A G E N C Y Interactive
B Y  A G E N C Y  InteractiveB Y  A G E N C Y  Interactive
B Y A G E N C Y Interactive
 
Création de site avec ou sans agence 2
Création de site avec ou sans agence 2Création de site avec ou sans agence 2
Création de site avec ou sans agence 2
 
Création de site avec ou sans agence 2 copie
Création de site avec ou sans agence 2   copieCréation de site avec ou sans agence 2   copie
Création de site avec ou sans agence 2 copie
 
Création de site avec ou sans agence, Présentation Emilie ROY
Création de site avec ou sans agence, Présentation Emilie ROY  Création de site avec ou sans agence, Présentation Emilie ROY
Création de site avec ou sans agence, Présentation Emilie ROY
 
Présentation
PrésentationPrésentation
Présentation
 
Présentation
PrésentationPrésentation
Présentation
 
Présentation
PrésentationPrésentation
Présentation
 
Phantom Le CMS Userfriendly
Phantom Le CMS UserfriendlyPhantom Le CMS Userfriendly
Phantom Le CMS Userfriendly
 
Drupal 7 : un CMS polymorphe recommandé par Linagora
Drupal 7 : un CMS polymorphe recommandé par LinagoraDrupal 7 : un CMS polymorphe recommandé par Linagora
Drupal 7 : un CMS polymorphe recommandé par Linagora
 
Dossier De Presse E Hotel Marketing
Dossier De Presse E Hotel MarketingDossier De Presse E Hotel Marketing
Dossier De Presse E Hotel Marketing
 
Firstmove Septembre 2008
Firstmove Septembre 2008Firstmove Septembre 2008
Firstmove Septembre 2008
 
Cours referencement presentation
Cours referencement presentationCours referencement presentation
Cours referencement presentation
 
Conférence Linkeyword 2.0 : Vendre grâce à Internet : Salon des entrepreneurs...
Conférence Linkeyword 2.0 : Vendre grâce à Internet : Salon des entrepreneurs...Conférence Linkeyword 2.0 : Vendre grâce à Internet : Salon des entrepreneurs...
Conférence Linkeyword 2.0 : Vendre grâce à Internet : Salon des entrepreneurs...
 
Optimiser sa présence sur le social et son e reputation - cci rennes
Optimiser sa présence sur le social et son e reputation - cci rennesOptimiser sa présence sur le social et son e reputation - cci rennes
Optimiser sa présence sur le social et son e reputation - cci rennes
 
Présentation l'agence Poleetic - Nicolas Laustriat, Paul Bouchayer
Présentation l'agence Poleetic - Nicolas Laustriat, Paul BouchayerPrésentation l'agence Poleetic - Nicolas Laustriat, Paul Bouchayer
Présentation l'agence Poleetic - Nicolas Laustriat, Paul Bouchayer
 
Atelier 3 : Création ou refonte de site
Atelier 3 : Création ou refonte de siteAtelier 3 : Création ou refonte de site
Atelier 3 : Création ou refonte de site
 
Guide Des Services Internet
Guide Des Services InternetGuide Des Services Internet
Guide Des Services Internet
 
Amdouni_fedia.pptx
Amdouni_fedia.pptxAmdouni_fedia.pptx
Amdouni_fedia.pptx
 
projeta.pptx
projeta.pptxprojeta.pptx
projeta.pptx
 
Moovement @ WebDeux.connect
Moovement @ WebDeux.connectMoovement @ WebDeux.connect
Moovement @ WebDeux.connect
 

Plus de Laurent Mottet

Ergonomie web - les couleurs du e-commerce
Ergonomie web  - les couleurs du e-commerceErgonomie web  - les couleurs du e-commerce
Ergonomie web - les couleurs du e-commerce
Laurent Mottet
 
Ergonomie e-commerce - Fiche produit
Ergonomie e-commerce - Fiche produitErgonomie e-commerce - Fiche produit
Ergonomie e-commerce - Fiche produit
Laurent Mottet
 
Ergonomie e-commerce - Les clés d’entrée pour une fiche produit
Ergonomie e-commerce - Les clés d’entrée pour une fiche produitErgonomie e-commerce - Les clés d’entrée pour une fiche produit
Ergonomie e-commerce - Les clés d’entrée pour une fiche produit
Laurent Mottet
 
Ergonomie e-commerce - Tunnel de conversion
Ergonomie e-commerce - Tunnel de conversionErgonomie e-commerce - Tunnel de conversion
Ergonomie e-commerce - Tunnel de conversion
Laurent Mottet
 
Formation Ergonomie web : le wireframing
Formation Ergonomie web : le wireframingFormation Ergonomie web : le wireframing
Formation Ergonomie web : le wireframing
Laurent Mottet
 
The Features In Adobe Fireworks
The Features In Adobe FireworksThe Features In Adobe Fireworks
The Features In Adobe Fireworks
Laurent Mottet
 
Creating buttons in Adobe Fireworks
Creating buttons in Adobe FireworksCreating buttons in Adobe Fireworks
Creating buttons in Adobe Fireworks
Laurent Mottet
 
The image optimization Adobe Fireworks - 2
The image optimization Adobe Fireworks - 2The image optimization Adobe Fireworks - 2
The image optimization Adobe Fireworks - 2
Laurent Mottet
 
Workspace in Adobe Fireworks
Workspace in Adobe FireworksWorkspace in Adobe Fireworks
Workspace in Adobe Fireworks
Laurent Mottet
 
The image optimization Adobe Fireworks - 1
The image optimization Adobe Fireworks - 1The image optimization Adobe Fireworks - 1
The image optimization Adobe Fireworks - 1
Laurent Mottet
 
Symbol script in Adobe Fireworks
Symbol script in Adobe FireworksSymbol script in Adobe Fireworks
Symbol script in Adobe Fireworks
Laurent Mottet
 

Plus de Laurent Mottet (20)

Formation Mailchimp - Les bases
Formation Mailchimp - Les basesFormation Mailchimp - Les bases
Formation Mailchimp - Les bases
 
Perles construction Créer sa page Facebook
Perles construction Créer sa page Facebook Perles construction Créer sa page Facebook
Perles construction Créer sa page Facebook
 
Ergonomie web : la typographie
Ergonomie web : la typographieErgonomie web : la typographie
Ergonomie web : la typographie
 
MailChimp : comment partager son compte avec des autres utilisateurs?
MailChimp : comment partager son compte avec des autres utilisateurs?MailChimp : comment partager son compte avec des autres utilisateurs?
MailChimp : comment partager son compte avec des autres utilisateurs?
 
Ergonomie web - les couleurs du e-commerce
Ergonomie web  - les couleurs du e-commerceErgonomie web  - les couleurs du e-commerce
Ergonomie web - les couleurs du e-commerce
 
Ergonomie e-commerce - Fiche produit
Ergonomie e-commerce - Fiche produitErgonomie e-commerce - Fiche produit
Ergonomie e-commerce - Fiche produit
 
Ergonomie e-commerce - Les clés d’entrée pour une fiche produit
Ergonomie e-commerce - Les clés d’entrée pour une fiche produitErgonomie e-commerce - Les clés d’entrée pour une fiche produit
Ergonomie e-commerce - Les clés d’entrée pour une fiche produit
 
Ergonomie e-commerce - Tunnel de conversion
Ergonomie e-commerce - Tunnel de conversionErgonomie e-commerce - Tunnel de conversion
Ergonomie e-commerce - Tunnel de conversion
 
Formation Ergonomie web : le wireframing
Formation Ergonomie web : le wireframingFormation Ergonomie web : le wireframing
Formation Ergonomie web : le wireframing
 
Creer et envoyer une newsletter avec Mailchimp
Creer et envoyer une newsletter avec MailchimpCreer et envoyer une newsletter avec Mailchimp
Creer et envoyer une newsletter avec Mailchimp
 
Concevoir une newsletter, une infolettre
Concevoir une newsletter, une infolettreConcevoir une newsletter, une infolettre
Concevoir une newsletter, une infolettre
 
Conception d'une newsletter
Conception d'une newsletterConception d'une newsletter
Conception d'une newsletter
 
Formation référencement - Technique d'indexation d'une page web
Formation référencement - Technique d'indexation d'une page webFormation référencement - Technique d'indexation d'une page web
Formation référencement - Technique d'indexation d'une page web
 
Formation référencement - la recherche des mots-clés pour le SEO
Formation référencement - la recherche des mots-clés pour le SEOFormation référencement - la recherche des mots-clés pour le SEO
Formation référencement - la recherche des mots-clés pour le SEO
 
The Features In Adobe Fireworks
The Features In Adobe FireworksThe Features In Adobe Fireworks
The Features In Adobe Fireworks
 
Creating buttons in Adobe Fireworks
Creating buttons in Adobe FireworksCreating buttons in Adobe Fireworks
Creating buttons in Adobe Fireworks
 
The image optimization Adobe Fireworks - 2
The image optimization Adobe Fireworks - 2The image optimization Adobe Fireworks - 2
The image optimization Adobe Fireworks - 2
 
Workspace in Adobe Fireworks
Workspace in Adobe FireworksWorkspace in Adobe Fireworks
Workspace in Adobe Fireworks
 
The image optimization Adobe Fireworks - 1
The image optimization Adobe Fireworks - 1The image optimization Adobe Fireworks - 1
The image optimization Adobe Fireworks - 1
 
Symbol script in Adobe Fireworks
Symbol script in Adobe FireworksSymbol script in Adobe Fireworks
Symbol script in Adobe Fireworks
 

Dernier

Dernier (13)

Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptx
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptxSaint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptx
Saint Damien, missionnaire auprès des lépreux de Molokai, Hawaï.pptx
 
Chapitre3-Classififcation des structures de chaussu00E9e.pptx
Chapitre3-Classififcation des structures de  chaussu00E9e.pptxChapitre3-Classififcation des structures de  chaussu00E9e.pptx
Chapitre3-Classififcation des structures de chaussu00E9e.pptx
 
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxGHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"
 
Texte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesTexte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigées
 
Àma Gloria.pptx Un film tourné au Cap Vert et en France
Àma Gloria.pptx   Un film tourné au Cap Vert et en FranceÀma Gloria.pptx   Un film tourné au Cap Vert et en France
Àma Gloria.pptx Un film tourné au Cap Vert et en France
 
complement de agri cours irrigation.pptx
complement de agri cours irrigation.pptxcomplement de agri cours irrigation.pptx
complement de agri cours irrigation.pptx
 
Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024
 
Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre française
 
Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbaines
 
Fiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationFiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciation
 
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxGHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
 
CALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTIONCALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTION
 

Formation ergonomie : exercice sur un site de carsharing

  • 1. Ergonomie d’un site Web Pyramide de la conception d’un site Laurent Mottet - www.nakatomi-formation.be Référencement Cible grand public L’architecture de l’information Le layout La spécialité du webdesigner : concevoir un site en commençant le layout avec du Lorem Ipsum.
  • 2. Ergonomie d’un site Web Pyramide de la conception d’un site Laurent Mottet - www.nakatomi-formation.be Le layout L’architecture de l’information Cibles & concurrents Besoins & objectifs “La conception d’un site ne commence pas par un layout et ne se finit pas par le référencement.”
  • 3. Ergonomie d’un site Web Etapes de la création d’un site web Laurent Mottet - www.nakatomi-formation.be Besoins Cibles Objectifs « Positionnement Arborescence « Positionnement Trendboard Wireframe Projets Formations Contenu « Positionnement Développement « Positionnement Mise en ligne Référencement organique
  • 4. Ergonomie d’un site Web L e c a r -s h a r in g ? Laurent Mottet - www.nakatomi-formation.be Le car-sharing est un système qui permet à ses membres de disposer d’une voiture lorsqu’ils en ont besoin, sans en posséder une personnellement. Les véhicules gérés sont répartis sur différentes stations et chaque client peut, quand il le souhaite, réserver le type de véhicule dont il a besoin et payer son utilisation selon la distance et la durée du trajet. L ’e n t r e p r i s e : N G c a r - s h a r i n g NG car-sharing est une société belge créé en 2001. Elle est uniquement présente en région wallonne et principalement à Namur et Liège. Elle possède une flotte de 28 véhicules répartis sur 14 stations. La flotte des véhicules est composé de voitures de la marque Opel (Astra).
  • 5. 1. D é f in ir Ergonomie d’un site Web l e s b e s o in s . Laurent Mottet - www.nakatomi-formation.be 2 . C l a s s e r l e s o b j e c t if s . - Objectifs primaires et secondaires - Déterminer le bénéfice pour le client 3 . A n a l y s e r l a c ib l e . - Personas prioritaires et secondaires - Trouver les points pour la conception du site - Rechercher les mots utilisés par le personas 4 . S it u e r l a c o n c u r r e n c e . - Réelle et virtuelle
  • 6. Ergonomie d’un site Web 1 . L e s b e s o in s d u c o m m a n d it a ir e Laurent Mottet - www.nakatomi-formation.be - Créer notre premier site Internet permettant la réservation d’une voiture en utilisant le système de carsharing.
  • 7. Ergonomie d’un site Web 2 . D é f in ir l e s o b j e c t if s (notion de priorité) Laurent Mottet - www.nakatomi-formation.be Objectif primaire : a. Créer notre premier site Internet permettant la réservation d’une voiture partagée. b. Améliorer la notoriété de la société. Objectifs secondaires : c. Expliquer le système de carsharing. d. Utiliser les smartphones pour réserver une voiture via une application web.
  • 8. Ergonomie d’un site Web L e b é n é f ic e p o u r l e c o m m a n d it a ir e Laurent Mottet - www.nakatomi-formation.be Diminuer la charge de travail accordé pour des explications de fonctionnement et de facturation. On ne vend pas un service mais un bénéfice au commanditaire.
  • 9. Ergonomie d’un site Web 3 . A n a l y s e r l a c ib l e : recherche de la cible. Laurent Mottet - www.nakatomi-formation.be - Récolte d’informations via le client - Analyse d’audience de la concurrence - Brainstorming en agence - Etude de marché
  • 10. Ergonomie d’un site Web 3 . A n a l y s e r l a c ib l e : n o s c l ie n t s Laurent Mottet - www.nakatomi-formation.be 1. Hommes ou des femmes d’une trentaine d’année habitant en ville. (80% de particulier et 20% d’entreprises) 2. Etudiants de 25 ans. (15%)
  • 11. Ergonomie d’un site Web 3 . A n a l y s e r l a c ib l e : l e s p e r s o n a s Laurent Mottet - www.nakatomi-formation.be - Moyen de recherche de la cible. - Différencier la cible du personas
  • 12. Ergonomie d’un site Web 3 . A n a l y s e r l a c ib l e : recherche de la cible. Laurent Mottet - www.nakatomi-formation.be http://www.alexa.com
  • 13. Ergonomie d’un site Web 3 . A n a l y s e r l a c ib l e : recherche de la cible. Laurent Mottet - www.nakatomi-formation.be http://www.alexa.com
  • 14. Ergonomie d’un site Web 3 . A n a l y s e r l a c ib l e : recherche de la cible. Laurent Mottet - www.nakatomi-formation.be h ://w w 3 o ls.co /b w rs/b w rs_d lay ttp w .wsch o m ro se ro se isp .asp http://bit.ly/stat-ecran
  • 15. Ergonomie d’un site Web 3 . A n a l y s e r l a c ib l e : recherche de la cible. Laurent Mottet - www.nakatomi-formation.be h ://w w 3 o ls.co /b w rs/b w rs_d lay ttp w .wsch o m ro se ro se isp .asp http://bit.ly/stat-navigateurs
  • 16. Ergonomie d’un site Web 3 . A n a l y s e r l a c ib l e : recherche de la cible. Laurent Mottet - www.nakatomi-formation.be h ://e n m .fg v.b /fr/statistiq e iffre ttp co o ie o e u s/ch s/travailvie ms/co n xio _in rn t/in e /te p n e n te e d x.jsp http://bit.ly/stat-connex
  • 17. Ergonomie d’un site Web 3 . A n a l y s e r l a c ib l e : recherche de la cible. Laurent Mottet - www.nakatomi-formation.be h ://statistiq e allo ie e e lt.sh l ttp u s.w n .b /d fau tm http://bit.ly/stat-wallonie
  • 18. 3. Analyser la cible. Ergonomie d’un site Web Laurent Mottet - www.nakatomi-formation.be Client : “www.ng-carsharing.be - Belgique” D es c r ip tion s oc io- dém ogr ap hique • Nationalité : Belge, RW, Bxl, francophone/germanophone • Langue : français, néerlandais, allemand • Sexe : homme - femme Qui? • Etat civil : en couple, célibataire, marié • Age : 20 à 65 ans • Statut : employé(e), indépendant(e), étudiant(e). • Métier : - Comportement Internet : adsl-cable, internet explorer, Firefox, 17’ ou plus. Moyen de paiment : domiciliation, Visa Lieux : Liège et Namur - surtout centre ville Les demandes des clients dans le désordre : Connaître les coûts de la location Connaître les conditions de location Contacter la société Réserver un véhicule Connaître les avantages liés aux transports en commun Résoudre des problèmes de facturation, de réservation, d’annulation de commande
  • 19. Le personas #1 Ergonomie d’un site Web Laurent Mottet - www.nakatomi-formation.be D es c r ip tion s oc io- dém ogr ap hique • Nationalité : Belge, francophone • Langue : français • Sexe : homme Damien • Etat civil : célibataire • Age : 24 ans • Statut : étudiant, université du Sart-tilman Comportement Internet : à l’université et au kot, Portable IE, Firefox, ADSL Moyen de paiement : carte de banque - mistercach/banquecontact Lieux : Liège ville Possède un permis : B Loue rarement une voiture, 3 fois par an une demi-journée Question que se pose Damien : Quelle est la disponibilité de ma voiture? Combien coûte la location? Ou se trouve ma facture?
  • 20. Le personas #2 Ergonomie d’un site Web Laurent Mottet - www.nakatomi-formation.be D es c r ip tion s oc io- dém ogr ap hique • Nationalité: Belge francophone • Sexe : femme • Age : 25 ans Elise • Etat civil : couple • Métier : responsable en communication Etudes : Culture : Classe sociale : Comportement Internet : Consulte les sites de chez lui ou au bureau 1 à 2 heure(s) par jour Navigateur standard, connection de base, écran de base : 17” Question que se pose Elise : Quelle est la disponibilité de ma voiture? Combien coûte la location? Comment contacter la société? Les prix sont-ils hors TVA? Ou se trouve les conditions de vente?
  • 21. Les personas Ergonomie d’un site Web Laurent Mottet - www.nakatomi-formation.be Damien Patrick Elise Nationalité : Belge Belge Belge Langue : Francophone Francophone Francophone Sexe : Homme Femme Homme Age : 30 ans 41 ans 30 ans Etat civil : Couple Célibataire Célibataire Métier : - Céramiste Comptable Etudes : Bachelier Bachelier Master Moyen de paiement : Visa Domiciliation Visa Loisirs : VTT Jogging - Utilsation : Voiture secondaire Professionnel Voiture complémentaire Internet : PC + Iphone + abonnement PC + GSM PC + Iphone + abonnement Objectifs questions : • Contacter la société : facture • Réservation Client : Utilise le carsharing depuis 2 ans Client potentiel Se renseigne pour sa société Mots-clés : Carsharing, ng-carsharing Location voiture Leasing, renting, location auto
  • 22. Ergonomie d’un site Web R é s u m e r l e s b e s o in s d e s p e r s o n a s Laurent Mottet - www.nakatomi-formation.be - Utiliser un site Internet afin de réserver une voiture. - Louer/partager un véhicule dans une société de renom. - Comprendre le fonctionnement du carsharing. - Utiliser l’iphone pour réserver sa voiture via une application web. Se placer du côté du client, du surfeur et non du côté du commanditaire. Il faut répondre à leurs questions.
  • 23. Ergonomie d’un site Web D é f in ir l e s o b j e c t if s r é e l s Laurent Mottet - www.nakatomi-formation.be Objectif primaire : 1. Créer un site Internet corporate afin de réserver sa voiture. Objectifs secondaires : 2. Promotionner l’application iphone pour la réservation en temps réel. 3. Gérer soi-même sa facturation.
  • 24. Ergonomie d’un site Web 4 . S it u e r l a c o n c u r r e n c e Laurent Mottet - www.nakatomi-formation.be - Traditionnelle - Virtuelle Concurrent indirect - Virtuelle indirecte Concurrent virtuel
  • 25. Ergonomie d’un site Web O n r e t ie n t q u o i? Laurent Mottet - www.nakatomi-formation.be On ne commence pas un site par un beau design. On propose le service aux clients et non au commanditaire. On répond aux questions que se pose le client. « Si j’avais demandé à mes clients ce qu’ils voulaient, ils m’auraient réclamé un cheval plus rapide ». Henry Ford
  • 26. Ergonomie d’un site Web 5. Arborescence prévisionnelle Laurent Mottet - www.nakatomi-formation.be
  • 27. 5. Arborescence prévisionnelle Ergonomie d’un site Web Laurent Mottet - www.nakatomi-formation.be Partie réservation N o n- m em br e Mem bre