SmartD app
2019-2021
Ux Ui design Mobile & Custom
SmartD app est une application d'IoT dédiée à l'initialisation et la gestion des drives moteur (VFD).
L'application SmartD fait partie des premières applications dédiées à ce genre de produit dans cette industrie.
SmartD app
2019-21
Ux Ui design Mobile & Custom
SmartD app est une application d'IoT dédiée à l'initialisation et la gestion des drives moteur (VFD).
L'application SmartD fait partie des premières applications dédiées à ce genre de produit dans cette industrie.
SmartD app
2019-2021
Ux Ui design Mobile & Custom
SmartD app est une application d'IoT dédiée à l'initialisation et la gestion des drives moteur (VFD).
L'application SmartD fait partie des premières applications dédiées à ce genre de produit dans cette industrie.
Durée du projet : 17 mois
UX research, Ux Flow, Design Ui, prototype, Guideline Ui, Sketch, Invision, Agile
Durée du projet : 17 mois
UX research, Ux Flow, Design Ui, prototype, Guideline Ui, Sketch, Invision, Agile
Durée du projet : 17 mois
UX research, Ux Flow, Design Ui, prototype, Guideline Ui, Sketch, Invision, Agile
Contexte
SmartD Technologies Inc est propriétaire d'une innovation hardware majeure dans le domaine des signaux électriques.
Ils souhaitaient apporter une révolution d'Usage en plus d'une révolution Technologique en introduisant la connectivité mobile via une app (inédit jusque là dans le domaine des VFD).
Contexte
SmartD Technologies Inc est propriétaire d'une innovation hardware majeure dans le domaine des signaux électriques.
Ils souhaitaient apporter une révolution d'Usage en plus d'une révolution Technologique en introduisant la connectivité mobile via une app (inédit jusque là dans le domaine des VFD).
Contexte
SmartD Technologies Inc est propriétaire d'une innovation hardware majeure dans le domaine des signaux électriques.
Ils souhaitaient apporter une révolution d'Usage en plus d'une révolution Technologique en introduisant la connectivité mobile via une app (inédit jusque là dans le domaine des VFD).
Ma mission
En tant que Premier Ux-Ui designer au sein d'une start-up tech (composée d'une douzaine d'ingénieurs à l'époque), j'avais pour mission de mener la recherche utilisateur et de concevoir le design UX-UI des produits développés (Mobile et HMI).
Ma mission
En tant que Premier Ux-Ui designer au sein d'une start-up tech (composée d'une douzaine d'ingénieurs à l'époque), j'avais pour mission de mener la recherche utilisateur et de concevoir le design UX-UI des produits développés (Mobile et HMI).
Ma mission
En tant que Premier Ux-Ui designer au sein d'une start-up tech (composée d'une douzaine d'ingénieurs à l'époque), j'avais pour mission de mener la recherche utilisateur et de concevoir le design UX-UI des produits développés (Mobile et HMI).
Étude préliminaire
Découverte du contexte des VFD au travers d'une étude du marché et des interviews.
Étude préliminaire
Découverte du contexte des VFD au travers d'une étude du marché et des interviews.
Étude préliminaire
Découverte du contexte des VFD au travers d'une étude du marché et des interviews.
L'innovation SmartD
SmartD souhaitait aller plus loin que l'innovation Technologique de rupture, en améliorant l'expérience des utilisateurs (les opérateurs systèmes, les panneliers, les intégrateurs ...) lors de l'installation et sur l'ensemble de la vie du drive via le développement d'une application mobile et d'un interface homme-machine tactile
L'innovation SmartD
SmartD souhaitait aller plus loin que l'innovation Technologique de rupture, en améliorant l'expérience des utilisateurs (les opérateurs systèmes, les panneliers, les intégrateurs ...) lors de l'installation et sur l'ensemble de la vie du drive via le développement d'une application mobile et d'un interface homme-machine tactile
L'innovation SmartD
SmartD souhaitait aller plus loin que l'innovation Technologique de rupture, en améliorant l'expérience des utilisateurs (les opérateurs systèmes, les panneliers, les intégrateurs ...) lors de l'installation et sur l'ensemble de la vie du drive via le développement d'une application mobile et d'un interface homme-machine tactile
Les interfaces de la concurrence.
Les interfaces de la concurrence.
Les interfaces de la concurrence.
Les produits SmartD (2020)
Les produits SmartD (2020)
Les produits SmartD (2020)
Interviews utilisateurs
Pour mieux cerner les parcours utilisateur de ce milieu et ne disposant pas de concurrent ayant déjà un service équivalent, nous avons mené une campagne d'interviews utilisateurs avec plusieurs clients à Montréal, Ottawa et Toronto.
Interviews utilisateurs
Pour mieux cerner les parcours utilisateur de ce milieu et ne disposant pas de concurrent ayant déjà un service équivalent, nous avons mené une campagne d'interviews utilisateurs avec plusieurs clients à Montréal, Ottawa et Toronto.
Interviews utilisateurs
Pour mieux cerner les parcours utilisateur de ce milieu et ne disposant pas de concurrent ayant déjà un service équivalent, nous avons mené une campagne d'interviews utilisateurs avec plusieurs clients à Montréal, Ottawa et Toronto.
Récapitulatif d'interviews utilisateurs
Récapitulatif d'interviews utilisateurs
Récapitulatif d'interviews utilisateurs
Les objectifs de la mission
Définition des objectifs pour chaque support.
Les objectifs de la mission
Définition des objectifs pour chaque support.
Les objectifs de la mission
Définition des objectifs pour chaque support.
L'application mobile : Créer un standard
Une grande majorité de VFD sont vendus avec un simple écran digital à 4 caractères. L'utilisateur doit entrer des suites de caractères en feuilletant le manuel d'utilisation de 500 pages pour trouver la correspondance entre le paramètre et le code de caractère.
Concevoir l'application pour les produits SmartD, est d'une certaine manière, à faire évoluer les habitudes de tout un secteur industriel en accélérant leur transition digitale.
L'application mobile : Créer un standard
Une grande majorité de VFD sont vendus avec un simple écran digital à 4 caractères. L'utilisateur doit entrer des suites de caractères en feuilletant le manuel d'utilisation de 500 pages pour trouver la correspondance entre le paramètre et le code de caractère.
Concevoir l'application pour les produits SmartD, est d'une certaine manière, à faire évoluer les habitudes de tout un secteur industriel en accélérant leur transition digitale.
L'application mobile : Créer un standard
Une grande majorité de VFD sont vendus avec un simple écran digital à 4 caractères. L'utilisateur doit entrer des suites de caractères en feuilletant le manuel d'utilisation de 500 pages pour trouver la correspondance entre le paramètre et le code de caractère.
Concevoir l'application pour les produits SmartD, est d'une certaine manière, à faire évoluer les habitudes de tout un secteur industriel en accélérant leur transition digitale.
Écrans de l'application SmartD
Écrans de l'application SmartD
Écrans de l'application SmartD
Écran du HMI du VFD SmartD
Écran du HMI du VFD SmartD
Écran du HMI du VFD SmartD
L'interface Homme Machine : créer un OS
SmartD a choisi de remplacer l'écran digital à 4 caractères, traditionnellement installé sur les VFD, par un écran tactile résistif.
Aujourd'hui, il n'y a pas d'équivalent d'interface graphique (GUI), tactile pour des drives moteur dans la concurrence. Les propriétés originales de l'écran du HMI combinées aux contraintes liées au contenu, nécessitaient de créer un OS en adaptant les normes aux contraintes citées.
L'interface Homme Machine : créer un OS
SmartD a choisi de remplacer l'écran digital à 4 caractères, traditionnellement installé sur les VFD, par un écran tactile résistif.
Aujourd'hui, il n'y a pas d'équivalent d'interface graphique (GUI), tactile pour des drives moteur dans la concurrence. Les propriétés originales de l'écran du HMI combinées aux contraintes liées au contenu, nécessitaient de créer un OS en adaptant les normes aux contraintes citées.
L'interface Homme Machine : créer un OS
SmartD a choisi de remplacer l'écran digital à 4 caractères, traditionnellement installé sur les VFD, par un écran tactile résistif.
Aujourd'hui, il n'y a pas d'équivalent d'interface graphique (GUI), tactile pour des drives moteur dans la concurrence. Les propriétés originales de l'écran du HMI combinées aux contraintes liées au contenu, nécessitaient de créer un OS en adaptant les normes aux contraintes citées.
L'Interface Homme-Machine (IHM)
Conception de l'IHM dédié à SmartD
L'Interface Homme-Machine (IHM)
Conception de l'IHM dédié à SmartD
L'Interface Homme-Machine (IHM)
Conception de l'IHM dédié à SmartD
Une interface adaptée aux contraintes de l'écran
Pour des raisons liées à l'environnement de déploiement des VFD : des contraintes de taille, de colorimétrie et de “toucher résistif” ont conditionné la conception.
En ajustant les zones de touché et en travaillant l'organisation des informations, le rendu final permet d'afficher beaucoup d'informations sur un écran de 3.5 pouces, tout en restant utilisable avec des gants.
Une interface adaptée aux contraintes de l'écran
Pour des raisons liées à l'environnement de déploiement des VFD : des contraintes de taille, de colorimétrie et de “toucher résistif” ont conditionné la conception.
En ajustant les zones de touché et en travaillant l'organisation des informations, le rendu final permet d'afficher beaucoup d'informations sur un écran de 3.5 pouces, tout en restant utilisable avec des gants.
Une interface adaptée aux contraintes de l'écran
Pour des raisons liées à l'environnement de déploiement des VFD : des contraintes de taille, de colorimétrie et de “toucher résistif” ont conditionné la conception.
En ajustant les zones de touché et en travaillant l'organisation des informations, le rendu final permet d'afficher beaucoup d'informations sur un écran de 3.5 pouces, tout en restant utilisable avec des gants.
Premiers wireframes papier
Premiers wireframes papier
Premiers wireframes papier
Itération de l'interface utilisateur du HMI
Itération de l'interface utilisateur du HMI
Itération de l'interface utilisateur du HMI
Le multi-support mobile-HMI
Pour un produit assisté par une application mobile, les différentes interfaces (HMI et mobile) doivent être homogènes et l'expérience globale fluide.
L'utilisateur doit pouvoir utiliser les deux supports de manière complémentaire ou en parallèle sans friction.
Le multi-support mobile-HMI
Pour un produit assisté par une application mobile, les différentes interfaces (HMI et mobile) doivent être homogènes et l'expérience globale fluide.
L'utilisateur doit pouvoir utiliser les deux supports de manière complémentaire ou en parallèle sans friction.
Le multi-support mobile-HMI
Pour un produit assisté par une application mobile, les différentes interfaces (HMI et mobile) doivent être homogènes et l'expérience globale fluide.
L'utilisateur doit pouvoir utiliser les deux supports de manière complémentaire ou en parallèle sans friction.
Dashboard et contrôleur du VFD sur l'application mobile et le HMI
Dashboard et contrôleur du VFD sur l'application mobile et le HMI
Dashboard et contrôleur du VFD sur l'application mobile et le HMI
La fonctionnalité d'appairage sur l'application mobile et le HMI
La fonctionnalité d'appairage sur l'application mobile et le HMI
La fonctionnalité d'appairage sur l'application mobile et le HMI
L'application mobile
Conception de l'application mobile SmartD
L'application mobile
Conception de l'application mobile SmartD
L'application mobile
Conception de l'application mobile SmartD
Le set up d'un drive
L'application est conçue dans une logique de formulaire "step by step", qui privilégie la clarté de la consigne de chaque information et la sûreté de la donnée entrée.
Les paramètres sont répartis en plusieurs sections (paramètres moteurs, paramètres d'alarme ...), cela permet d'adapter la complétion aux différents parcours de configuration possibles.
Le set up d'un drive
L'application est conçue dans une logique de formulaire "step by step", qui privilégie la clarté de la consigne de chaque information et la sûreté de la donnée entrée.
Les paramètres sont répartis en plusieurs sections (paramètres moteurs, paramètres d'alarme ...), cela permet d'adapter la complétion aux différents parcours de configuration possibles.
Le set up d'un drive
L'application est conçue dans une logique de formulaire "step by step", qui privilégie la clarté de la consigne de chaque information et la sûreté de la donnée entrée.
Les paramètres sont répartis en plusieurs sections (paramètres moteurs, paramètres d'alarme ...), cela permet d'adapter la complétion aux différents parcours de configuration possibles.
L'objectif principal de l'application est de simplifier le paramétrage d'un VFD peu importe l'expertise de l'utilisateur.
Il doit pouvoir entrer au minimum les paramètres du moteur contrôlé par le drive (courant, voltage, fréquence maximum ...). Les utilisateurs plus experts peuvent régler des paramètres plus avancés comme des alarmes, la connectivité ou encore les paramètres de réseaux.
L'objectif principal de l'application est de simplifier le paramétrage d'un VFD peu importe l'expertise de l'utilisateur.
Il doit pouvoir entrer au minimum les paramètres du moteur contrôlé par le drive (courant, voltage, fréquence maximum ...). Les utilisateurs plus experts peuvent régler des paramètres plus avancés comme des alarmes, la connectivité ou encore les paramètres de réseaux.
L'objectif principal de l'application est de simplifier le paramétrage d'un VFD peu importe l'expertise de l'utilisateur.
Il doit pouvoir entrer au minimum les paramètres du moteur contrôlé par le drive (courant, voltage, fréquence maximum ...). Les utilisateurs plus experts peuvent régler des paramètres plus avancés comme des alarmes, la connectivité ou encore les paramètres de réseaux.
La logique step by step appliquée aux paramètres moteurs
La logique step by step
La logique step by step appliquée aux paramètres moteurs
Le management de drive
Le développement d'une application mobile était motivé par le fait de supprimer le "guide d'utilisation" papier auparavant indispensable pour pouvoir interagir avec un VFD mais aussi pour faciliter le suivi et le support des produits SmartD.
Le management de drive
Le développement d'une application mobile était motivé par le fait de supprimer le "guide d'utilisation" papier auparavant indispensable pour pouvoir interagir avec un VFD mais aussi pour faciliter le suivi et le support des produits SmartD.
Le management de drive
Le développement d'une application mobile était motivé par le fait de supprimer le "guide d'utilisation" papier auparavant indispensable pour pouvoir interagir avec un VFD mais aussi pour faciliter le suivi et le support des produits SmartD.
Près de 80% des VFD installés par la concurrence souffrent d'un problème de paramétrage. La difficulté de paramétrage est une des causes principales de support post installation et peut résulter en casse du moteur.
En facilitant la saisie et la représentation graphique, l'application mobile permet de réduire grandement les problèmes de paramétrages initiaux.
Près de 80% des VFD installés par la concurrence souffrent d'un problème de paramétrage. La difficulté de paramétrage est une des causes principales de support post installation et peut résulter en casse du moteur.
En facilitant la saisie et la représentation graphique, l'application mobile permet de réduire grandement les problèmes de paramétrages initiaux.
Près de 80% des VFD installés par la concurrence souffrent d'un problème de paramétrage. La difficulté de paramétrage est une des causes principales de support post installation et peut résulter en casse du moteur.
En facilitant la saisie et la représentation graphique, l'application mobile permet de réduire grandement les problèmes de paramétrages initiaux.
Visualisation des installations de VFD
Visualisation des installations de VFD
Visualisation des installations de VFD
Tests utilisateurs
Validation des parcours finaux auprès de clients.
Tests utilisateurs
Validation des parcours finaux auprès de clients.
Tests utilisateurs
Validation des parcours finaux auprès de clients.
Prototypage
Après plusieurs mois de travail itératif permettant :
l'identification des contraintes et besoins des différents acteurs
les premiers développements du design Ux et Ui sur l'essentiel des paramètres du MVP
ainsi que le design de l'ensemble du parcours utilisateur définit pour installer un VFD
Plusieurs tests utilisateurs clients ont été menés via un prototype (InVision).
Prototypage
Après plusieurs mois de travail itératif permettant :
l'identification des contraintes et besoins des différents acteurs
les premiers développements du design Ux et Ui sur l'essentiel des paramètres du MVP
ainsi que le design de l'ensemble du parcours utilisateur définit pour installer un VFD
Plusieurs tests utilisateurs clients ont été menés via un prototype (InVision).
Prototypage
Après plusieurs mois de travail itératif permettant :
l'identification des contraintes et besoins des différents acteurs
les premiers développements du design Ux et Ui sur l'essentiel des paramètres du MVP
ainsi que le design de l'ensemble du parcours utilisateur définit pour installer un VFD
Plusieurs tests utilisateurs clients ont été menés via un prototype (InVision).
Capture d'écran des liens de prototypage.
Capture d'écran des liens de prototypage.
Capture d'écran des liens de prototypage.
