Fiche de révision : Analyse comparative en design numérique

📋 Plan du Cours

1. Définition des termes avant analyse comparative
2. Analyse face à face des différences visuelles
3. Objectifs du designer et jeu des formats
4. Wireframe comme solution et hiérarchisation
5. Contexte, cible et objectifs de la plateforme
6. Mini SWOT et justification des solutions

📖 1. Définition des termes avant analyse comparative

🔑 Notions clés & Définitions

• Analyse comparative : Méthode qui consiste à comparer des éléments entre eux pour faire émerger des différences et guider les choix d’interprétation.
• Vocabulaire précis : Ensemble de termes professionnels utilisés pour décrire clairement les éléments observés et éviter les formulations vagues.
• Contexte : Cadre de référence qui fixe les contraintes, le public visé et le sens des informations avant toute comparaison.

📝 Points essentiels

• Définir les termes avant de comparer permet de poser un cadre commun pour interpréter les différences.
• L’analyse comparative sert à formuler des questions, repérer des écarts et orienter la comparaison.
• La comparaison doit s’appuyer sur ce qui est disponible dans les documents et rester cohérente avec le contexte.
• Le vocabulaire doit être adapté à l’objectif (communication, produit, plateforme) et pas seulement descriptif.
• Le brouillon sous forme de tableau aide à structurer le propos et à clarifier le format comparé.

💡 Astuce mémo

Contexte + définitions = même langage, donc comparaisons justes.

📖 2. Analyse face à face des différences visuelles

🔑 Notions clés & Définitions

• Analyse en face à face : Comparaison directe côte à côte qui facilite l’identification des différences visuelles et leur justification.
• Différences visuelles : Écarts observables dans la mise en forme (couleurs, formes, portions, attractivité) qui peuvent influencer l’usage.
• Jeu des formats : Organisation et variété des formats qui peuvent modifier la manière dont un message est perçu et utilisé selon le point de vue du designer.

📝 Points essentiels

• L’analyse en face à face doit expliquer ce qu’on voit et faire ressortir les différences en les justifiant.
• Les éléments à observer incluent couleurs, formes, portions et caractère attractif ou non.
• Le format n’est pas neutre : il peut être lié à la fonction du message et à l’usage attendu.
• La question posée oriente l’analyse comparative et aide à sélectionner les bons critères de comparaison.
• La qualité du produit est associée à la notion de “beau”, donc l’attractivité visuelle peut devenir un critère d’évaluation.

💡 Astuce mémo

Couleurs/formes/portions → ce que l’œil capte, donc ce que l’utilisateur comprend.

📖 3. Objectifs du designer et jeu des formats

🔑 Notions clés & Définitions

• Objectifs du designer : Finalités poursuivies par le designer qui déterminent les choix de présentation et les critères de comparaison.
• Jeu des formats : Utilisation de formats variés pour adapter la présentation au message et au public visé.
• Fonction du message : Rôle attendu du contenu (informer, orienter, convaincre, accompagner) qui influence la forme choisie.

📝 Points essentiels

• Le jeu des formats dépend du point de vue du designer et de ses objectifs.
• Les choix visuels doivent être reliés aux objectifs : ce qu’on montre doit servir la finalité recherchée.
• Comparer implique de relier format et fonction du message, pas seulement de décrire l’apparence.
• Les attentes de vocabulaire et de précision augmentent quand l’objectif dépasse la communication générale.
• L’analyse doit rester dans le contexte et justifier les différences par rapport aux objectifs visés.

💡 Astuce mémo

Objectif → format choisi → fonction servie.

📖 4. Wireframe comme solution et hiérarchisation

🔑 Notions clés & Définitions

• Wireframe : Schéma de structure qui organise les informations pour préparer la solution de design avant le rendu final.
• Hiérarchisation des informations : Organisation des contenus par importance afin de guider la lecture et la compréhension.
• Solution : Réponse concrète aux besoins identifiés, matérialisée par le contenu et sa structure plutôt que par l’objet “wireframe” seul.

📝 Points essentiels

• Le contenu de la wireframe correspond à la solution, pas la wireframe en elle-même.
• La wireframe sert à hiérarchiser les informations pour apporter des réponses claires aux besoins.
• Il faut préciser à qui s’adresse la plateforme et quel message est attendu.
• La diversité de l’offre doit être prise en compte dans la structure et la présentation.
• Le profil à mettre en place se déduit des objectifs : il sert à atteindre la relation client visée.

💡 Astuce mémo

Wireframe = structure utile ; solution = contenu + hiérarchie.

📖 5. Contexte, cible et objectifs de la plateforme

🔑 Notions clés & Définitions

• Contexte de la plateforme : Environnement et contraintes qui encadrent la création de la plateforme et orientent les choix de contenu.
• Cible : Public visé dont les besoins et attentes déterminent la forme du message et la structure de la plateforme.
• Objectifs de la plateforme : Finalités de la plateforme qui guident la relation client et la manière de présenter l’offre.

📝 Points essentiels

• Établir le contexte avant de concevoir évite des solutions déconnectées des contraintes et du sujet.
• La plateforme vise l’invention de la relation client entre Picard et son client.
• Le contenu doit intégrer tous les éléments fournis : ils déterminent le profil et les choix de mise en place.
• Les objectifs doivent être explicités et reliés aux solutions proposées dans l’explication.
• La réponse doit prévoir le message voulu et l’adapter aux besoins de la cible.

💡 Astuce mémo

Contexte + cible → objectifs traduits en structure et message.

📖 6. Mini SWOT et justification des solutions

🔑 Notions clés & Définitions

• Mini SWOT : Analyse synthétique qui met en évidence forces, faiblesses, opportunités et menaces pour guider les décisions.
• Justification des solutions : Explication qui relie chaque solution à un besoin identifié et à un résultat attendu.
• Création de communauté : Objectif de favoriser l’interaction et l’engagement autour d’un profil de consommateur.

📝 Points essentiels

• Commencer par répondre à la mini SWOT avant de créer les solutions.
• Ensuite seulement, créer les solutions en justifiant leur pertinence à partir des constats SWOT.
• Le schéma final doit relier la cible à ses besoins et aux choix de solutions.
• La création de communauté implique d’identifier le profil du consommateur et son besoin central.
• L’explication doit éviter les phrases vides et utiliser un vocabulaire professionnel pour sensibiliser et accompagner.

💡 Astuce mémo

SWOT d’abord → solutions ensuite → justification en chaîne.

📊 Tableaux de synthèse

Comparaison : wireframe vs solution

⚠️ Pièges & confusions fréquents

1. Oublier de définir les termes avant de comparer conduit à des critères implicites et à des comparaisons incohérentes.
2. Décrire uniquement l’apparence sans justifier les différences (couleurs, formes, portions, attractivité) rend l’analyse peu exploitable.
3. Confondre la wireframe avec la solution : la solution correspond au contenu et à sa hiérarchisation.
4. Ne pas relier les choix de formats aux objectifs du designer et à la fonction du message.
5. Faire les solutions avant la mini SWOT ou ne pas justifier la pertinence des solutions à partir des constats.

✅ Checklist Examen

1. Définir les termes avant toute analyse comparative et préciser le contexte.
2. Réaliser une analyse en face à face en expliquant ce qu’on voit et en justifiant les différences visuelles.
3. Observer et comparer couleurs, formes, portions et attractivité, puis relier ces critères à la fonction du message.
4. Expliciter les objectifs du designer et montrer comment le jeu des formats sert ces objectifs.
5. Utiliser la wireframe pour hiérarchiser les informations et produire une solution via le contenu.
6. Établir le contexte, identifier la cible et expliciter les objectifs de la plateforme (relation client Picard).
7. Faire une mini SWOT, répondre d’abord aux constats, puis créer et justifier les solutions.
8. Produire un schéma final reliant cible, besoins, et solutions, avec un vocabulaire professionnel et sans phrases vides.