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


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


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


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


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


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


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

formation ergonomie : exercice sur un site de carsharing

Education