Comment dois-je aborder un didacticiel vidéo pour une application Web réactive?
Lors de la création de didacticiels (vidéo ou autres) pour une application Web réactive, à quelle taille dois-je afficher l'interface? Mobile? Bureau? Doit-il s'agir de vidéos distinctes?
Le contenu vidéo/didacticiel doit être spécifique au contexte de l'utilisateur. Ainsi, pour un point d'arrêt de smartphone, le didacticiel doit refléter l'interface du smartphone, etc.
L'idée de l'aide/du tutoriel est de donner des réponses à l'utilisateur et si l'utilisateur doit le traduire d'un point d'arrêt à un autre, cela leur imposera beaucoup plus de charge cognitive.
Je ne sais pas ce que vous voulez faire cependant, vous devriez vous concentrer sur le scénario de ce que vous voulez montrer. Je pense que la vidéo devrait être divisée en actions plutôt qu'en tailles d'écran.
- Dans quelles actions pensez-vous que l'utilisateur souhaite utiliser la vue d'écran mobile?
- Dans quelles actions pensez-vous que l'utilisateur souhaite utiliser la vue Bureau?
Après avoir conçu votre scénario vidéo, le choix de l'outil est un autre sujet qui aura un effet sur la qualité. Dans ma propre expérience, j'ai utilisé Camstudio (un outil gratuit) et vous devez faire attention aux choix de codec. Certains codecs diminuent la qualité lors de l'édition de la vidéo.
J'ai enregistré deux fois le même flux à cause d'une mauvaise qualité (problèmes de codec). Lagarith est l'un des meilleurs codecs que vous pouvez trouver à des fins d'enregistrement d'écran.
Si vous remplissez une interaction de texte ou de zone de texte, vous devez zoomer sur l'action (un peu) à partir de votre navigateur car l'enregistrement d'écran dépend de la résolution de votre écran. Lorsque vous souhaitez zoomer sur ces actions lors de l'édition (en particulier avec les outils Adobe), le fait d'avoir une vue pixellisée n'augmentera pas l'expérience globale.
Pour l'enregistrement mobile, vous devez préciser quel type d'actions l'utilisateur prend-il? Touchez, faites glisser et sa direction.
Bonne chance avec votre tutoriel vidéo.
Vous devez absolument montrer à la fois le mobile et le bureau (et peut-être un troisième, de taille moyenne pour les petites tablettes comme l'iPad Mini et le Kindle Fire). Votre interface de bureau devrait être au moins suffisamment large pour accueillir la plus petite taille d'écran actuellement utilisée (généralement acceptée comme 1024px) mais pour atteindre une efficacité maximale, elle devrait être plus large pour afficher les marges droite et gauche et l'espace négatif. Avec des cadres réactifs tels que la Fondation Zurb et le Bootstrap de Twitter, les plus petites largeurs d'écran peuvent être simulées en redimensionnant votre navigateur au-delà des points d'arrêt de requête multimédia définis dans votre CSS, il n'est donc pas nécessaire de faire des vidéos distinctes.