Illustration du Cadre de Site Web dans Labvanced, montrant un véritable site web externe intégré dans une étude

Cadre de Site Web

Le Cadre de Site Web est un troisième type de cadre, aux côtés du Cadre Canvas et du Cadre de Page, et non un élément placé au-dessus de l'un ou l'autre. Il est ajouté à un groupe d'essai de la même manière : un clic sur son propre icône parmi les options de type de cadre.

Alors qu'un Cadre Canvas ou un Cadre de Page présente des stimuli construits à l'intérieur de Labvanced, un Cadre de Site Web intègre un véritable site web externe, en direct, directement dans l'étude. C'est le type de cadre derrière la fonctionnalité Pont Web de Labvanced, utilisé pour les tests d'utilisabilité, les études d'attention et le suivi des yeux sur un véritable site web plutôt que sur une recréation de celui-ci.

Note

Si vous prévoyez d'utiliser un Cadre de Site Web, pour intégrer votre site web externe ou en créer un dans Labvanced, il est fortement recommandé d'isoler ce type de cadre dans sa propre tâche plutôt que de le combiner avec des Cadres Canvas ou des Cadres de Page dans la même chronologie d'essai.

Site Web Externe vs. Site Web Personnalisé

Il existe deux types de sites web pris en charge par ce cadre.

Site Web Externe

Intègre un véritable site web en direct par URL, avec trois cases à cocher pour contrôler le chrome du navigateur intégré : Show URL bar, Show back button, Show forward button. Nécessite l'installation de l'extension Chrome Web Bridge, consultez le guide complet du Pont Web Labvanced pour les étapes d'installation.


Site Web Personnalisé

Arrive bientôt. Crée un site web à partir de zéro à l'intérieur de Labvanced au lieu d'intégrer un site en direct. Cliquer sur Edit Code ouvre un éditeur HTML, CSS et JavaScript dédié avec un panneau Variables pour injecter des variables Labvanced dans le code à l'exécution, par exemple, une interface de kiosque de paiement automatique construite à partir d'un catalogue de produits chargé à partir d'un fichier CSV.

Propriétés du Cadre de Site Web

Un Cadre de Site Web a ses propres propriétés au niveau du cadre, distinctes de tout élément qui y est placé. Définies dans le panneau Frame Settings :

  • Name : une étiquette pour identifier le cadre dans votre tâche (les participants ne le voient jamais)
  • Duration : un temps d'affichage fixe optionnel en millisecondes ; s'il n'est pas défini, le cadre reste à l'écran jusqu'à ce qu'un événement ou une action le fasse avancer
  • Hide Mouse : masque le curseur du participant pendant que le cadre est actif
  • Mode : définit si le cadre affiche un Site Web Externe ou un Site Web Personnalisé, décrit ci-dessus
  • Resolution : un menu déroulant de préréglages, ou Width/Height manuels en pixels, définit une résolution virtuelle fixe qui s'échelle pour s'adapter à l'écran de chaque participant, le même modèle qu'un Cadre Canvas utilise, de sorte que chaque participant voit la même mise en page, quelle que soit la taille de son écran réel

Pour le flux de travail complet, l'installation de l'extension de navigateur, l'ajout d'un Cadre de Site Web, la sélection des Zones d'Intérêt, et ce qui est suivi, consultez le guide complet du Pont Web Labvanced ou le Guide de Suivi oculaire du Cadre de Site Web pour un flux de tâche de début à fin.

Regardez le guide dans cette vidéo :

Lectures Complémentaires

Illustration des trois types de cadres dans Labvanced : Cadre Canvas, Cadre de Page et Cadre de Site Web

Cadres

Le centre de tous les types de cadres et des propriétés partagées par chaque cadre.

Pont Web Labvanced

Le guide complet : installation de l'extension, ajout d'un Cadre de Site Web, sélection des AOIs, et ce qui est suivi.

Guide de Suivi Oculaire du Cadre de Site Web

Un flux de tâche de début à fin pour suivre le regard sur un véritable site web intégré.