Nouveau Support - Vidéos

telohtrab commented 4 years ago

Source Keynote : https://www.icloud.com/keynote/0B4ETPkWamipm6H_o8YDB4OhQ#PE_-_Suport_pre%CC%81sentation_et_de%CC%81ploiement_Eva

Vidéo du parcours candidat coté produit :

Capture vidéo du parcours entier Je suis candidat, je réalise les serious games eva Qu'est ce qui se passe à la fin de ce parcours ? Arrêt sur l'écran avec les potentiels et la liste des métiers Cartel "J'échange avec mon conseiller sur mes résultats" Pack-shot eva

Vidéo du parcours conseiller :

1ère partie : Qu'est ce qu'eva ? Outil ludique, utilisé sur plein de mondes, serious game

Seconde partie : Tuto J'organise une session collective (présentiel ou à distance) Aller chercher les données dans l'admin Je restitue Merci & contact@beta.gouv.fr

Référence à issue #593

telohtrab commented 4 years ago

Vidéo parcours candidat (je suis parti du principe, qu'on ferait certainement une voix par dessus et qui commente la vidéo bien plus agréable que des textes affichés)

telohtrab commented 4 years ago

Vidéo parcours conseiller (WIP) La première partie "qu'est ce qu'eva" est maquettée ici.

Bien sûr, je pourrai faire le montage et j'essaierais dans la mesure de mes capacités d'animer une partie de ces écrans pour que ce soit plus agréable à regarder.

Laurenmichel21 commented 4 years ago

Merci Benjamin pour ces premières maquettes c'est cool, voici mes retours : parcours candidat

Peut-on garder un seul écran bleu au début du la video afin d'entrer directement sur celui oui il y le logo + la baseline ? parcours conseiller
idem : Peut-on garder un seul écran bleu au début du la video afin d'entrer directement sur celui oui il y le logo + la baseline ?
Le fond orange peut-il être remplacé par nos deux couleurs prédominantes sur le site , soit le vert par exemple ? Nb: ne pas afficher dans les serious game la MES prévention que l'on a retiré de toutes les campagnes

laurenehoutin commented 4 years ago

Hello, Je trouve cela top ! Par contre je trouve que sur les slides avec bulles pour les conseillers, l'écriture est vraiment trop petite.

telohtrab commented 4 years ago

Merci Benjamin pour ces premières maquettes c'est cool, voici mes retours : parcours candidat

Peut-on garder un seul écran bleu au début du la video afin d'entrer directement sur celui oui il y le logo + la baseline ?

J'ai simplement mis ça en scène pour dire qu'à terme ce sera le même "plan", c'est simplement que l'un apparaîtra avant l'autre, mais c'est l'affaire de quelques secondes à peine. Le découpage est peut-être trop précis dans ce cas, je voulais pas induire en erreur.

parcours conseiller

idem : Peut-on garder un seul écran bleu au début du la video afin d'entrer directement sur celui oui il y le logo + la baseline ?

idem ci dessus

Le fond orange peut-il être remplacé par nos deux couleurs prédominantes sur le site , soit le vert par exemple ?

Le fond orange est pour signifier une section, je trouvais que ça faisait une saturation intéressante pour attirer l'attention. D'autres sections utiliseront d'autres couleurs. Ce jaune est dans notre palette également :) Pour rappel :

Nb: ne pas afficher dans les serious game la MES prévention que l'on a retiré de toutes les campagnes

Ok pour retirer prévention, je ne savais pas qu'elle avait sauté.

telohtrab commented 4 years ago

Hello, Je trouve cela top ! Par contre je trouve que sur les slides avec bulles pour les conseillers, l'écriture est vraiment trop petite.

Yes je pense aussi que ce sera trop petit. Gardons en tête qu'il s'agit de maquettes et qu'une fois en montage je pourrai certainement zoomer sur certaines sections de texte et qu'une voix-off serait intéressante à ajouter.

laurenehoutin commented 4 years ago

Ok !

telohtrab commented 4 years ago

La suite de la vidéo conseiller "J'organise". L'idée c'est qu'il y aura toujours bien sûr des transitions propres entre les écrans. J'essaie de réfléchir en terme de modules pour que ça soit facilement modifiable en cas de mise à jour

laurenehoutin commented 4 years ago

Hello Benjamin, super merci ! Mes remarques :

je trouve cela bizarre que les trucs soient très sur les côtés, ca fait un peu vide au centre de l'écran
La slide 4 donne l'impression que vert = en présentiel et violet = virtuel, et ensuite ca n'est pas comme ça
Je trouve que globalement ca manque de blanc (mais ca c'est une affaire de gout, je préfère quand c'est plus mixé en termes de couleurs comme sur la 1)

telohtrab commented 4 years ago

Merci pour tes retours, ça reste du storyboard et c'est difficile à véhiculer tant que ce n'est pas en mouvement :-/

Effectivement, avec le recul, je pourrais resserrer un peu au centre

Pour la question des couleurs, j'ai séparé pour renforcer le fait que c'est différent entre les deux, mais pour tous les autres, j'ai ajouté le "en présentiel comme en virtuel" car les pré-requis sont les mêmes. C'est pour ça que le violet est vide d'ailleurs.

Pour la question du blanc, je suis d'accord, je suis un fervent défenseur des espaces négatifs et du minimalisme. La raison pour laquelle je choisi de mettre des grands applats de couleurs, c'est que si les conseillers ont besoin de revenir dans des sections précises de la vidéo, les gros titres et les couleurs devraient aider à retrouver un moment particulier à revoir ; plus UX donc.

telohtrab commented 4 years ago

J'intègrerai tous ces retours une fois en montage et en "mouvement" :-)

laurenehoutin commented 4 years ago

D'accord ! :)

telohtrab commented 4 years ago

Pfiouh, le rendu de la vidéo a été plus long que ce que j'imaginais...

Voici une première version sans son de la vidéo Candidat. https://youtu.be/FMac2JmhgLo

laurenehoutin commented 4 years ago

Bravo pour cette vidéo ! Les animations sont cool, ca fait vraiment un bel effet. Mes remarques :

j'équipe mes écouteurs = bizarre. Je mets mes écouteurs ?
pour les mises en situation et leur complétion : est-il possible de ne pas mettre la vidéo des MES complètes pour pouvoir prendre le même temps en allant moins vite ? Parce que là on ne capte pas bien car c'est très rapide.
"je consulte mes potentiels et leurs métiers associés" => possible de mettre "et les métiers associés" ?
"j'échange avec mon conseiller sur les résultats" => "mon conseiller / ma conseillère"

Laurenmichel21 commented 4 years ago

Top la video et les effets sont vraiment cool ! Juste une seule remarque ci-dessous :

remplacer le wording du code campagne demo par test

telohtrab commented 4 years ago

Merci pour vos retours

@laurenehoutin Les wordings sont des placeholders que j'ai écris au fur et à mesure, pas de souci pour changer les différentes phrases. J'en prends note.

Je ne suis pas sûr de comprendre la partie sur les mises en situations, j'avais compris qu'on souhaitais accélérer pour ne montrer aucune solution ? Et même en les mettant partiellement on va forcément induire un biais si on montre des réponses (vraies ou pas), non ?

@Laurenmichel21 Le wording fait partie intégrante de l'enregistrement, il faudra que je refasse un enregistrement de passation pour le remplacer, je vais tenter de l'ajouter par dessus mais j'ai peur que ça fasse bizarre. Je referai de toute façon un enregistrement une fois le "Je donne mon avis" intégré en prod.

Pour info, j'avance bien sur la vidéo conseiller, mais celle-ci est encore plus fournie en contenus, j'en poste des petits bouts sur le Slack pour vous donner une idée mais il y a encore du boulot.

laurenehoutin commented 4 years ago

Cool pour le wording.

En ce qui concerne la partie sur les mises en situations, l'idée n'est pas qu'on aille suffisamment lentement pour qu'on puisse pendre le temps de lire et de voir les réponses, mais juste que ca fasse un peu moins l'effet "tête qui tourne". Je parle vraiment de ralentir un tout petit peu ! Si pas possible, pas de problème, de toute façon c'est déjà super !

telohtrab commented 4 years ago

Merci encore :)

Ok, je comprends, il faudra que je refasse l'enregistrement de toute manière donc je verrai si je peux jouer un peu sur la vitesse. Aujourd'hui, il y a une modif que vous n'avez pas encore, c'est que cet écran est un peu plus transparent encore pour qu'on évite que le regard ne s'y accroche trop, peut-être que ça suffira ;-)

Laurenmichel21 commented 4 years ago

EDIT BENJAMIN : Pour préciser ton retour > Vidéo Conseiller > Section "Pour qui ?"

Cible proposition de wording plus generaliste : Maison départementales d'action sociale Service public de l'emploi Structure d'insertion sociale et professionnelle Structure d'Insertion par l'Activité Économique

telohtrab commented 4 years ago

@Laurenmichel21 Je me rends compte que dans le brief et le keynote, je n'ai aucun détail sur la captation admin. Quel parcours exactement veut-on montrer ?

Je m'occupe de cette dernière partie demain et on devrait être ok sur la vidéo Conseiller.

Je suis en train de terminer la partie "J'anime"

La vidéo candidat est ok, j'ai refait la partie Timelapse qui était problématique fin de semaine dernière.

Laurenmichel21 commented 4 years ago

@telohtrab ce que je veux que l'on montre :

La connection à l'admin ( mail et mot de passe)
Comment je vais consulter les profils des candidats qui on passé eva
Quelles sont les choses à regarder sur la restitution , vite fais sur la partie questionnaire auto positionnement , résultat
Comment j'imprime les résultats s (bouton en haut à droite) => super important car c'est des retours régulier que nous avons.

telohtrab commented 4 years ago

Ok merci, je mettrai ce que je peux comme texte, j'imagine à corriger en fonction de ce qui doit être dit sur chacune de ces étapes.

laurenehoutin commented 4 years ago

Voici mes retours au sujet des dernières vidéos (date : 2 juin 2020). Encore bravo pour la qualité Benjamin !

Au tout début : Manque s à serious games ("5 serious game", "3 serious game") 2, j'anime : leur{s} potentiel{s}, 3, je restitue : "un descriptif ainsi qu'un lien vers les métiers associés {sont disponibles dans} la colonne de droite3, je restitue : "dans quels serious-game{s} vous êtes vous..." 3, je restitue : "Je parcour{s}" 3, je restitue : "en PDF en numérique" fait bizarre, puis "des pistes d'actions" il convient de retirer le s à actions,

Problèmes de pixelisation à voir ensemble comme évoqué dans Slack

Textes trop à droite avec écriture coupée (cf photo) : je ne sais pas si c'est volontaire mais moi je trouve ca bizarre

Capture d’écran 2020-06-03 à 09 34 01

telohtrab commented 4 years ago

Version corrigée de la vidéo Conseiller : https://youtu.be/qiauh8aCynU Version corrigée de la vidéo Candidat : https://youtu.be/PEsUywfI4mM

betagouv / eva

Nouveau Support - Vidéos #872