Aujourd'hui trop de produits ou de services sont développés en ne prenant en compte que le point de vue des créateurs. Et les utilisateurs dans tout ça ? Dans un contexte numérique ultra-concurrentiel, ce sont pourtant eux qui décident du succès ou de l'échec d'une entreprise. C'est l'expérience utilisateur qui fait la différence. Apprendre à connaître ses utilisateurs et répondre à leurs besoins réels (et pas supposés) offre un véritable avantage compétitif. Êtes-vous prêts à entendre ce qu'ils ont à vous dire ?" Présentation Technopole Brest Iroise - 26/05/2016

1. Power to thePower to the
PEOPLEPEOPLENe vous mettez plus à la place de vos utilisateurs. Écoutez lesNe vous mettez plus à la place de vos utilisateurs. Écoutez les

2. BONSOIR
Marquié
@netizen_2k
David
Ergonome Web

5. Expérience utilisateur

7. Source : Ergonomie des sites Web : le verdict des internautes / CCM Benchmark Group
ont «souvent» du mal
à trouver ce qu’ils
cherchent
75%

8. ont «souvent»
des problèmes de
navigation
58%

9. trouvent les contenus
des sites «souvent
mal présentés»
66%

10. ne reviennent pas sur un
site où ils ont eu des
problèmes
de navigation
7 sur 10

12. Utilisateurs et entreprises ont des
différents
1
OBJECTIFS

13. Ce que cherche l'entreprise Ce que veut l'utilisateur
Collecter le plus d'infos
possible via les formulaires
Réduire les appels
Rentabiliser son site par la
publicité
Acquérir de nouveaux clients
Des formulaires courts et
faciles à remplir
Trouver un n de téléphone°
Accéder directement au
contenu
Ne s'engager que si ça vaut le
coup

14. Ce qu'on peut trouver sur
le site d'une université
Les raisons pour lesquelles les
utilisateurs viennent sur le site
Carrouselphoto
Texte deprésentation
Le mot du président
Visite virtuelle
Communiquésde presse
Adresse
Contacts
Liste des courset
des départements
Démarches en ligne
Carteetplan d'accès
Nom de
l'université

15. Un manque de
dans les équipes
2
DIVERSITÉ

18. Découverte Stratégie Design Code Contenu Lancement
Le moment où l'on associe trop souvent l'ergonome Web
dans les projets

19. Découverte Stratégie Design Code Contenu Lancement
Le moment où il devrait idéalement intervenir

20. Créateurs de sites et utilisateurs ont des
différentes
3
MANIÈRES DE PENSER

22. Les utilisateursLes utilisateurs
sontsont
NULS ! NULS !

23. Les utilisateursLes utilisateurs
sontsont
NULS ! NULS !
Ils sont paresseuxIls sont paresseux
Ils sont limitésIls sont limités
Ils font des erreursIls font des erreurs
Ils n'ont pas de mémoireIls n'ont pas de mémoire
Ils ne font pas attentionIls ne font pas attention
Ils sont peureuxIls sont peureux

24. « La
technologie
évolue
rapidement,
les gens
changent
lentement »
Don NormanDon Norman

26. La
utilisateurs
1
RECHERCHE

27. APPRENDRE À CONNAÎTRE
ses utilisateurs

28. Lieu
Équipement
Contexte
Informatique
Éducation
Internet
Psychologie
Émotions
Handicap
Tâches
Motivations
Frustrations
Comment ils le fontCe qu'ils font
Ce qu'ils sont Ce qu'ils savent

29. 100thingsevery
designerneedsto
knowaboutpeople
Bibliographie
Susan M. Weinschenk

30. Les
ergonomiques
2
PRINCIPES

31. Gestion des erreurs
Organisation de la page
Orientation et navigation
Cohérence et conventions
Contrôle utilisateur
Assistance
Accessibilité

32. Trouver facilement ce
qu'on cherche
Savoir
> où on est
> d'où on vient
> où on peut aller
© Susan
ORIENTATION ET NAVIGATION

33. Chaque élément
a-t-il sa place dans
la page ?
Est-ce la bonne ?
ORGANISATION DE LA PAGE

34. Sur quel bouton faut-il appuyer
pour ouvrir la barrière ?
COHÉRENCE ET CONVENTIONS

35. Vous ne voyez pas ?
COHÉRENCE ET CONVENTIONS

36. Mais pourtant, c'est évident !
COHÉRENCE ET CONVENTIONS

37. Le système
ne doit pas
contraindre
l'utilisateur
CONTRÔLE UTILISATEUR

38. GESTION DES ERREURS
Prévenir
Expliquer
Faciliter

39. WebFormDesign
Bibliographie
Luke Wroblewski

40. Informer
Faciliter
Aider
ASSISTANCE

41. Informer
> Info générale
> Feedback
> Formats
Faciliter
Aider
ASSISTANCE

42. Informer
Faciliter
> Filtres, tris
> Mise au format
> Autocomplete
Aider
ASSISTANCE

43. Informer
Faciliter
Aider
> Tutoriels
> FAQ
> Chats
> Infobulles
ASSISTANCE

44. « Mettre le Web [...] à la
disposition de tous les
individus, quels que soient
leur matériel ou logiciel,
leur infrastructure réseau,
leur langue maternelle,
leur culture, leur
localisation géographique,
ou leurs aptitudes
physiques ou mentales. »
Tim Berners-Lee, Directeur
du W3C, créateur du Web
ACCESSIBILITÉ

45. Les
ergonomiques
3
AUDITS

46. Identifie et documente les problèmes
Établit des priorités
Propose des pistes d'amélioration
Avantages

47. &
4
SITEMAPS
WIREFRAMES

48. Sitemap
LOGO
HOME
Section 2Section 1 Section 3 Section 4
page
page
page
page
page
page
page
page

49. WireframeSitemap
HOME SERVICES PORTFOLIO CONTACT SEA RCHLOGO
HOME
Section 2Section 1 Section 3 Section 4
page
page
page
page
page
page
page
page

50. La méthodes des
5
PERSONAS

51. L' utilisateur moyen « »

52. n'existe pas
L' utilisateur moyen « »

54. Un faux
vrai utilisateur

55. Un faux
vrai utilisateur
Des données issues
de la recherche

56. Un faux
vrai utilisateur
Des données issues
de la recherche
Des objectifs
hiérarchisés

57. Un faux
vrai utilisateur
Des données issues
de la recherche
Des objectifs
hiérarchisés
Des scénarios
types

58. Objectif :
Un faux
vrai utilisateur
Des données issues
de la recherche
Des objectifs
hiérarchisés
Des scénarios
types
se pencher réellement sur sa cible

59. Les
6
TESTS
utilisateurs

60. «Ce que les gens disent,
ce qu'ils font et ce
qu'ils disent qu'ils font
sont des choses
entièrement différentes »
MargaretMead,
ethnologue

61. Le tri de cartes Les tests scénarisés

62. Avantages
Accéder aux modèles mentaux des utilisateurs
Observer l'utilisateur dans un contexte (presque) réel d'utilisation
Identifier objectivement les principaux problèmes d'utilisabilité
Méthode flexible

63. Les bénéfices de laLes bénéfices de la
DÉMARCHE UTILISATEURDÉMARCHE UTILISATEUR

64. En moyenne, une amélioration de 83 % des indicateurs clés de
performance (Nielsen)
> Augmentation du tauxde conversion (vente, inscription, etc.)
> Diminution des appels clients et feedbacks négatifs (courrier, etc.)
> Réduction des formations pour les sites internes
> Augmentation du panier moyen
> Réduction des erreurs
> Satisfaction utilisateur
> Optimisation du temps de développement

65. LE BOUTONLE BOUTON ÀÀ 300 M$300 M$

66. Avant
PAYER
S’INSCRIRE
SE CONNECTER
INFORMATIONS DE PAIEMENT
Objectif :
Faciliter les futurs achats en permettant d'être reconnu

67. Résultats des tests :
> Les nouveaux utilisateurs ne voulaient pas s'enregistrer
> Les utilisateurs réguliers échouait à se rappeler e-mail/mot de passe
Avant
PAYER
S’INSCRIRE
SE CONNECTER
INFORMATIONS DE PAIEMENT

68. Résultat :
> + 45 % de clients
> + 300M$ de revenus supplémentaires la 1e année
+ message
Après
PAYER INFORMATIONS DE PAIEMENTCONTINUER

69. MERCI
pour votre attention !

70. ●
Canned food par PublicDomainArchive
●
Vitrail roi par Renaud Camus
●
Grall par Huffington Post
●
Whatis par
clothing.volunteerforamerica.org
●
See no evil, ear no evil, speak no evil
par John Snape
●
Desperate par werner22brigitte
●
Books par EliFrancis
●
Kids par Cetrobo.com
●
Bubble Gum par Ryan McGuire
●
Âne par Aurélien Guichard
●
Sackcloth par freephotocc
●
Faceless lego par Pascal
●
Pandora's perspective par Susan
●
Parking machine par Userfocus.com
●
Frogs par ADD
●
Audit par Fivetechnology.com
●
Card Sorting par Yandle
●
Test utilisateur par Ergonomie-web.be
●
Win par StartupStockPhotos
Crédits photos