L'optimisation du processus de création d'un site Internet
1. L’optimisation du processus de création d’un site Internet
Comment pourrions-nous optimiser les différentes étapes du processus de création d’un site
Internet dans une agence Web afin d’améliorer l’expérience vécue par ses clients et ses futurs
utilisateurs ?
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
Agence Clients Utilisateurs
1
2. POURQUOI CRÉER UN SITE INTERNET
?
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
2
3. Internet c’est quoi ?
Internet sert à véhiculer de
l’information et chaque
utilisateur espère que les
informations qu’il partage soient
diffusées et le mieux perçus par
le plus grand nombre ou tout du
moins par les différentes cibles
qu’il aura déterminé́
préalablement.
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
3
4. Un site doit être utile !
Pas d’utilité, pas d’utilisateurs, pas de raison d’exister.
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
4
5. PARTIE 1 : LA RÉFLEXION
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
5
6. Le changement c’est maintenant !
Maurice Lévy (ancien président du directoire de Publicis Groupe) lors d’une Interview pour La
Tribune en 2014 a dit « Tout le monde a peur de se faire Uberiser »
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
6
7. Créer son site soi-même ? Faire appel à un Freelance ? Faire appel à une Agence Web ?
Trouver « la bonne » Agence Web
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
7
8. Un brief c’est bien un cahier des charges c’est mieux !
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
Ce qui est évident pour le commmanditaire ne l’est pas toujours pour les équipes de designers.
8
9. L’avènement de l’UX Design enfin…
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
Le terme « UX Design » fait énormément polémique au sein de la profession en elle-même !
9
10. Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
Citation d’une personnalité
« Le Design, ce n’est pas seulement l’apparence et le
style. Le design c’est aussi comment ça marche ! »
Steve JOBS
PDG d’APPLE
1955 / 2011
10
11. Une bonne expérience est un bon souvenir
Voici 6 critères pour qu’une idée reste plus facilement en mémoire :
• Simple
• Inattendu
• Concret
• Crédible
• Émotionnel
• Scénarisé
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
11
12. Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
Citation d’une personnalité
« Le marketing se concentre sur la promesse, l’UX
design tente de la tenir ! »
David SERRAULT
UX Designer et Architecte de l’information
AXA / SNCF / GettyImages / PSA / …
12
13. Mais qui sont nos utilisateurs ?
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
Une des missions de l’UX Designer est la recherche d’utilisateurs mais comment les trouver ?
13
14. Analyser l’existant !
Avant de partir au quart de tour sur le terrain, on va déjà se servir des informations existantes
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
14
15. Utiliser les méthodes UX !
Il existe énormément de méthodes pour recueillir des informati
En voici une liste non exhaustive :
• Le tri de cartes
• Les 5 pourquoi
• La technique du collage
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
Il existe énormément de méthodes pour recueillir des informations sur nos futurs utilisateurs.
En voici une liste non exhaustive :
• Les focus group
• Les enquêtes par questionnaire
• Les journaux de bord
• Les interviews
• Les enquêtes de terrain
15
16. Les personas ou cible marketing 2.0
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
Personnages auxquels on donne une identité et qui illustrent les profils types des utilisateurs.
Connaissance du Web : élevées
Habitudes : emails, réseaux sociaux, shopping online, logiciels PAO
Matériel : ordinateur portable
Sites de prédilections : ventes-privées.com, zalando.com, legorafi.fr
Motivations: Aenean lacinia bibendum nulla sed Aenean lacinia bibendum nulla sed
Buts : Aenean lacinia bibendum nulla sed consectetur. / Aenean lacinia bibendum nulla sed
consectetur. / Aenean lacinia bibendum nulla sed consectetur. / Aenean lacinia bibendum
Frustrations: Aenean lacinia bibendum nulla sed consectetur. Aenean lacinia bibendum
Élodie GUERLIN
32 ans / en couple / sans enfant / CSP-+ / Lille, France
« Je veux être à la pointe de la
tendance en toute circonstance »
16
17. À quels types de livrables peut-on s’attendre ?
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
On peut se référer à plusieurs techniques UX pour synthétiser nos observations comme…
17
18. DIAGRAMME D’AFFINITÉ - KJ DIAGRAM
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
18
19. JOURNEY MAPPING - USER JOURNEY
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
19
20. STORY BOARD
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
20
21. DIAGRAMME DE FLUX / FLOW CHART
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
21
22. ARBORESCENCE / SITE MAP
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
22
23. PARTIE 2 : LA CRÉATION
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
23
24. Un, deux, trois… Sketch !
Sketch est un logiciel qui s’est démocratisé
grâce à des designers de grandes
compagnies (ne citons que Google) et qui
est devenu le leader du marché.
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
Pourquoi utiliser Sketch ? Sketch est un
logiciel qui a été créé pour la création Web
et non pour faire des logos ou de la photo.
24
25. Un « wireframe » késako ?
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
On ne se lance pas à corps perdu dans la réalisation de la maquette finale ! Il faut tester !
25
26. Et si on jouait aux Lego ?
Gagner du temps sur l’UI c’est gagner du temps consacré à l’expérience utilisateur.
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
26
27. Ergonome VS Utilisabilité
L’ergonomie est une science qui a pour objet l’étude du travail humain. L‘utilisabilité est la
capacité de l’objet à être facilement utilisé par une personne donnée.
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
27
28. PARTIE 3 : LA MAINTENANCE
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
28
29. C’est quoi un CMS ?
Un CMS pour Content Management System est un outil de construction et de contribution.
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
Économique
!
Communautaire
Documentation
#
Pérennité
$
Fabrication
%
Contribution
&
WYSIWYG
'
Sécurité
(
29
30. Mais de quoi a réellement besoin un administrateur ?
L’administrateur veut pouvoir accéder facilement aux fonctionnalités qui lui seront utiles !
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
30
31. Tout le monde veut de l’intuitif, du tout de suite mais…
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
Mais on apprend pas tout seul à faire du vélo. Il y a
beaucoup d’expériences qui mérite quelques
conseils pour mieux les vivre et être autonome par
la suite si on doit les expérimenter à nouveau.
Le « onboarding » peut lui aussi être une autre
expérience à part entière. Si jamais il est raté, vous
perdrez à jamais votre utilisateur donc testez le
préalablement.
31
32. QUELQUES MOTS POUR CONCLURE
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
32
33. POURQUOI UN PUZZLE ?
Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
Sur la photo vous pouvez voir ma tante qui a été
mandatée pour concevoir le puzzle de mon grand-
père… 1000 pièces. Imaginez-vous qu’à cet instant
elle a déjà passé 3 heures dessus.
J’avais préalablement trié les pièces par couleurs
et thèmes. J’ai passé de la musique apaisante
durant l’exercice. Une chose qui est sûr c’est que je
ne l’aurai pas attaqué de la même manière qu’elle.
33
34. Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
À PLUSIEURS ÇA VA PLUS VITE
34
35. Grégoire GAUTIER - Livre Blanc - Présentation Orale – L’optimisation du processus de création d’un site Internet
DES QUESTIONS
?
35