Une refonte a été établi pour répondre à l'évolution du produit Ubstream.
Refonte d'un lecteur d'affichage de médias
Une refonte a été établi pour répondre à l'évolution du produit Ubstream.
Client
Ubstream (digital product publishing, SaaS)
Type
Refonte
Objectif L’objectif principal était d’améliorer l’expérience utilisateur lors de la consultation des médias sur Ubstream. L’ancien lecteur présentait des limitations en termes d’ergonomie, d’espace et d’accessibilité aux fonctionnalités essentielles. La refonte devait permettre une meilleure immersion, une navigation plus fluide et une interaction optimisée avec les médias.
Mon rôle
• Analyse des besoins utilisateurs et identification des points de friction.
• Conception des wireframes et prototypes interactifs.
• Réorganisation de l’interface en haute fidélité pour une meilleure immersion et lisibilité.
• Collaboration avec les équipes techniques pour la mise en œuvre des nouvelles interactions.
Avant / Après
Problématique
L’ancienne interface présentait plusieurs limitations :
1. Espace limité pour la lecture
• La présence d’un panneau latéral gauche réduisait la surface d’affichage du média.
• L’utilisateur ne pouvait pas profiter pleinement du contenu sans distraction.
2. Disposition confuse des boutons d’action
• Les contrôles étaient dispersés et peu accessibles, obligeant les utilisateurs à chercher les fonctionnalités essentielles.
• Certaines actions nécessitaient plusieurs clics inutiles.
3. Présence d’éléments visuels perturbateurs
• Des éléments UI (overlays pour le zoom par exemple) venaient gêner la concentration sur le média.
• L’interface n’était pas optimisée pour une expérience immersive.
4. Manque d’intégration des fonctionnalités propres aux médias
• Certaines options spécifiques aux médias (zoom, annotations, lecture avancée) n’étaient pas facilement accessibles ou inexistantes.
• La gestion des interactions avec le média était rigide et peu intuitive.
Avant / Après
Solutions et avantages
1. Suppression du panneau latéral permanent
• Augmentation de l’espace d’affichage pour une meilleure immersion.
• Expérience utilisateur plus fluide avec un média mis en valeur.
2. Réorganisation des boutons d’action
• Centralisation et hiérarchisation des contrôles pour un accès plus rapide.
• Réduction du nombre de clics pour effectuer une action essentielle.
3. Intégration des fonctionnalités spécifiques aux médias
• Ajout de commandes contextuelles adaptées au type de média (vidéo, image, document, audio).
• Interaction améliorée avec de nouvelles options comme renommer rapidement le nom du média.
Cette refonte a permis d’améliorer significativement la consultation des médias sur Ubstream en proposant une interface moderne, intuitive et efficace.
L’engagement des utilisateurs a ainsi augmenté, démontrant une meilleure adoption du lecteur.
Grâce à une navigation épurée et optimisée, le temps d’apprentissage a été réduit, tandis que la fluidité des interactions a limité les erreurs d’utilisation.
Ces améliorations ont également favorisé une meilleure concentration et un confort accru pour les utilisateurs.