top of page
PONTO-DE-VENDA-(2)_edited.png

Media
Center

Comprendre le problème

Le client estimait que le Media Center n'était pas préparé à être compétitif sur le marché du courtage.
Créer un plan d'action

1 - Analyse comparative

2 - Observer les utilisateurs

3 - Générer des idées

4 - Test d'utilisabilité et nouvelles perspectives

5 - Résultat final

Comprendre le contexte

Le Media Center a été créé en s'inspirant des catalogues de propriétés physiques, dans le but d'être un outil utilisé par les courtiers lors de la vente d'une propriété.

Un logiciel qui pourrait être utilisé pour démontrer des images de pièces, d'espaces partagés et de plans d'étage, ainsi que des vidéos institutionnelles et une navigation à 360º.

Prioriser les solutions

Les arbres de solutions d'opportunités aident les équipes de produits à se concentrer sur les domaines clés des besoins des clients

  • Les mesures limitent la découverte aux domaines pertinents pour l'entreprise

  • Les occasions identifient les problèmes des clients à résoudre

  • Les idées de solutions fournissent des hypothèses pour créer de la valeur pour le client

  • Les tests et les expériences valident ou réfutent les idées de solution.

Analyse comparative

Un benchmarking a été réalisé avec les principaux concurrents, en comparant les principales caractéristiques.

Benchmarking.png
Benchmarking - Description.png
Générer des idées

L’idée principale perçue était la nécessité d’une personnalisation en marque blanche, car cela générerait le plus d’impact avec le moins d’effort.

glassmorphism example.png

Le centre multimédia actuel présente une esthétique connue sous le nom de Glassmorphisme.

Bien que visuellement attrayant, le Glassmorphism est une esthétique très spécifique, qui va à l'encontre du besoin d'une esthétique générique de White Label, mais il apporte également un aspect futuriste au produit, qui finit par intimider et aliéner l'utilisateur moyen.

De plus, ça présente aussi des problèmes de contraste.

no glassmorphism example.png

La suppression du glassmorphisme a non seulement permis d’améliorer le contraste, mais aussi d’apporter une esthétique suffisamment générique pour fonctionner sur différents types de marques.

Observer les utilisateurs

Lors de la mise en œuvre du pilote de produit, j'ai visité le magasin d'un client et j'ai observé le premier contact que les utilisateurs avaient avec l'utilisation de l'interface.

Imagem totem.png
Générer des idées

Comme le montrent les images ci-dessus, l'interface a été conçue pour être utilisée sur des appareils tactiles et présentée sur des écrans ou des totems. L'interface présente des problèmes ergonomiques.

glassmorphism example.png

L'interface étant répartie sur tous les côtés de l'écran, certains problèmes ergonomiques ont été rencontrés.

Les utilisateurs devaient étirer leurs bras pour atteindre l'autre côté de l'écran, en plus de bloquer la vue de ceux qui étaient derrière eux et qui observaient ce qui était présenté.

Interface unilateral.png

J'ai cartographié les principaux éléments de l'interface (boutons, commutateurs, etc.) et je les ai concentrés sur un seul côté de l'interface, dans le but d'éviter que l'utilisateur n'ait à atteindre le côté opposé de l'écran pour utiliser tous les éléments de l'interface.

Prioriser les solutions

J'ai utilisé un arbre de solutions d'opportunités pour prioriser les solutions, car c'est un moyen simple de représenter visuellement les chemins que nous pouvons emprunter pour atteindre le résultat souhaité.

Opportunity Solution Tree.png

Le résultat de l'entreprise était de faciliter l'entrée d'IMXR sur le marché de l'affichage, et le résultat de l'équipe de produit était d'avoir un produit évolutif et de faire de Media Center un produit compétitif.

Au départ, nous avons privilégié le fait de laisser l'interface unilatérale pour résoudre les problèmes ergonomiques, et de rendre le produit en marque blanche, pour améliorer l'évolutivité.

Test d'utilisabilité

Un test A/B a été appliqué pour comprendre sur quel côté il était idéal de concentrer l'interface, et d'autres tâches ont été demandées pour évaluer le reste du flux.

Group A - AI.png
Groupe A
Observations principales

Les 4 utilisateurs n'ont rencontré aucune difficulté ergonomique

Seulement 2 utilisateurs ont facilement trouvé le bouton IA

1 utilisateur a eu beaucoup de difficulté à trouver le bouton IA

​​

Les 4 utilisateurs ont pu générer facilement les options de décoration à l'aide de l'IA.

Group B - AI.png
Groupe B
Observations principales

Les 4 utilisateurs n'ont rencontré aucune difficulté ergonomique

Seulement 2 utilisateurs ont facilement trouvé le bouton IA

​1 utilisateur a eu des difficultés moyennes à trouver le bouton IA

Les 4 utilisateurs ont pu générer facilement les options de décoration à l'aide de l'IA

2 utilisateurs s'attendaient à ce que l'IA soit avec les images, et non dans un environnement séparé

Détails sur le test d'utilisabilité

Huit participants internes ont été sélectionnés pour des tests d'utilisabilité qualitatifs et ont été divisés en deux groupes de quatre personnes. Chaque groupe était composé de trois droitiers et d'un gaucher.

Un groupe a testé l'interface unilatérale avec le contenu à gauche, et l'autre a testé l'interface unilatérale avec le contenu à droite. De plus, c'était l'occasion de tester le flux d'une IA que le client voulait mettre en œuvre.

La solution

Après avoir évalué les commentaires recueillis et rassemblé de nouvelles informations, j'ai travaillé sur quelques modifications de flux et d'interface jusqu'à atteindre le résultat ci-dessous :

Il s’agira de la version développée et lancée en tant que pilote, avec laquelle nous recueillerons de nouveaux commentaires, en apprendrons davantage et développerons davantage le Media Center.

Merci beaucoup

bottom of page