Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Nouveau Support - Vidéos #872

Open
telohtrab opened this issue Apr 8, 2020 · 24 comments
Open

Nouveau Support - Vidéos #872

telohtrab opened this issue Apr 8, 2020 · 24 comments
Assignees
Labels
design Implémentation du design
Projects

Comments

@telohtrab
Copy link

telohtrab commented Apr 8, 2020

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 telohtrab created this issue from a note in eva (En cours métier) Apr 8, 2020
@telohtrab telohtrab self-assigned this Apr 8, 2020
@telohtrab telohtrab added the design Implémentation du design label Apr 8, 2020
@telohtrab
Copy link
Author

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)

image

@telohtrab
Copy link
Author

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.

image

@Laurenmichel21
Copy link

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
Copy link

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
Copy link
Author

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 :
image

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
Copy link
Author

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
Copy link

Ok !

@telohtrab
Copy link
Author

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

image

@laurenehoutin
Copy link

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
Copy link
Author

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
Copy link
Author

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

@laurenehoutin
Copy link

D'accord ! :)

@telohtrab
Copy link
Author

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
Copy link

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
Copy link

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
Copy link
Author

telohtrab commented May 19, 2020

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
Copy link

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
Copy link
Author

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
Copy link

Laurenmichel21 commented May 20, 2020

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
Copy link
Author

@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
Copy link

@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
Copy link
Author

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
Copy link

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’écran 2020-06-03 à 09 32 46

Capture d’écran 2020-06-03 à 09 32 59

![Capture d’écran 2020-06-03 à 09 34 01](https://user-images.githubusercontent.com/56107558/83610368-9ce67500-a57f-11ea-88a4-349650a74e76.png)

@telohtrab
Copy link
Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design Implémentation du design
Projects
eva
En cours métier
Development

No branches or pull requests

3 participants