Expérience utilisateur et design d'interfaces graphiques utilisateur embarquées

Interface pour l'équipement automobile haut de gamme

Industrie automobile

Conception du produit

Design d'interfaces graphiques utilisateur embarquées

Couverture d'une étude de cas avec une voiture montée sur un équipement d'étalonnage des roues avec une interface utilisateur montrant le résultat de la mesure.
CLIENTBeissbarth Automotive
LOCATIONMunich, Allemagne
TEAMUX designer, UI designer, designer d'interaction, chef de projet, architecte produit.
PROJECT WEBSITE

Les principaux constructeurs automobiles, tels que Mercedes, Daimler et BMW, insistent sur l'utilisation de ce système d'étalonnage haut de gamme. La marque est synonyme de qualité exceptionnelle et de normes de précision inégalées. L'équipement est également utilisé par les techniciens des centres d'inspection agréés et des garages indépendants.

L'entreprise a fait appel à notre agence de design UX dans le but de définir une nouvelle norme pour l'expérience utilisateur et le design de l'interface utilisateur visuelle. La dernière génération de l'équipement d'étalonnage comprend un petit écran OEM, une interface tablette robuste et une interface sur grand écran.

NOS CONTRIBUTIONS

Design UX

Flux d'utilisateurs

Recherche sur les utilisateurs

Conception

Design d'interaction

Design UI - Système Design

Prototypage

Assurance qualité

MESURES DE HAUTE PRÉCISION EN TEMPS RÉEL

L'objectif était de combiner l'excellence en matière d'ingénierie avec une expérience utilisateur définissant une niche, afin de défendre la position de la marque sur le marché de l'automobile.

L'équipement est conçu pour des mesures de haute précision et pour offrir un service rapide. La facilité d'utilisation du système est un élément important pour réduire le temps nécessaire au traitement d'un véhicule. En outre, la facilité d'utilisation et l'interface utilisateur intuitive réduisent les coûts de formation.

Design d'une interface graphique utilisateur embarquée montée sur un écran mural.
Gros plan d'un écran OEM avec interface graphique utilisateur embarquée monté sur un équipement automobile.

DÉLAI DE LIVRAISON DE 6 SEMAINES POUR L'INTERFACE UTILISATEUR

La stratégie de design reflète les objectifs et les défis uniques de l'interface graphique utilisateur de ce logiciel OEM. L'interface avait déjà fait l'objet de trois phases de conception, mais elles avaient toutes été menées par des ingénieurs.

Le plan de travail reflète notre expérience en tant qu'agence de design UX. Les activités sont planifiées en parallèle pour accélérer la livraison. La recherche utilisateur et le design du produit alimentent le design UX et le prototypage. La conception graphique suit, jusqu'à ce que les ingénieurs prennent en charge un système de conception entièrement documenté.

Plan de projet de conception UX de six semaines dans Notion.

L'ÉTUDE DES UTILISATEURS RÉVÈLE LES POINTS FAIBLES

Avec la pandémie en cours, la recherche sur les utilisateurs a été menée à distance avec des utilisateurs en Allemagne. Nous avons combiné deux méthodes de recherche sur les utilisateurs : les entretiens contextuels et les entretiens semi-structurés.

Les entretiens contextuels nous ont renseignés sur l'utilisation réelle du matériel et sur les difficultés rencontrées dans la vie de tous les jours. Les utilisateurs ont décrit la manière dont ils utilisent l'équipement, comme s'ils l'enseignaient à un débutant.

Les entretiens semi-structurés avec les utilisateurs ont donné un aperçu authentique des réalités de l'atelier. Ils commencent par une série de questions, puis la conversation évolue librement.

Session de recherche d'utilisateurs à distance avec un technicien automobile pour la conception UX.

LE CONSENSUS ÉVOLUE À PARTIR DE LA RÉFLEXION SUR LE PRODUIT

Une multitude de perspectives doivent converger dans le design de l'interface graphique utilisateur : besoins des utilisateurs, contraintes techniques, caractéristiques du produit, image de marque, normes d'utilisation, etc.

Un niveau élevé de gestion de projet est nécessaire pour rester sur la bonne voie et diffuser l'évolution du design UX.

We used dynamic formats in Notion to encourage all stakeholders to participate in the design project. The documentaton provides a clear overview of how the product thinking evolves, the insights that underpin the user experience solutions and recommendations for implementation.

Tableau des exigences pour un projet de design d'expérience utilisateur pour une interface graphique utilisateur embarquée.

L'ÉTALONNAGE DES PERFORMANCES GARANTIT LA POSITION DE LEADER SUR LE MARCHÉ

L'interface graphique utilisateur développée par notre agence UX n'est pas originale juste pour le plaisir. La créativité résulte d'un processus systématique où nous examinons de multiples sources d'information pour prendre les bonnes décisions UX.

L'étalonnage des performances est une activité distincte dans ce contexte. D'une manière générale, elle nous a permis de reconnaître ce qui ne fonctionne pas, ce qui est précieux. L'examen des tentatives infructueuses nous a aidés à canaliser nos efforts pour résoudre l'énigme de l'interface utilisateur optimale.

Six exemples comparatifs de design d'interfaces graphiques utilisateur embarquées.

L'ANCIENNE INTERFACE GRAPHIQUE UTILISATEUR COMME POINT DE DÉPART

Le design précédent de l'interface graphique utilisateur embarquée avait été réalisé en trois itérations par des ingénieurs. Bien qu'il soit simple et minimaliste, il n'aborde pas les points de douleur de l'utilisateur de manière significative.

Dans l'ensemble, il manque de clarté et n'a pas de hiérarchie visuelle. Les composants individuels manquent de spécificité et ne sont pas expressifs. Par conséquent, l'interface utilisateur doit être expliquée dans les manuels d'utilisation et les sessions de formation.

Exemple d'un ancien design de l'expérience utilisateur.

CLARTÉ + DÉTAILS DE CONCEPTION = UNE NOUVELLE NORME

Le nouveau design de l'interface graphique utilisateur embarquée donne vie à un processus simple pour les techniciens d'atelier. Les utilisateurs peuvent ainsi se concentrer sur leur travail et éviter les risques de sécurité.

La hiérarchie visuelle claire rend l'interface concise. Mais si vous regardez de plus près, vous verrez comment les détails répondent à des points de douleur spécifiques que les utilisateurs rencontrent dans la vie réelle.

Prototype de design d'une interface graphique utilisateur embarquée avec voiture et résultats de mesure.
Gros plan sur la conception d'une interface utilisateur pour un équipement automobile.
Gros plan sur le design UI d'un logiciel embarqué montrant un véhicule.
Interface utilisateur montrant les résultats des mesures pour l'étalonnage des roues.
Conception d'un équipement de calibrage des roues pour les ateliers de réparation automobile.
Éléments de design

UX & UI DESIGN FOR AUTOMOTIVE EQUIPMENT

Le délai était court, mais nous avons pu tirer parti de l'expérience de notre agence en matière de design UX pour les logiciels OEM.

Ce projet de design d'interface graphique utilisateur a bénéficié de trois facteurs clés de succès : la coopération étroite avec toutes les parties prenantes, l'intégration de la recherche sur les utilisateurs comme base des décisions de conception et un processus de conception itératif dirigé par des concepteurs chevronnés.

L'UI graphique est l'expression d'une esthétique basée sur la fonctionnalité, où chaque composant de l'interface graphique utilisateur atteint un équilibre entre ce qui est techniquement possible et ce qui est significatif pour les utilisateurs.

Le résultat final est une interface embarquée de premier ordre qui ne nécessite aucune formation et qui témoigne de la promesse d'excellence de la marque en matière d'équipement automobile.

RÉSULTATS

Une expérience utilisateur hors pair

Système de design UI entièrement documenté pour les développeurs

La nouvelle interface utilisateur ne nécessite aucune formation

L'interface graphique utilisateur devient un argument de vente pour les systèmes haut de gamme