2024
4 mois
Produit numérique
Design UX
Prototypage
UI Design
Produit numérique
Design UX
Prototypage
UI Design

Concevoir l’expérience et l’interface d’une application mobile multimédia

Mon rôle
Impacts
No items found.

Contexte & objectif

NUX est un projet réalisé dans le cadre du cours de prototypage UX de ma maîtrise. Le mandat : concevoir une application multimédia complète (films, jeux, contenus divers) et livrer un prototype haute fidélité sur Figma, en suivant un processus de conception complet.

L’objectif : maîtriser un cycle UX de bout en bout, démontrer la capacité à générer des opportunités de design basées sur la recherche, puis les intégrer dans une solution cohérente prête à être présentée.

Mon rôle dans le projet

Projet individuel. J’ai assumé l’ensemble des responsabilités suivantes :

  • Planification et gestion de projet
  • Recherche préliminaire et création du persona
  • Recrutement des participants
  • Recherche UX qualitative
  • Card sorting & planification de l'architecture d’information
  • Wireframes basse fidélité & prototypage haute fidélité (Figma)
  • Tests utilisateurs à distance + analyse des sessions
  • Présentation finale de la solution et justification stratégique

Défis

L’entreprise fictive voulait offrir une application multimédia polyvalente. Les défis :

  • Comprendre les modèles mentaux liés à la navigation entre différents types de contenus (films, jeux, médias variés)
  • Simplifier l’accès aux contenus
  • Aligner les besoins utilisateurs (rapidité, clarté, repères cognitifs) avec la mission d'affaires (augmenter l’engagement et la consommation de contenu)

Méthodologie

Card Sorting

  • Dénicher les modèles mentaux associés aux catégories de contenus
  • Révéler les regroupements naturels afin d’optimiser l’architecture d’information

Tests utilisateurs sur prototypes basse fidélité

Objectifs :

  • Valider l’architecture d'information
  • Identifier les points de friction dans les parcours clés

Conception de l'interface

1. Architecture d’information (Miro) : Synthèse des résultats du tri de carte → création d’une IA simplifiée;

2. Wireframes basse fidélité (Figma) : première déclinaison l'interface, puis deuxième itération après premiers tests utilisateurs;

3. Prototype haute fidélité (Figma) : design UI de 7 vues du produit;

Conclusion & apprentissages

Ce projet m’a permis de démontrer ma capacité à :

  • Transformer des données qualitatives en décisions de design structurantes
  • Construire un prototype haute fidélité aligné sur des constats réels
  • Itérer rapidement grâce à des tests utilisateurs bien orchestrés
  • Concevoir une interface utilisateur incorporant l'image de marque de l'entreprise

Si je devais poursuivre ou peaufiner le projet, j’ajouterais :

  • Des tests A/B sur la page de répertoire des contenus
  • Une exploration plus poussée de la personnalisation des contenus (valider auprès des utilisateurs)
Impact

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Contexte & objectif

NUX est un projet réalisé dans le cadre du cours de prototypage UX de ma maîtrise. Le mandat : concevoir une application multimédia complète (films, jeux, contenus divers) et livrer un prototype haute fidélité sur Figma, en suivant un processus de conception complet.

L’objectif : maîtriser un cycle UX de bout en bout, démontrer la capacité à générer des opportunités de design basées sur la recherche, puis les intégrer dans une solution cohérente prête à être présentée.

Mon rôle dans le projet

Projet individuel. J’ai assumé l’ensemble des responsabilités suivantes :

  • Planification et gestion de projet
  • Recherche préliminaire et création du persona
  • Recrutement des participants
  • Recherche UX qualitative
  • Card sorting & planification de l'architecture d’information
  • Wireframes basse fidélité & prototypage haute fidélité (Figma)
  • Tests utilisateurs à distance + analyse des sessions
  • Présentation finale de la solution et justification stratégique

Défis

L’entreprise fictive voulait offrir une application multimédia polyvalente. Les défis :

  • Comprendre les modèles mentaux liés à la navigation entre différents types de contenus (films, jeux, médias variés)
  • Simplifier l’accès aux contenus
  • Aligner les besoins utilisateurs (rapidité, clarté, repères cognitifs) avec la mission d'affaires (augmenter l’engagement et la consommation de contenu)

Méthodologie

Card Sorting

  • Dénicher les modèles mentaux associés aux catégories de contenus
  • Révéler les regroupements naturels afin d’optimiser l’architecture d’information

Tests utilisateurs sur prototypes basse fidélité

Objectifs :

  • Valider l’architecture d'information
  • Identifier les points de friction dans les parcours clés

Conception de l'interface

1. Architecture d’information (Miro) : Synthèse des résultats du tri de carte → création d’une IA simplifiée;

2. Wireframes basse fidélité (Figma) : première déclinaison l'interface, puis deuxième itération après premiers tests utilisateurs;

3. Prototype haute fidélité (Figma) : design UI de 7 vues du produit;

Conclusion & apprentissages

Ce projet m’a permis de démontrer ma capacité à :

  • Transformer des données qualitatives en décisions de design structurantes
  • Construire un prototype haute fidélité aligné sur des constats réels
  • Itérer rapidement grâce à des tests utilisateurs bien orchestrés
  • Concevoir une interface utilisateur incorporant l'image de marque de l'entreprise

Si je devais poursuivre ou peaufiner le projet, j’ajouterais :

  • Des tests A/B sur la page de répertoire des contenus
  • Une exploration plus poussée de la personnalisation des contenus (valider auprès des utilisateurs)