Projet Acteev

Dans le cadre d’une remise à niveau d’un important dispositif e-learning, nous avons conçu et réalisé une toute nouvelle version de l’éditeur de contenus interactifs en ligne. La version précédente était réalisée sous Flash mais nous avons opté avec le client pour une véritable application web, pérenne, affranchissant ainsi le projet des contraintes inutiles.

Projet <strong>Acteev</strong>
html5

Technologies

Acteev représente l'exemple typique d'une web application réalisée grâce à l'HTML5, CSS3 et Google Web Toolkit. Pour les utilisateurs pas d'installation nécessaire sur leur poste. Les bénéfices d'une application, sans les inconvénients.

UX Design

1. La navigation

L’une des premières difficultés d’un éditeur de contenu interactif est l’organisation des pages et des objets. Pour faciliter cette problématique, nous avons opté pour une présentation en couches qui permet d’identifier d’un coup d’oeil les pages et les éléments utilisés. Nous en avons profité pour enrichir cette présentation avec des accès rapides aux outils d’éditions des objets pour laisser le choix à l’utilisateur de passer ou non par la scène.

Feedback

2. La création

De nombreux auteurs contribuent quotidiennement au dispositif e-learning. Pour leur simplifier la tâche nous avons créé une zone de création aussi intuitive et proche que possible du rendu définitif proposé aux apprenants. Ce choix a permis aux auteurs de travailler “en direct” et de réduire ainsi le temps d’édition de plus de 50% par rapport à la version précédente.

Timeline

2. Les avantages du web

L’un des principaux avantages du html, outre l’aspect sémantique et universel du langage, concerne l’utilisation des CSS. Travailler avec des feuilles de style a permis au client de décliner de nombreuses versions différentes des contenus produits afin d’adapter le contenant aux besoins des utilisateurs. Changer la forme des objets, augmenter la taille du texte ou modifier l’aspect de la page ne prend que quelques secondes !

Timeline