Introduction aux DDCM

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson
Download our mobile app to listen on the go
Get App

Questions and Answers

Quel est l'objectif principal de la conception des systèmes selon l'ergonomie ?

  • Concevoir pour l'utilisateur (correct)
  • Accélérer le temps de développement
  • Minimiser l'utilisation des ressources
  • Augmenter la complexité des systèmes

L'approche techno centrée se concentre sur l'utilisateur.

False (B)

Quels dispositifs d'entrée comprennent la caméra et la montre connectée ?

Dispositifs de saisie

L'acronyme GUI signifie _____ .

<p>Graphical User Interface</p> Signup and view all the answers

Associez les termes suivants aux descriptions correctes :

<p>NUI = Interface utilisateur naturelle WYSIWYG = Ce que vous voyez est ce que vous obtenez Footer = Emplacement en pied de page Carrousel = Élément de design affichant plusieurs contenus</p> Signup and view all the answers

Quelle méthode d'architecture de l'information implique une structure hiérarchique ?

<p>Arborescence (D)</p> Signup and view all the answers

La réalité augmentée est un type de dispositif de sortie.

<p>False (B)</p> Signup and view all the answers

Le _____ est un élément de design qui permet d'afficher plusieurs contenus sur le même emplacement.

<p>carrousel</p> Signup and view all the answers

Quel est l'objectif principal d'un tunnel d'achat ?

<p>Faire passer un visiteur au stade de client. (B)</p> Signup and view all the answers

L'affordance est uniquement liée à l'esthétique des objets.

<p>False (B)</p> Signup and view all the answers

Définir le terme ‘skeuomorphisme’.

<p>Un style de design qui imite l'apparence d'un objet réel dans un objet virtuel.</p> Signup and view all the answers

L'affordance ___ est celle où l'utilisation n'est pas évidente.

<p>dissimulée</p> Signup and view all the answers

Associez les types d'affordance avec leur définition.

<p>Affordance perceptible = Actions perçues comme possibles Affordance trompeuse = Objet qui semble fonctionnel mais ne l'est pas Affordance métaphorique = Représentation d'objets réels par des icônes Affordance cachée = Utilisation non évidente d'un objet</p> Signup and view all the answers

Quel modèle est utilisé pour construire l'intérêt des visiteurs dans un tunnel d'achat ?

<p>AIDA (B)</p> Signup and view all the answers

Le carrousel présente plusieurs images simultanément.

<p>False (B)</p> Signup and view all the answers

Expliquer ce qu'est un side scrolling.

<p>Un side scrolling est une interface où les images se déplacent horizontalement ou verticalement, slide par slide.</p> Signup and view all the answers

Le tunnel de conversion est également connu sous le nom de tunnel ___ .

<p>d'achat</p> Signup and view all the answers

Associez les outils de navigation avec leur description.

<p>Moteur de recherche = Outil pour trouver des informations en ligne Méga-menu = Menu déroulant avec de nombreuses options Carrousel = Interface qui change d'images de manière rotative Nuage de mots clés = Visualisation de mots-clés par taille</p> Signup and view all the answers

Quel type d'affordance est associé à des actions que l'utilisateur ne perçoit pas clairement ?

<p>Affordance dissimulée (C)</p> Signup and view all the answers

Les publicités sociales n'ont pas la capacité de cibler un public spécifique.

<p>False (B)</p> Signup and view all the answers

Quel est le rôle des témoignages de clients dans le modèle AIDA ?

<p>Ils aident à établir une relation de confiance et rassurent le client.</p> Signup and view all the answers

Flashcards

Conception centrée sur l’utilisateur

La prise en compte de l’utilisateur final comme priorité absolue dans la conception de systèmes : minimiser la fatigue, garantir la sécurité et créer une expérience optimale.

Ergonomie

L’ergonomie est un domaine qui s’intéresse à l’interaction entre l’humain et ses outils. L’ergonomie vise à optimiser le confort, la sécurité et l’efficacité de l’utilisation

Approches de la conception d'interfaces

L’approche techno-centrée se focalise sur les technologies et leurs fonctionnalités, tandis que l’approche anthropocentrée priorise les besoins et les capacités humaines.

Interfaces visuelles

Les interfaces visuelles, comme WYSIWYG, permettent aux utilisateurs de voir et de modifier le contenu directement, offrant une représentation intuitive et immédiate.

Signup and view all the flashcards

Interfaces naturelles (NUI)

Les interfaces naturelles visent à offrir aux utilisateurs une interaction la plus intuitive et naturelle possible, se rapprochant des actions quotidiennes.

Signup and view all the flashcards

Arborescence

L'arborescence est une structure hiérarchique organisant l'information d'un système, permettant une navigation claire et efficace.

Signup and view all the flashcards

Arborescence d'un site web

L'arborescence est une structure hiérarchique qui organise le contenu d'un site web, facilitant l'accès et la navigation.

Signup and view all the flashcards

Footer

Le footer est une section située en bas de page, offrant des informations supplémentaires, des liens vers les politiques du site ou des coordonnées.

Signup and view all the flashcards

Outils de navigation

Un élément de navigation qui permet à l'utilisateur de parcourir les pages web de manière fluide. Exemples: Carrousel, side scrolling, mega-menu.

Signup and view all the flashcards

Carrousel

Un élément de navigation qui permet à l'utilisateur de parcourir des images ou des contenus de manière cyclique. Les images défilent en boucle.

Signup and view all the flashcards

Side scrolling

Un élément de navigation qui permet à l'utilisateur de parcourir des pages web horizontalement ou verticalement, slide par slide.

Signup and view all the flashcards

Affordance

Le terme affordance désigne la capacité d'un objet ou d'un système à évoquer son utilisation, sa fonction. En d'autres termes, comment un objet suggère à l'utilisateur la manière de l'utiliser. Exemple: un bouton qui incite à être cliqué.

Signup and view all the flashcards

Affordance trompeuse

Une affordance trompeuse se produit lorsque l'apparence d'un objet suggère une utilisation qui n'est pas possible en réalité. Exemple: un bouton qui semble cliquable mais ne l'est pas.

Signup and view all the flashcards

Affordance perceptible

Une affordance perceptible se produit lorsque l'utilisateur interprète les actions possibles d'un objet en fonction de son expérience et de sa perception. Exemple: une poignée de porte qui semble tourner, donc l'utilisateur la tourne pour ouvrir la porte.

Signup and view all the flashcards

Affordance cachée

Une affordance cachée se produit lorsque l'utilisation d'un objet n'est pas évidente, nécessitant une exploration ou une explication. Exemple: la partie colorée d'une brosse à dents qui sert de jauge pour la quantité de dentifrice.

Signup and view all the flashcards

Affordance métaphorique

Une métaphore visuelle qui utilise des objets réels pour représenter des actions ou des concepts numériques. Exemple: l'icône d'une enveloppe pour représenter l'envoi d'un email.

Signup and view all the flashcards

Skeuomorphisme

Un style de design qui imite l'apparence d'objets du monde réel dans le design numérique. Exemple: les boutons avec texture dans les applications mobiles.

Signup and view all the flashcards

UX Design

Une notion qui fait référence à l'expérience utilisateur, en tenant compte des interactions de l'utilisateur avec l'interface et l'ensemble du dispositif.

Signup and view all the flashcards

Tunnel de conversion

Un tunnel de conversion est une suite d'étapes que les visiteurs d'un site web doivent franchir pour se convertir en clients, en passant par différentes phases comme l'attention, l'intérêt, le désir et l'action.

Signup and view all the flashcards

Parcours d'achat

Un parcours d'achat est un cheminement que l'utilisateur suit pour faire un achat, depuis la découverte du produit jusqu'à sa finalisation.

Signup and view all the flashcards

Modèle AIDA

Un modèle marketing qui définit quatre étapes successives pour convertir un prospect en client: Attention, Intérêt, Désir, Action.

Signup and view all the flashcards

Display

Le display est un format d'affichage publicitaire en ligne qui utilise des images ou des vidéos pour promouvoir un produit ou un service sur les sites web.

Signup and view all the flashcards

Socials Ads

Des publicités diffusées sur les réseaux sociaux pour toucher une audience ciblée.

Signup and view all the flashcards

Study Notes

Introduction aux DDCM

  • La conception des systèmes doit prioriser l'utilisateur, et non le concepteur.
  • La conception doit prendre en compte la tâche à réaliser et le contexte d'utilisation de l'utilisateur.
  • L'ergonomie vise principalement le confort (minimiser la fatigue physique et nerveuse) et la sécurité (protéger l'utilisateur).
  • L'environnement idéal est confortable, comme un ordinateur de bureau dans un environnement calme.

Vocabulaire des Interactions Homme-Machine

  • Les interactions Homme-Machine utilisent deux approches : techno-centrée et anthropocentrée.
  • Une Interface Visuelle Utilisateur (GUI) est une interface graphique.
  • WYSIWYG (What You See Is What You Get) décrit une interface où la représentation visuelle correspond.
  • Une Interface Digitale Naturelle (NUI) est une interface conçue pour être intuitive et naturelle.
  • Les périphériques d'entrée incluent : clavier, souris, caméra, manette, montre connectée.
  • Les périphériques de sortie incluent : écrans, enceinte, imprimante 3D.
  • Les périphériques immersifs incluent la réalité virtuelle, la réalité augmentée, les interfaces mixtes (ex: musée de la prison).
  • Les interfaces tangibles sont utilisées pour les activités interactives (ex: musées).

Architecture de l'Information

  • L'organisation de l'information sur une interface est cruciale.
  • L'arborescence est un moyen d'organiser et de visualiser l'information.
  • Les interfaces utilisateur, comme un bureau avec un explorateur de fichiers, utilisent l'arborescence.
  • Un site web a également une arborescence.
  • Les approches top-down et bottom-up sont utilisées dans la conception de l'arborescence
  • Le "scroll infini" est une méthode de navigation.
  • Les gabarits standard de navigation incluent la page d'accueil (flatsitemap), le footer (pied de page, répété sur toutes les pages), et les carrousels (pour présenter plusieurs contenus).
  • Les outils de navigation incluent les moteurs de recherche et les méga-menus.
  • Les différences entre Side scrolling et carrousel : le side scrolling se déplace linéairement (horizontal ou vertical), tandis que le carrousel implique une rotation des éléments.
  • Le nuage de mots clés est une méthode de visualisation des termes importants.

Affordance

  • Don Norman (psychologue cognitif) est clé dans le concept d'affordance.
  • L'affordance est la capacité d'un objet ou système à suggérer son utilisation.
  • L'affordance intuitive permet une interaction facile.
  • L'affordance trompeuse / fausse semble permettre une interaction, mais elle est inadéquate ou incorrecte ou absente.
  • L'affordance perceptible / perçues dépendent de l'interprétation de l'utilisateur.
  • L'affordance dissimulée / cachée est moins évidente. Par exemple, une partie colorée d'un objet peut indiquer la façon de l'utiliser.
  • L'affordance métaphorique utilise des objets du monde réel pour représenter des éléments virtuels (ex: icônes, enveloppes pour les courriers électroniques).
  • Le skeuomorphisme imite l'apparence des objets du monde réel dans les interfaces.

Tunnel d'Achat

  • Le Tunnel de Conversion correspond aux étapes menant un visiteur à devenir client.
  • Un tunnel d'achat suit le parcours du client à travers les étapes du processus d'achat.
  • Le modèle AIDA (Attention, Intérêt, Désir, Action) décrit des étapes de persuasion.
  • Attention : attirer l'attention par les displays et les publicités sociales.
  • Intérêt : susciter l'intérêt par des contenus, réduire le taux de rebond.
  • Désir : développer la confiance avec des logos, labels et avis de clients pour montrer l'envie du produit.
  • Action : inciter à l'achat avec un interface facile pour l'achat (panier, achat direct).

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

More Like This

Human-Computer Interaction Principles
40 questions
HCI Lecture 4: Introduction to User-Centered Design
16 questions
User-Centered Interaction Design
15 questions
Use Quizgecko on...
Browser
Browser