Tâche de consignes

Version : v1 (actuelle)

Une tâche d'affichage de contenu pour présenter aux participants des informations sur l'étude, des formulaires de consentement, des consignes ou du matériel pédagogique.

Vue d'ensemble

La tâche de consignes est un composant polyvalent de présentation de contenu qui affiche des informations en texte enrichi aux participants pendant une étude. Contrairement aux tâches comportementales qui mesurent les réponses, cette tâche présenté simplement du contenu et attend que le participant indique qu'il l'a lu et compris avant de poursuivre.

Cette tâche est essentielle pour :

• Introductions d'étude : Messages de bienvenue et aperçu de l'étude
• Consentement éclairé : Affichage des informations de consentement (bien que le consentement formel devrait utiliser des formulaires de consentement dédiés)
• Consignes de tâche : Instructions détaillées avant des tâches complexes
• Debriefing : Informations et explications post-étude
• Contenu pédagogique : Materiel d'enseignement dans les études d'intervention
• Écrans de pause : Periodes de repos entre les tâches exigeantes

La tâche prend en charge le formatage HTML enrichi, les images, les videos et les liens externes, ce qui la rend adaptée aux besoins sophistiqués de présentation de contenu.

Pourquoi les chercheurs utilisent cette tâche

1. Contrôle du déroulement de l'étude : Structurer l'étude avec des phases informationnelles
2. Préparation du participant : S'assurer que les participants comprennent ce qui va suivre
3. Standardisation : Délivrer des informations identiques a tous les participants
4. Documentation : Créer une trace d'audit de ce qui a été montré aux participants
5. Flexibilité : Presenter tout contenu nécessaire a la conception de l'étude
6. Consignes multi-pages : Décomposer des consignes complexes en sections digestibles

État actuel de l'implémentation

Entièrement implémenté :

• Affichage de contenu HTML enrichi (formatage, images, liens)
• Support video et audio intégré
• Sequences de consignes multi-pages
• Texte du bouton d'avancement configurable
• Enregistrement du temps passé sur la page
• Suivi du défilement (vérifié que le participant a fait défiler jusqu'en bas)

Partiellement implémenté :

• Elements interactifs limités (pas de quiz ni de vérification de compréhension)

Non encore implémenté :

• Durée minimale de visionnage obligatoire avant l'avancement
• Questions de vérification de compréhension
• Option de narration audio (synthèse vocale)

Paramètres de configuration

Paramètres de contenu

Paramètre	Type	Défaut	Description
Content	string (HTML)	''	Contenu principal a afficher (HTML enrichi)
Pages	array	[]	Pages multiples de contenu (tableau de chaines HTML)
Title	string	''	Titre optionnel affiche au-dessus du contenu

Paramètres de présentation

Paramètre	Type	Défaut	Description
Show Progress	boolean	false	Afficher "Page X sur Y" pour le contenu multi-pages
Require Scroll To Bottom	boolean	false	Exiger le défilement jusqu'en bas avant d'activer "Suivant"
Button Text	string	'Continue'	Texte du bouton d'avancement
Button Delay (ms)	number	0	Délai avant que le bouton ne devienne actif (0 = immediat)

Paramètres de style

Paramètre	Type	Défaut	Description
Font Size (px)	number	16	Taille de police de base pour le contenu
Max Width (px)	number	800	Largeur maximale de la zone de contenu
Text Align	string	'left'	Alignement du texte ('left', 'center', 'justify')

Données de sortie

Marqueurs

Marqueur d'affichage (instructions_shown) :

{
  "type": "instructions_shown",
  "ts": "2026-02-14T10:30:00.123Z",
  "hr": 1234.56,
  "data": {
    "task_index": 0,
    "title": "Study Overview",
    "page": 1,
    "total_pages": 3,
    "content_length": 1420
  }
}

Données de réponse

Chaque page complétée est enregistrée dans le tableau responses[] :

{
  "task_index": 0,
  "page": 1,
  "time_on_page_ms": 12450,
  "scrolled_to_bottom": true,
  "button_clicked": true,
  "ts": "2026-02-14T10:30:12.573Z",
  "hr": 1247.01
}

Artefact de synthèse

{
  "task_kind": "instructions",
  "total_pages": 3,
  "pages_viewed": [
    {
      "page_number": 1,
      "time_ms": 12450,
      "scrolled_to_bottom": true
    },
    {
      "page_number": 2,
      "time_ms": 8320,
      "scrolled_to_bottom": true
    },
    {
      "page_number": 3,
      "time_ms": 5670,
      "scrolled_to_bottom": false
    }
  ],
  "total_time_ms": 26440
}

Exemples de cas d'utilisation

Écran d'accueil de l'étude

<h2>Welcome to the Cognitive Assessment Study</h2>
<p>Thank you for participating! This study will take approximately 30 minutes.</p>
<p>You will complete several brief cognitive tasks measuring attention, memory, and decision-making.</p>
<p>Please ensure you are in a quiet environment and will not be interrupted.</p>
<p>Click "Begin" when you are ready to start.</p>

Configuration :

{
  "content": "<h2>Welcome...</h2>...",
  "button_text": "Begin",
  "text_align": "center"
}

Consignes de tâche multi-pages

pages: [
  "<h3>Instructions - Part 1</h3><p>In this task, you will see words displayed one at a time...</p>",
  "<h3>Instructions - Part 2</h3><p>For each word, you must decide if it names a living thing...</p>",
  "<h3>Instructions - Part 3</h3><p>You will have 10 practice trials with feedback...</p>"
]

Configuration :

{
  "pages": ["page1 html", "page2 html", "page3 html"],
  "show_progress": true,
  "button_text": "Next",
  "require_scroll_to_bottom": true
}

Écran de debriefing

<h2>Study Complete - Thank You!</h2>
<p>The tasks you completed help researchers understand cognitive processing.</p>

<h3>What We Measured</h3>
<ul>
  <li><strong>Attention</strong>: Your ability to focus and filter distractions</li>
  <li><strong>Memory</strong>: How you encode and retrieve information</li>
  <li><strong>Processing Speed</strong>: How quickly you process information</li>
</ul>

<h3>Your Data</h3>
<p>Your responses are confidential and will only be used for research purposes...</p>

<p>If you have questions, please contact: researcher@university.edu</p>

Configuration :

{
  "content": "<h2>Study Complete...</h2>...",
  "button_text": "Finish",
  "button_delay_ms": 3000
}

Informations de consentement (a titre informatif uniquement)

<h2>Study Information</h2>
<p><strong>Purpose:</strong> This study investigates cognitive aging...</p>
<p><strong>Procedures:</strong> You will complete computerized tasks (30 min)...</p>
<p><strong>Risks:</strong> Minimal; possible eye strain or fatigue...</p>
<p><strong>Benefits:</strong> Contribute to aging research; receive summary of results...</p>
<p><strong>Confidentiality:</strong> Data stored securely, coded with ID numbers...</p>
<p><strong>Voluntary:</strong> You may withdraw at any time without penalty...</p>

<p><em>Note: By clicking "I Understand and Agree," you indicate you have read and understood this information.</em></p>

Configuration :

{
  "content": "<h2>Study Information...</h2>...",
  "button_text": "I Understand and Agree",
  "require_scroll_to_bottom": true,
  "button_delay_ms": 5000
}

Recommandations de conception

Conception du contenu

• Clarté : Utilisez un langage simple et direct
• Structure : Décomposez le contenu en sections avec des titres
• Longueur : Gardez les pages concises ; utilisez le multi-pages pour les contenus longs
• Hiérarchie visuelle : Utilisez des titres, du gras et des listes pour faciliter la lecture rapide
• Accessibilité : Assurez un contraste suffisant et une taille de police lisible

Configuration du bouton

• Texte descriptif : Utilisez des libellés adaptés au contexte ("Commencer", "Suivant", "J'ai compris", "Continuer vers la tâche")
• Délai : Envisagez un délai de 2 a 5 secondes pour le contenu important afin d'encourager la lecture
• Exigence de défilement : Utilisez pour les informations critiques (consentement, avertissements de sécurité)

Consignes multi-pages

• Flux logique : Ordonnez les pages du général vers les details
• Nombre de pages : 3 a 5 pages maximum pour éviter la fatigue
• Indicateur de progression : Affichez les numéros de page pour l'orientation
• Cohérence : Maintenez un formatage cohérent entre les pages

Problemes courants et solutions

Probleme	Solution
Les participants passent sans lire	Ajoutez Button Delay (ms) (3-5 secondes) et Require Scroll To Bottom
Contenu trop long pour l'écran	Décomposez en plusieurs pages ; assurez un design adaptatif
Les images ne se chargent pas	Utilisez des URL absolues ; vérifiez l'hébergement des images et les paramètres CORS
Formatage HTML casse	Validez le HTML ; échappez les caractères spéciaux ; testez le rendu
Les participants ne savent pas quoi faire ensuite	Texte de bouton clair ; utilisez des flèches ou "Continuer vers [Tâche suivante]"

Considerations de conformite

Consentement éclairé :

• La tâche de consignes peut AFFICHER les informations de consentement
• Cependant, le consentement formel devrait utiliser le système de formulaire de consentement dédié de l'étude
• Ne vous fiez pas uniquement a la tâche de consignes pour la documentation légale du consentement

Collecte des données :

• Les données de temps passé sur la page montrent l'engagement mais ne prouvent pas la compréhension
• Pour une compréhension critique, utilisez la tâche de questionnaire avec des vérifications de compréhension

Documentation :

• Les événements enregistrés fournissent une trace d'audit de ce qui a été montré et quand
• Le versionnage du contenu est important pour les études longitudinales

Références

Ceci est une tâche utilitaire sans littérature scientifique spécifique. Lignes directrices générales pour la conception de consignes :

• Sweller, J. (1988). Cognitive load during problem solving: Effects on learning. Cognitive Science, 12(2), 257-285. (Considerations de charge cognitive pour la conception de consignes)

• Nielsen, J. (1997). How users read on the web. Nielsen Norman Group. (Lisibilite du contenu web et patterns de lecture rapide)

Voir aussi

• Questionnaire - Pour collecter les réponses des participants et les vérifications de compréhension