formation ergonomie : exercice sur un site de carsharing
Post on 19-Jun-2015
1.329 Views
Preview:
DESCRIPTION
TRANSCRIPT
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
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.
Pyramide de la conception d’un site
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
Pyramide de la conception d’un site
Cibles & concurrents
Besoins & objectifs
L’architecture de l’information
Le layout
“La conception d’un site ne commence pas par un layout et ne se finit pas par le référencement.”
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
Etapes de la création d’un site web
Besoins Cibles Objectifs « Positionnement
« Positionnement
« Positionnement
« Positionnement
Arborescence
Trendboard Wireframe
Projets
Formations Contenu
Développement
Mise en ligne
Référencement organique
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
L e c a r - s h a r i n g ? 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).
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
1. Dé f in ir l e s b e s o in s .
2 . C l a s s e r l e s o b j e c t i f 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 i t u e r l a c o n c u r r e n c e .
- Réelle et virtuelle
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
1 . L e s b e s o in s d u c o m m a n d it a i r e
- Créer notre premier site Internet permettant la réservation d’une voiture en utilisant le système de carsharing.
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
2 . D é f in ir l e s o b j e c t i f s (notion de priorité)
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.
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
L e b é n é f ic e p o u r l e c o m m a n d it a i r e
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.
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
3 . A n a l y s e r l a c ib l e : recherche de la cible.
- Récolte d’informations via le client
- Analyse d’audience de la concurrence
- Brainstorming en agence
- Etude de marché
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
3 . A n a l y s e r l a c ib l e : n o s c l ie n t s 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%)
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
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
- Moyen de recherche de la cible.
- Différencier la cible du personas
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
3 . A n a l y s e r l a c ib l e : recherche de la cible.
http://www.alexa.com
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
3 . A n a l y s e r l a c ib l e : recherche de la cible.
http://www.alexa.com
v
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
3 . A n a l y s e r l a c ib l e : recherche de la cible.
http://www.w3schools.com/browsers/browsers_display.asp http://bit.ly/stat-ecran
v
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
3 . A n a l y s e r l a c ib l e : recherche de la cible.
http://www.w3schools.com/browsers/browsers_display.asp http://bit.ly/stat-navigateurs
v
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
3 . A n a l y s e r l a c ib l e : recherche de la cible.
http://economie.fgov.be/fr/statistiques/chiffres/travailvie/temps/connexion_internet/index.jsp http://bit.ly/stat-connex
v
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
3 . A n a l y s e r l a c ib l e : recherche de la cible.
http://statistiques.wallonie.be/default.shtml http://bit.ly/stat-wallonie
v
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
D esc r ip t ion soc io- dém ograp hique • Nationalité : Belge, RW, Bxl, francophone/germanophone • Langue : français, néerlandais, allemand • Sexe : homme - femme • 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
Client : “www.ng-carsharing.be - Belgique”
Qui?
3. Analyser la cible.
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
Le personas #1
Damien
D esc r ip t ion soc io- dém ograp hique • Nationalité : Belge, francophone • Langue : français • Sexe : homme • 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?
v
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
D esc r ip t ion soc io- dém ograp hique • Nationalité: Belge francophone • Sexe : femme • Age : 25 ans • 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?
Le personas #2
Elise
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
Nationalité : Langue : Sexe : Age : Etat civil : Métier : Etudes : Moyen de paiement : Loisirs : Utilsation : Internet : Objectifs questions : Client : Mots-clés :
Belge Francophone Homme 30 ans Couple - Bachelier Visa VTT Voiture secondaire PC + Iphone + abonnement • Contacter la société : facture • Réservation Utilise le carsharing depuis 2 ans Carsharing, ng-carsharing
Belge Francophone Femme 41 ans Célibataire Céramiste Bachelier Domiciliation Jogging Professionnel PC + GSM Client potentiel Location voiture
Belge Francophone Homme 30 ans Célibataire Comptable Master Visa - Voiture complémentaire PC + Iphone + abonnement Se renseigne pour sa société Leasing, renting, location auto
Les personas
Dam
ien
Elise
Patrick
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
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
- 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.
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
D é f in ir l e s o b j e c t i f s r é e l s
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.
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
4 . S i t u e r l a c o n c u r r e n c e
- Traditionnelle
- Virtuelle
- Virtuelle indirecte
Concurrent virtuel
Concurrent indirect
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
O n r e t ie n t q u o i?
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
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
5. Arborescence prévisionnelle
Ergo
nom
ie d
’un
site
Web
Laur
ent M
otte
t - w
ww
.nak
atom
i-for
mat
ion.
be
5. Arborescence prévisionnelle
Non-membr e Membre
Partie réservation
top related