Atélier Forum Swissdec. Merci pour votre présence.

1. Atélier:
«Intégrer la convivialité (UX) pour les
affichages et services numériques
dans le processus de développement»
Forum swissdec 2014
Immacon GmbH

2. Page 2
Programme
• Sensibilisation à la convivialité et l'accessibilité (UX)
comme élément stratégique
• Intégrer UX dans les processus: enquête auprès du public
• Exemples d'absence de conscience UX
• Bâtir la conscience UX dans l'entreprise
• Exercice de groupe: architonic.com
• Enseignements pour votre environnement de process
• Check-liste pour le développement des applications
• Fournisseurs de conseil complet en UX

3. Page 3
Votre intervenant: Désirée Hilscher
Désirée Hilscher, Consulante et CEO,
Immacon GmbH
Consultation en
• stratégie numérique
• gestion de projets
• conception des instruments
numériques
• modélisation de processus
operationnels
http://ch.linkedin.com/in/desireehilsc
her

4. Page 4
Sensibilisation UX comme
élément stratégique

5. Page 5
Qu'est-ce que la convivialité,
l'acessibilité et WCAG 2.0?
Convivialité / Usability Acessibilité WCAG 2.0
Les applications et les
contenus sont
conviviaux et utiles.
Les applications et les
contenus sont
accessibles sans
obstacle.
Définit les principes de
l'accessibilité et de la
convivialité.
Les contenus et les
applications permettent
aux utilisateurs
d'atteindre leur objectif de
manière efficace et
satisfaisante.
Tout le monde, même les
personnes aux capacités
limitées, peut utiliser les
contenus et les
applications sans se
heurter à des obstacles.
Les contenus et les
applications sont
• bien visibles
• utilisables
• compréhensibles
• robustes
On va parler généralement de la
convivialité et abbrévier le terme par
«UX» dans le texte.

6. Page 6
UX dans le processus de
développement
Peu importe que votre entreprise fabrique des logiciels de paie
ou des feux tricolores: de nombreuses règles doivent être
suivies, de l'idée dans l'entreprise jusqu'au produit utilisé.

7. Page 7
UX dans le processus de
développement
Peu importe que votre entreprise fabrique des logiciels de paie
ou des feux tricolores: de nombreuses règles doivent être
suivies, de l'idée dans l'entreprise jusqu'au produit utilisé.
Marque

8. Page 8
UX dans le processus de
développement
Peu importe que votre entreprise fabrique des logiciels de paie
ou des feux tricolores: de nombreuses règles doivent être
suivies, de l'idée dans l'entreprise jusqu'au produit utilisé.
Marque Produit

9. Page 9
UX dans le processus de
développement
Peu importe que votre entreprise fabrique des logiciels de paie
ou des feux tricolores: de nombreuses règles doivent être
suivies, de l'idée dans l'entreprise jusqu'au produit utilisé.
Marque Produit Marché

10. Page 10
UX dans le processus de
développement
Peu importe que votre entreprise fabrique des logiciels de paie
ou des feux tricolores: de nombreuses règles doivent être
suivies, de l'idée dans l'entreprise jusqu'au produit utilisé.
Marque Produit Marché Utilisateur

11. Page 11
UX dans le processus de
développement
Peu importe que votre entreprise fabrique des logiciels de paie
ou des feux tricolores: de nombreuses règles doivent être
suivies, de l'idée dans l'entreprise jusqu'au produit utilisé.
Question: Comment intégrez-vous ces influences multiples de
manière structurée dans votre processus de développement?
Marque Produit Marché Utilisateur

12. Page 12
Intégrer UX dans les processus:
enquête auprès du public
UX est-il une étape clé du
projet dans vos processus?
Avez-vous des spécialistes
UX dans l'équipe?
Avez-vous une procédure
de test UX fixe?
Des laboratoires UX
externes sont-ils impliqués?
Y a-t-il une adéquation de la
marque avec le produit?
Oui: Non:
Oui: Non:
Oui: Non:
Oui: Non:
Oui: Non:

13. Page 13
Enquête: Image idéale
Il faut répondre Oui à au moins 3 questions si on intègre UX
comme élément stratégique dans son travail de
développement ou qu'on souhaite le faire à l'avenir.

14. Page 14
Exemples d'absence de
conscience UX

15. Page 15
Usability pour les processus et les
applications
Situations typiques:
• Les utilisateurs/rôles ont des
exigences différentes pour la même
application.
• Le logiciel offre tellement de
possibilités! Et ne devrions-nous pas
encore ..?
• A chaque étape, on peut / doit faire
quelque chose.
• Différents rôles travaillent ensemble
dans différents processus.
Comment on représente ceci de manière
conviviale?

16. Page 16
Situation: Des exigences différentes
pour la même application
Mauvaise convivialité
Le super tableau de bord - Le rêve
de tout développeur
d'applications.
Ces tableaux de bord sont géniaux
pour les méga-super-utilisateurs.
Mais pour tous les autres, c'est la
suée.......

17. Page 17
Situation: A chaque étape on peut /
doit faire quelque chose.
Mauvaise convivialité: Il y a tout en bas une information et on reçoit tout en haut
une instruction. Difficile de s'y retrouver.

18. Page 18
Faire mieux
Bonne convivialité:
1. Réduction
• Définition des tâches et des étapes
du processus pour ce rôle
• Affichage en fonction du rôle
2. Orientation
• Montrez des informations centrales
toujours visibles
• Mettez en évidence les nouveautés
• Structurez la page selon le modèle
en Z

19. Page 19
...et ne devrions-nous pas
encore...
Mauvaise convivialité:
«Encore plus, toujours plus!» –
Quand on vient pour la première fois
sur le site, on est perdu.

20. Page 20
Mieux: Garder l'objectif à l'esprit
Bonne convivialité:
• Limitez-vous aux besoins
principaux des utilisateurs (même
si certains veulent encore autre
chose).

21. Page 21
Bâtir la conscience UX dans sa
propre entreprise

22. Page 22
Exemple live
http://www.architonic.com
2 groupes
Temps: 5 minutes
Répondez aux questions suivantes en une phrase:
• Qu'offre ce site web?
• Quelle logique suit l'architecture de l'information?
• Quel est l'objectif poursuivi par ce site web?

23. Page 23
Discussion du travail de groupe
Qu'offre ce site web?
Phrase pour l'offre:
Quelle logique suit l'architecture de l'information?
Phrase pour la logique de l'architecture de l'information:
Quel est l'objectif poursuivi par ce site web?
Phrase pour l'objectif:

24. Page 24
Développer la conscience UX auprès
des équipes de développeurs
La sensibilisation à l'UX au début de la présentation a montré
que l'UX se manifeste de multiples manières.
Le petit travail de groupe sur architonic.com montre que l'UX
repose sur une interaction entre différentes disciplines.
Vous pouvez intégrer ces disciplines dans votre processus de
développement.

25. Page 25
Développer la conscience UX auprès
des équipes de développeurs
Faites de ces 3 questions ou de leurs réponses les critères
pertinents dans votre processus de développement:
• Quel objectif remplit l'application/le site web pour l'utilisateur
et pour l'entreprise?

26. Page 26
Développer la conscience UX auprès
des équipes de développeurs
Faites de ces 3 questions ou de leurs réponses les critères
pertinents dans votre processus de développement:
• Quel objectif remplit l'application/le site web pour l'utilisateur
et pour l'entreprise? Rapprochement avec la marque

27. Page 27
Développer la conscience UX auprès
des équipes de développeurs
Faites de ces 3 questions ou de leurs réponses les critères
pertinents dans votre processus de développement:
• Quel objectif remplit l'application/le site web pour l'utilisateur
et pour l'entreprise? Rapprochement avec la marque
• Qu'offre l'application/le site web?

28. Page 28
Développer la conscience UX auprès
des équipes de développeurs
Faites de ces 3 questions ou de leurs réponses les critères
pertinents dans votre processus de développement:
• Quel objectif remplit l'application/le site web pour l'utilisateur
et pour l'entreprise? Rapprochement avec la marque
• Qu'offre l'application/le site web? Rapprochement avec la
comm

29. Page 29
Développer la conscience UX auprès
des équipes de développeurs
Faites de ces 3 questions ou de leurs réponses les critères
pertinents dans votre processus de développement:
• Quel objectif remplit l'application/le site web pour l'utilisateur
et pour l'entreprise? Rapprochement avec la marque
• Qu'offre l'application/le site web? Rapprochement avec la
comm
• Quelle logique suit l'architecture de l'information?

30. Page 30
Développer la conscience UX auprès
des équipes de développeurs
Faites de ces 3 questions ou de leurs réponses les critères
pertinents dans votre processus de développement:
• Quel objectif remplit l'application/le site web pour l'utilisateur
et pour l'entreprise? Rapprochement avec la marque
• Qu'offre l'application/le site web? Rapprochement avec la
comm
• Quelle logique suit l'architecture de l'information?
Rapprochement avec WCAG

31. Page 31
Développer la conscience UX auprès
des équipes de développeurs
Faites de ces 3 questions ou de leurs réponses les critères
pertinents dans votre processus de développement:
• Quel objectif remplit l'application/le site web pour l'utilisateur
et pour l'entreprise? Rapprochement avec la marque
• Qu'offre l'application/le site web? Rapprochement avec la
comm
• Quelle logique suit l'architecture de l'information?
Rapprochement avec WCAG
Vous développez ainsi une conscience UX vaste dans votre
entreprise.

32. Page 32
Check-liste pour le développement
des applications
Laissez-vous guider par les possibilités de l'utilisateur et pas
celles du système:
Convivialité Accessibilité
Efficacité: Que doit / veut vraiment avoir un
utilisateur? Où et dans quel contexte utilise-t-il
l'application?
 Développement des cas d'utilisation et des
scénarios
Efficience: Quel est le processus central? Qu'est-
ce qui est peu utilisé?
 Réduction et modularisation
 Formulation des exigences du point de vue de
l'utilisateur
Satisfaction: Comment l'affichage et les systèmes
facilitent-ils la réalisation des objectifs?
 Gribouillage du processus sur le niveau
d'affichage le plus bas (mot clé «Responsive
Design»)
Bien visible: Offrez-vous des alternatives de
texte, des sous-titres, des possibilités d'adaptation
de l'affichage et des contrastes de couleur?
Utilisable: Peut-on utiliser ou naviguer avec le
clavier? A-t-on suffisamment de temps pour les
Time-Outs, la conception présente-t-elle un
contraste suffisant?
Compréhensible: Les utilisateurs peuvent-ils lire
les contenus, prévoir les étapes et «apprendre»
l'application de manière intuitive? Quelles aides à
la saisie offrez-vous?
Robuste: L'application est-elle compatible avec
les technologies assistées? (navigateurs,
appareils, etc. – mot clé «swipe ou balayer»)

33. Page 33
Fournisseurs de conseil complet
en UX
La société Immacon GmbH vous aide de multiples façons à
intégrer UX dans votre environnement de process et à créer
des prescriptions formelles dans toute votre entreprise.
Ici vous trouvez les sociétés UX en Suisse.

34. Page 34
Questions libres du public

35. Page 35
Sources des photos
https://medium.com/design-ux/bc190d62eff5
www.linkedin.com
http://www.sapbwconsulting.com/
www.sbb.ch
www.tradeshift.com
www.trenitalia.com
http://t3n.de/news/z-pattern-muster-psychologie-web-526096/

36. Intermission Management
Consulting GmbH
Eichlihalde 5
CH-6405 Immensee
+41 79 599 46 51
raaz@immacon.ch
Intermission Management
Consulting GmbH
Drahtzugstrasse 40
CH-4057 Bâle
+41 78 722 33 93
desiree.hilscher@immacon.ch
© 2014 Intermission Management Consulting Immacon GmbH www.immacon.ch contact@immacon.ch
((diapo de contact))