Conception UX et UI pour le développement de produits stratégiques

Une vision du design pour l'achat de voitures

Industrie automobile

App mobile

L'Europe

Vue de Lisbonne depuis le bureau du client UX
CLIENTOLX GROUP Ltd.
LOCATIONLisbonne, Portugal
TEAMUX designer, UI designer, interaction designer, project manager, product owner, software architect
WEBSITE

OLX est la première place de marché de petites annonces au monde. Dans le domaine de l'automobile, des millions d'utilisateurs achètent et vendent des voitures, des motos et des pièces détachées.

OLX a découvert que l'expérience utilisateur sur l'application automobile et le site web mobile n'était pas satisfaisante. Ils nous ont engagé en tant que consultant UX/UI externe pour créer une vision de conception à long terme pour leur équipe de conception interne.

Nous avons travaillé sur la conception UX et UI de modules sélectionnés. En créant des concepts UX et des designs UI, nous sommes parvenus à doter l'équipe de conception d'un système de conception entièrement fonctionnel.

NOS CONTRIBUTIONS

Design UX

Flux UX

Prototypage

Conception

Design d'interaction

Design UI - Système Design

Validation de la conception

Assurance qualité

Voiture rouge roulant sur une route de palmiers

LE COUP D'ENVOI DE LA CONCEPTION À LISBONNE

Deux designers et le chef de projet se sont rendus chez OLX à Lisbonne pour un atelier de trois jours. Nous nous sommes plongés dans les résultats de la recherche sur les utilisateurs qu'ils avaient accumulés, dans les idées marketing et dans les tentatives précédentes de l'équipe de conception pour résoudre le problème. Nous avons pu nous entretenir avec les différentes parties prenantes et les départements de différents pays où le secteur automobile est essentiel.

Nous avons convenu de priorités et d'une feuille de route pour les semaines à venir.

Vue du bureau du client à Lisbonne
Vue de Lisbonne
Bureau du client à Lisbonne

UNE LOGIQUE QUI RÉUNIT LES CARACTÉRISTIQUES ET LES PARCOURS

L'objectif était de créer une vision à long terme de l'expérience mobile. Nous avons donc reconsidéré l'ensemble des fonctionnalités, en nous appuyant sur des études de marché, des tendances et l'évolution probable de la technologie pour présenter une nouvelle perspective sur la manière dont l'application peut offrir de la valeur aux utilisateurs.

En adoptant une perspective comportementale, nous avons conceptualisé des parcours utilisateurs qui montrent comment les fonctionnalités individuelles s'ajoutent à la somme des parties. En restant en contact permanent avec l'équipe OLX, nous avons concilié cette vision futuriste avec une vision réaliste de leur pipeline de développement.

Légende du diagramme de flux de l'expérience utilisateur avec types d'icônes
Détail de l'organigramme de l'expérience utilisateur documentant les caractéristiques et le contenu
Liste des problèmes d'utilisabilité d'une application mobile

VALIDATION DE LA CONCEPTION DES NOUVEAUX CONCEPTS UX

Ensuite, nous avons créé des concepts de design UX pour les parcours individuels. Nous avons exprimé notre réflexion sur le design sous la forme de wireframes et de prototypes interactifs.

Tous les deux jours, nous faisions le point avec l'équipe produit et, à la fin de chaque semaine, nous présentions notre projet à l'équipe OLX au sens large, qui comprenait le marketing, les vice-présidents et le développement.

Nous leur avons fait part de notre réflexion sur la conception et du raisonnement qui sous-tend les décisions en la matière, en soulignant les résultats escomptés, les solutions de rechange envisagées et les recommandations pour le déploiement. Le processus de prise de décision a été documenté dans Confluence, et lors des appels hebdomadaires, nous avons eu des échanges fructueux avec de multiples points de vue.

Design de l'expérience utilisateur (wire flow) montrant la recherche d'une voiture dans une application mobile

Formation à la conception pour l'équipe du client

Une fois que nous avons obtenu des concepts de design UX stables et des styles d'interface utilisateur initiaux, nous nous sommes à nouveau installés à Lisbonne pendant une semaine. Pendant cette période, nous avons organisé des sessions avec les vice-présidents du marketing et du développement afin d'intégrer le nouveau design et la nouvelle vision du produit dans leur stratégie globale.

En outre, nos concepteurs ont formé l'équipe de conception interne d'OLX à utiliser les concepts de conception pour développer l'application. Ensemble, nous avons convenu d'un plan de déploiement progressif des concepts, avec des tests minutieux à chaque étape.

UX design de l'intérieur du bureau du client à Lisbonne
Salle de réunion réservée pour l'atelier UX avec Creative Navy
Intérieur de la salle de réunion pour un atelier UX à Lisbonne

LES CONCEPTIONS D'INTERFACE UTILISATEUR EN TANT QUE LANGAGE VISUEL

Le style de design de l'interface utilisateur que nous avons créé devait être indépendant de la marque, afin de permettre à OLX de développer une bibliothèque de codes utilisable dans les pays ayant des marques différentes. En outre, nous avons réduit la bibliothèque d'interface utilisateur à un minimum, afin que le code reste simple et que l'application se charge rapidement.

Nous avons testé toutes les conceptions pour nous assurer que les normes d'accessibilité des différentes juridictions sont respectées et nous avons documenté tous les styles dans une bibliothèque qui peut être utilisée par plusieurs concepteurs en même temps.

Écran d'accueil d'une application mobile avant la refonte
Conception d'une interface utilisateur pour une application mobile de recherche de voitures
Concept de design UX/UI pour une application mobile de recherche de voiture
Quotes

Travailler avec des experts d'un tel calibre pour traduire nos idées en une conception prête à être mise en œuvre a été très important et j'apprécie vraiment votre approche ouverte.

Directeur des produits et de la recherche OLX
Tiago CabaçoDirecteur des produits et de la recherche @ OLX
Capture d'écran de Slack montrant les commentaires des clients sur le design
Salle de réunion à Lisbonne pour un atelier UX
Détail de la voiture utilisée dans l'application mobile pour les voitures d'occasion
Éléments de design

UNE NOUVELLE VISION DE LA CONCEPTION PRÊTE À ÊTRE MISE EN ŒUVRE

Lorsque OLX nous a contactés, ils étaient partagés entre la nécessité de réinventer l'application et le besoin de commencer le développement rapidement. Ils ne savaient pas comment concilier une réflexion à long terme avec le pragmatisme nécessaire pour faire avancer les choses.

En 10 semaines, nous leur avons donné une vision sur la façon dont les fonctionnalités et une expérience utilisateur améliorée les distingueront sur le marché dans les années à venir. De plus, nous les avons dotés d'un ensemble de designs à coder et d'un système de design à utiliser par leur équipe de designers pour élaborer le reste de l'application.

Tout au long du projet, nous avons travaillé en étroite collaboration avec les équipes de conception et de production, partageant nos idées, notre façon de penser et nos outils. À plusieurs reprises, nous avons travaillé côte à côte depuis leur bureau de Lisbonne pour faciliter le transfert de connaissances.

RÉSULTATS

Flux d'utilisateurs et logique d'interaction UX livrés en 6 semaines

Système de conception indépendant de la marque livré en 4 semaines

Feuille de route des fonctionnalités avec protocoles de test

Toute la réflexion sur la conception est documentée dans Confluence

Des équipes de conception et de produits formées pour mettre en œuvre la vision de la conception

Voir aussi

OTOMOTO APPLICATION

L'application est utilisée par 7 millions d'utilisateurs par mois pour acheter et vendre des voitures.

AUTOVIT APPLICATION

La marque est utilisée en Roumanie et existe depuis 18 ans.

AUTO TRADER APPLICATION

La marque verticale sud-africaine de voitures est utilisée par des millions d'utilisateurs.

STANDVIRTUAL APPLICATION

L'application portugaise est leader dans le domaine de l'automobile.