Design d'interface pour les opérateurs industriels | Séminaire Game Changer Wonderware 2015

Distributeur dePerformance Industrielle


#1Ergonomie Design desIHM


Mais au fait, c’est quoi le design ?


William Morris


« Transformation digitale »…

Sérieusement ?



Et si on le faisait nous-mêmes ?(vidéo)

https://www.youtube.com/watch?v=PJl2ExySh1w

https://www.youtube.com/watch?v=PJl2ExySh1w


Demain, qui pourra comprendre le lien entre les deux ?


Juste un coup

de peinture ?

Distributeur dePerformance IndustrielleSolutions Temps-Réel de Gestion des Processus

Industriels

Une belle interface ?

Distributeur dePerformance IndustrielleSolutions Temps-Réel de Gestion des Processus

Industriels

Case study


Le problème

• Priorisation

• Contexte

• Changement de point de vue par l’empathie

• Conception industrielle

• Marque

La solution


1. Y a-t-il un opérateur dans la salle ?

Co-création des ”personas” et des scénarios (histoires


1. Y a-t-il un opérateur dans la salle ?

Julien Zeller, 28 ans1 an d’expérience

Maîtrise de l’informatique


2. Des tâches plutôt que des « use cases »

• Inventaire des tâches par rôle

• Classification fonctionnelle


2. Des tâches plutôt que des « use cases »Tâches « clés » « Situations »


3. La collecte de contenus réels• Données

• Accepter la complexité et les relations entre les paramètres

• Rendre lisible les unités de mesure

• Des représentations spécifiques par type de données

• Stratégie de contenus• Un contenu clair et une

terminologie compréhensible par l’opérateur

• Un langage cohérent sur toute l’application


3. La collecte de contenus réelsMIXER• 4 températures — Degrés Celsius• Flow (water/flour) répartition — pourcentage• Level in hoppper — centimètres• Vaccum — mm/Hg


4 – Conception modulaire

• Software et hardware ensemble

• Grille

• Respect des standards


4. Conception modulaire

Exemple : grille pour un moniteur tactile de 17 pouces (1280*1024 px)


5. Design d’information

• Grille et optimisation de l’espace

• Lisibilité du texte (informations essentielles)

• Icônes avec labels


5. Design d’information

3 niveaux d’alarme

OK Attention Urgence


6. Interactions

• Feedbacks

• Prise en compte des erreurs

• Animation• Alerter l’opérateur

uniquement lorsque c’est nécessaire

• Pas de clignotement• Les meilleurs designs sont

invisibles


6. Interactions

Vue synthétique Historique SOP


7. Identité

• Couleurs fonctionnelles

• Couleurs de la marque


7. Identité


8. Le Process

• Itérer

• Co-créer et partager

• Communiquer


8. Le Process

1 2

3 4


Merci !