<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Articulate Storyline 360 &#8211; La Tissanderie</title>
	<atom:link href="https://latissanderie.fr/categories/articulate-storyline-360/feed/" rel="self" type="application/rss+xml" />
	<link>https://latissanderie.fr</link>
	<description></description>
	<lastBuildDate>Thu, 25 Dec 2025 21:13:07 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://latissanderie.fr/wp-content/uploads/2025/10/cropped-logo-tis-carre-500x500-1-32x32.png</url>
	<title>Articulate Storyline 360 &#8211; La Tissanderie</title>
	<link>https://latissanderie.fr</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Expérience utilisateur</title>
		<link>https://latissanderie.fr/portfolio/experience-utilisateur/</link>
		
		<dc:creator><![CDATA[admin_tis]]></dc:creator>
		<pubDate>Thu, 03 Apr 2025 13:24:50 +0000</pubDate>
				<guid isPermaLink="false">https://latissanderie.fr/?post_type=portfolio&#038;p=2176</guid>

					<description><![CDATA[  Dans le cadre d’une mission d’ingénierie pédagogique, j’ai eu l’opportunité d’accompagner un ingénieur pédagogique dans la création et l’amélioration d’un parcours e-learning interactif sur Articulate Storyline 360.  ]]></description>
										<content:encoded><![CDATA[<p class="" data-start="177" data-end="398"><div id="metaslider-id-2180" style="max-width: 800px; margin: 0 auto;" class="ml-slider-3-109-0 metaslider metaslider-flex metaslider-2180 ml-slider has-dots-nav ms-theme-default-base" role="region" aria-label="Articulate storyline" data-height="400" data-width="800">
    <div id="metaslider_container_2180">
        <div id="metaslider_2180">
            <ul class='slides'>
                <li style="display: block; width: 100%;" class="slide-2190 ms-image " aria-roledescription="slide" data-date="2025-04-04 09:57:57" data-filename="articulate-1-800x400.png" data-slide-type="image"><img fetchpriority="high" decoding="async" src="https://latissanderie.fr/wp-content/uploads/2025/04/articulate-1-800x400.png" height="400" width="800" alt="Configuration de la navigation interactive et des déclencheurs dans Articulate Storyline 360" class="slider-2180 slide-2190 msDefaultImage" title="Conception d’une navigation interactive multi-sites dans Articulate Storyline 360" /><div class="caption-wrap"><div class="caption">Exemple de diapositive interactive avec boutons de navigation, déclencheurs et synchronisation audio dans un module e-learning</div></div></li>
                <li style="display: none; width: 100%;" class="slide-2191 ms-image " aria-roledescription="slide" data-date="2025-04-04 09:57:57" data-filename="chronologie-800x400.png" data-slide-type="image"><img decoding="async" src="https://latissanderie.fr/wp-content/uploads/2025/04/chronologie-800x400.png" height="400" width="800" alt="Chronologie des objets et de la narration audio dans Articulate Storyline 360" class="slider-2180 slide-2191 msDefaultImage" title="Gestion de la chronologie et synchronisation des contenus dans Articulate Storyline 360" /><div class="caption-wrap"><div class="caption">Vue de la chronologie permettant de synchroniser voix off, textes et éléments interactifs dans un module e-learning</div></div></li>
                <li style="display: none; width: 100%;" class="slide-2192 ms-image " aria-roledescription="slide" data-date="2025-04-04 09:57:58" data-filename="etats-800x400.png" data-slide-type="image"><img decoding="async" src="https://latissanderie.fr/wp-content/uploads/2025/04/etats-800x400.png" height="400" width="800" alt="Configuration des déclencheurs et des états d’un bouton dans Articulate Storyline 360" class="slider-2180 slide-2192 msDefaultImage" title="Gestion des déclencheurs et des états d’objets dans Articulate Storyline 360" /><div class="caption-wrap"><div class="caption">Exemple de paramétrage avancé des déclencheurs et des états d’un bouton de navigation dans un module e-learning</div></div></li>
                <li style="display: none; width: 100%;" class="slide-2193 ms-image " aria-roledescription="slide" data-date="2025-04-04 09:57:58" data-filename="resultat-1-800x400.png" data-slide-type="image"><img loading="lazy" decoding="async" src="https://latissanderie.fr/wp-content/uploads/2025/04/resultat-1-800x400.png" height="400" width="800" alt="Sommaire interactif d’un module e-learning ESH présentant les différentes thématiques de sécurité et d’environnement" class="slider-2180 slide-2193 msDefaultImage" title="Structure d’un parcours e-learning ESH conçu avec Articulate Storyline 360" /><div class="caption-wrap"><div class="caption">Exemple de sommaire interactif dans un module de formation ESH (Énergie, Sécurité, Environnement, Santé)</div></div></li>
                <li style="display: none; width: 100%;" class="slide-2194 ms-image " aria-roledescription="slide" data-date="2025-04-04 09:57:58" data-filename="resultat-2-800x400.png" data-slide-type="image"><img loading="lazy" decoding="async" src="https://latissanderie.fr/wp-content/uploads/2025/04/resultat-2-800x400.png" height="400" width="800" alt="Sommaire interactif d’un module e-learning ESH présentant les différentes thématiques de sécurité et d’environnement" class="slider-2180 slide-2194 msDefaultImage" title="Structure d’un parcours e-learning ESH conçu avec Articulate Storyline 360" /><div class="caption-wrap"><div class="caption">Exemple de sommaire interactif dans un module de formation ESH (Énergie, Sécurité, Environnement, Santé)</div></div></li>
                <li style="display: none; width: 100%;" class="slide-2195 ms-image " aria-roledescription="slide" data-date="2025-04-04 09:57:58" data-filename="resultat-3-800x400.png" data-slide-type="image"><img loading="lazy" decoding="async" src="https://latissanderie.fr/wp-content/uploads/2025/04/resultat-3-800x400.png" height="400" width="800" alt="Quiz interactif sur les consignes de sécurité lors d’une évacuation de bâtiment" class="slider-2180 slide-2195 msDefaultImage" title="Évaluation des consignes d’évacuation dans un module e-learning Articulate Storyline 360" /><div class="caption-wrap"><div class="caption">Exemple de quiz à choix multiples intégré dans un parcours e-learning de prévention et sécurité</div></div></li>
            </ul>
        </div>
        
    </div>
</div>
<p> </p>
<p class="" data-start="177" data-end="398">Dans le cadre d’une mission d’ingénierie pédagogique, j’ai eu l’opportunité d’accompagner un ingénieur pédagogique dans la création et l’amélioration d’un parcours e-learning interactif sur <strong data-start="367" data-end="395">Articulate Storyline 360</strong>.</p>
<div id="sp_easy_accordion-1749055993"><div id="sp-ea-2328" class="sp-ea-one sp-easy-accordion" data-ea-active="ea-click" data-ea-mode="vertical" data-preloader="" data-scroll-active-item="" data-offset-to-scroll="0"><div class="ea-card ea-expand sp-ea-single"><h3 class="ea-header"><a class="collapsed" id="ea-header-23280" role="button" data-sptoggle="spcollapse" data-sptarget="#collapse23280" aria-controls="collapse23280" href="#" aria-expanded="true" tabindex="0"><i role="presentation" class="ea-expand-icon eap-icon-ea-expand-minus"></i> <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e9.png" alt="🧩" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Synthèse du projet</a></h3><div class="sp-collapse spcollapse collapsed show" id="collapse23280" data-parent="#sp-ea-2328" role="region" aria-labelledby="ea-header-23280"> <div class="ea-body"><p>Dans le cadre d’une mission en ingénierie pédagogique, j’ai accompagné un ingénieur pédagogique dans la création et l’enrichissement d’un parcours e-learning interactif avec <strong data-start="356" data-end="384">Articulate Storyline 360</strong>.<br data-start="385" data-end="388" /><strong>L’objectif principal</strong> : renforcer l’interactivité, améliorer l’accessibilité, optimiser le design et automatiser certaines tâches pour gagner en efficacité.<br data-start="543" data-end="546" />Ce projet a combiné des compétences techniques (variables, calques, déclencheurs), graphiques (design visuel, vidéos, zooms interactifs) et pédagogiques (méthode FALC, personnalisation de l’apprentissage), avec une attention forte portée à l’<strong data-start="788" data-end="814">expérience utilisateur</strong>.</p></div></div></div><div class="ea-card sp-ea-single"><h3 class="ea-header"><a class="collapsed" id="ea-header-23281" role="button" data-sptoggle="spcollapse" data-sptarget="#collapse23281" aria-controls="collapse23281" href="#" aria-expanded="false" tabindex="0"><i role="presentation" class="ea-expand-icon eap-icon-ea-expand-plus"></i> <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e0.png" alt="🧠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Renforcement de l'interactivité et de la personnalisation</a></h3><div class="sp-collapse spcollapse " id="collapse23281" data-parent="#sp-ea-2328" role="region" aria-labelledby="ea-header-23281"> <div class="ea-body"><p class="" data-start="464" data-end="613">L’un des objectifs clés de cet accompagnement était d’optimiser l’interactivité du module en exploitant les fonctionnalités avancées de Storyline :</p><ul data-start="614" data-end="993"><li class="" data-start="614" data-end="691"><p class="" data-start="616" data-end="691"><strong data-start="616" data-end="645">Utilisation des variables</strong> pour personnaliser l’expérience utilisateur</p></li><li class="" data-start="692" data-end="777"><p class="" data-start="694" data-end="777"><strong data-start="694" data-end="715">Gestion des états</strong> pour modifier l’apparence des objets selon les interactions</p></li><li class="" data-start="778" data-end="884"><p class="" data-start="780" data-end="884"><strong data-start="780" data-end="814">Configuration des déclencheurs</strong> afin d'automatiser les actions en fonction des choix de l’apprenant</p></li><li class="" data-start="885" data-end="993"><p class="" data-start="887" data-end="993"><strong data-start="887" data-end="932">Utilisation des calques et des conditions</strong> pour un affichage dynamique et contextuel des informations</p></li></ul><p class="" data-start="995" data-end="1147">Nous avons également travaillé sur les <strong data-start="1034" data-end="1070">quiz et les banques de questions</strong>, en intégrant un fichier Excel de questions pour automatiser leur gestion.</p></div></div></div><div class="ea-card sp-ea-single"><h3 class="ea-header"><a class="collapsed" id="ea-header-23282" role="button" data-sptoggle="spcollapse" data-sptarget="#collapse23282" aria-controls="collapse23282" href="#" aria-expanded="false" tabindex="0"><i role="presentation" class="ea-expand-icon eap-icon-ea-expand-plus"></i> <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a8.png" alt="🎨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Améliorations graphiques et multimédia</a></h3><div class="sp-collapse spcollapse " id="collapse23282" data-parent="#sp-ea-2328" role="region" aria-labelledby="ea-header-23282"> <div class="ea-body"><p class="" data-start="1194" data-end="1313">Pour enrichir le parcours et améliorer l’engagement des apprenants, plusieurs éléments multimédias ont été intégrés :</p><ul data-start="1314" data-end="1767"><li class="" data-start="1314" data-end="1383"><p class="" data-start="1316" data-end="1383"><strong data-start="1316" data-end="1342">Mise en forme du texte</strong> avec l’application de styles cohérents</p></li><li class="" data-start="1384" data-end="1467"><p class="" data-start="1386" data-end="1467"><strong data-start="1386" data-end="1412">Ajout de zones de zoom</strong> et d’objets interactifs pour dynamiser la navigation</p></li><li class="" data-start="1468" data-end="1528"><p class="" data-start="1470" data-end="1528"><strong data-start="1470" data-end="1526">Gestion avancée de la chronologie et des transitions</strong></p></li><li class="" data-start="1529" data-end="1606"><p class="" data-start="1531" data-end="1606"><strong data-start="1531" data-end="1561">Intégration de contenu web</strong> et d’un <strong data-start="1570" data-end="1604">PDF embarqué via une page HTML</strong></p></li><li class="" data-start="1607" data-end="1690"><p class="" data-start="1609" data-end="1690"><strong data-start="1609" data-end="1646">Montage vidéo et traitement audio</strong> pour optimiser les ressources multimédias</p></li><li class="" data-start="1691" data-end="1767"><p class="" data-start="1693" data-end="1767"><strong data-start="1693" data-end="1736">Création d’une ressource en panoramique</strong> pour une immersion améliorée</p></li></ul></div></div></div><div class="ea-card sp-ea-single"><h3 class="ea-header"><a class="collapsed" id="ea-header-23283" role="button" data-sptoggle="spcollapse" data-sptarget="#collapse23283" aria-controls="collapse23283" href="#" aria-expanded="false" tabindex="0"><i role="presentation" class="ea-expand-icon eap-icon-ea-expand-plus"></i> <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/267f.png" alt="♿" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Accessibilité et ergonomie : une priorité</a></h3><div class="sp-collapse spcollapse " id="collapse23283" data-parent="#sp-ea-2328" role="region" aria-labelledby="ea-header-23283"> <div class="ea-body"><p class="" data-start="1817" data-end="2023">Au-delà des aspects techniques, l’accessibilité a été un axe de travail important. Après la découverte de la <strong data-start="1926" data-end="1974">méthode FALC (Facile À Lire et à Comprendre)</strong>, nous avons mis en place plusieurs solutions :</p><ul data-start="2024" data-end="2170"><li class="" data-start="2024" data-end="2089"><p class="" data-start="2026" data-end="2089"><strong data-start="2026" data-end="2053">Sous-titrage des vidéos</strong> pour les personnes malentendantes</p></li><li class="" data-start="2090" data-end="2170"><p class="" data-start="2092" data-end="2170"><strong data-start="2092" data-end="2130">Ajout de descriptions alternatives</strong> pour les images et objets interactifs</p></li></ul></div></div></div><div class="ea-card sp-ea-single"><h3 class="ea-header"><a class="collapsed" id="ea-header-23284" role="button" data-sptoggle="spcollapse" data-sptarget="#collapse23284" aria-controls="collapse23284" href="#" aria-expanded="false" tabindex="0"><i role="presentation" class="ea-expand-icon eap-icon-ea-expand-plus"></i> <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5bc.png" alt="🖼" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Design et composition visuelle : optimisation graphique</a></h3><div class="sp-collapse spcollapse " id="collapse23284" data-parent="#sp-ea-2328" role="region" aria-labelledby="ea-header-23284"> <div class="ea-body"><p class="" data-start="2234" data-end="2347">Un travail approfondi sur la composition graphique a permis d'améliorer l’ergonomie et l’esthétique du module :</p><ul data-start="2348" data-end="2538"><li class="" data-start="2348" data-end="2462"><p class="" data-start="2350" data-end="2462"><strong data-start="2350" data-end="2426">Application de la règle des tiers, du nombre d’or et des lignes de force</strong> pour une mise en page harmonieuse</p></li><li class="" data-start="2463" data-end="2538"><p class="" data-start="2465" data-end="2538"><strong data-start="2465" data-end="2489">Théorie des couleurs</strong> pour optimiser le contraste et l’impact visuel</p></li></ul></div></div></div><div class="ea-card sp-ea-single"><h3 class="ea-header"><a class="collapsed" id="ea-header-23285" role="button" data-sptoggle="spcollapse" data-sptarget="#collapse23285" aria-controls="collapse23285" href="#" aria-expanded="false" tabindex="0"><i role="presentation" class="ea-expand-icon eap-icon-ea-expand-plus"></i> <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2699.png" alt="⚙" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Automatisation et gain de temps</a></h3><div class="sp-collapse spcollapse " id="collapse23285" data-parent="#sp-ea-2328" role="region" aria-labelledby="ea-header-23285"> <div class="ea-body"><p class="" data-start="2578" data-end="2695">Pour fluidifier le processus de conception et garantir une meilleure cohérence graphique, nous avons mis en place :</p><ul data-start="2696" data-end="2858"><li class="" data-start="2696" data-end="2780"><p class="" data-start="2698" data-end="2780"><strong data-start="2698" data-end="2741">L’utilisation des diapositives d’équipe</strong> pour un partage efficace des modèles</p></li><li class="" data-start="2781" data-end="2858"><p class="" data-start="2783" data-end="2858"><strong data-start="2783" data-end="2823">La création de modèles personnalisés</strong> afin de standardiser les formats</p></li></ul></div></div></div><div class="ea-card sp-ea-single"><h3 class="ea-header"><a class="collapsed" id="ea-header-23286" role="button" data-sptoggle="spcollapse" data-sptarget="#collapse23286" aria-controls="collapse23286" href="#" aria-expanded="false" tabindex="0"><i role="presentation" class="ea-expand-icon eap-icon-ea-expand-plus"></i> <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Conclusion</a></h3><div class="sp-collapse spcollapse " id="collapse23286" data-parent="#sp-ea-2328" role="region" aria-labelledby="ea-header-23286"> <div class="ea-body"><p class="" data-start="2877" data-end="3122">Initialement centrée sur l’accompagnement sur Articulate Storyline 360, cette mission s’est enrichie d’un travail approfondi sur <strong data-start="3006" data-end="3061">l’accessibilité, l’ergonomie et le design graphique</strong>, rendant le parcours plus intuitif, attractif et efficace.</p><p class="" data-start="3124" data-end="3250">Grâce à ces améliorations, le projet final offre une expérience utilisateur optimisée et adaptée aux besoins des apprenants.</p></div></div></div><div class="ea-card sp-ea-single"><h3 class="ea-header"><a class="collapsed" id="ea-header-23287" role="button" data-sptoggle="spcollapse" data-sptarget="#collapse23287" aria-controls="collapse23287" href="#" aria-expanded="false" tabindex="0"><i role="presentation" class="ea-expand-icon eap-icon-ea-expand-plus"></i> <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e9.png" alt="🧩" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Enjeux & Difficultés rencontrées</a></h3><div class="sp-collapse spcollapse " id="collapse23287" data-parent="#sp-ea-2328" role="region" aria-labelledby="ea-header-23287"> <div class="ea-body"><p></br></p><h3 data-start="822" data-end="860"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong data-start="829" data-end="860">Principaux enjeux du projet</strong></h3><p></br></p><ul data-start="862" data-end="1231"><li data-start="862" data-end="954"><p data-start="864" data-end="954">Créer un <strong data-start="873" data-end="932">parcours e-learning interactif, engageant et accessible</strong> à tous les publics.</p></li><li data-start="955" data-end="1082"><p data-start="957" data-end="1082">Exploiter les <strong data-start="971" data-end="1012">fonctionnalités avancées de Storyline</strong> pour offrir une personnalisation riche et une navigation dynamique.</p></li><li data-start="1083" data-end="1231"><p data-start="1085" data-end="1231">Renforcer l’impact pédagogique par une <strong data-start="1124" data-end="1156">mise en page professionnelle</strong>, des <strong data-start="1162" data-end="1188">ressources multimédias</strong> de qualité, et des contenus <strong data-start="1217" data-end="1230">inclusifs</strong>.</p></li></ul><p></br></p><h3 data-start="1238" data-end="1272"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong data-start="1245" data-end="1272">Difficultés rencontrées</strong></h3><p></br></p><ul data-start="1274" data-end="1760"><li data-start="1274" data-end="1390"><p data-start="1276" data-end="1390">Prise en main et <strong data-start="1293" data-end="1347">paramétrage complexe des variables et déclencheurs</strong>, nécessitant rigueur et tests multiples.</p></li><li data-start="1391" data-end="1518"><p data-start="1393" data-end="1518">Intégration <strong data-start="1405" data-end="1433">accessible et responsive</strong> des contenus multimédias (vidéos sous-titrées, PDF embarqué, images alternatives).</p></li><li data-start="1519" data-end="1649"><p data-start="1521" data-end="1649"><strong data-start="1521" data-end="1550">Standardisation graphique</strong> sur un projet à plusieurs mains, avec une forte exigence de cohérence visuelle et fonctionnelle.</p></li><li data-start="1650" data-end="1760"><p data-start="1652" data-end="1760"><strong data-start="1652" data-end="1679">Automatisation des quiz</strong> à partir d’un fichier Excel, demandant une bonne gestion des formats et balises.</p></li></ul></div></div></div></div></div>
<p> </p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
