36
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

Convivialité (UX) pour les affichages et services numériques dans le processus de développement

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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

Page 2: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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

Page 3: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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/

desireehilscher

Page 4: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

Page 4

Sensibilisation UX comme élément stratégique

Page 5: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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.

Page 6: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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é.

Page 7: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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

Page 8: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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

Page 9: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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é

Page 10: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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

Page 11: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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

Page 12: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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:

Page 13: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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.

Page 14: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

Page 14

Exemples d'absence de conscience UX

Page 15: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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?

Page 16: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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.......

Page 17: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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.

Page 18: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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

Page 19: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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.

Page 20: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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).

Page 21: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

Page 21

Bâtir la conscience UX dans sa propre entreprise

Page 22: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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?

Page 23: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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:

Page 24: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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.

Page 25: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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?

Page 26: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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

Page 27: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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?

Page 28: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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

Page 29: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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?

Page 30: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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

Page 31: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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.

Page 32: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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»)

Page 34: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

Page 34

Questions libres du public

Page 35: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

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/

Page 36: Convivialité (UX) pour les affichages et services numériques dans le processus de développement

Intermission Management

Consulting GmbH

Eichlihalde 5

CH-6405 Immensee

+41 79 599 46 51

[email protected]

Intermission Management

Consulting GmbH

Drahtzugstrasse 40

CH-4057 Bâle

+41 78 722 33 93

[email protected]

© 2014 Intermission Management Consulting Immacon GmbH www.immacon.ch [email protected]

((diapo de contact))