web-dev-qa-db-fra.com

Meilleure méthode de présentation des interactions / animations de l'interface utilisateur pour les études de cas ou les portefeuilles?

Je construis un site plein d'études de cas et je veux pouvoir montrer des animations d'interface utilisateur de la façon dont l'utilisateur interagit avec l'interface. Mon application est une application basée sur un navigateur.

Quelques choses simples que je voudrais montrer:

  • un utilisateur repliant et développant les sections du panneau gauche
  • un utilisateur interagissant avec l'aperçu du fichier (zoom, glisser)

Quelle méthode les gens utilisent-ils habituellement pour cela? Est-ce qu'ils enregistrent simplement avec une application d'enregistrement d'écran, puis saisissent la vidéo dans leur site, ou utilisent-ils une application de prototypage et enregistrent à partir de là? Je suis nouveau dans la présentation à travers la vidéo et l'animation, donc toute réflexion serait appréciée.

enter image description here

1
jmchauv

La sélection d'une application pour afficher les interactions des utilisateurs dépend du nombre d'interactions que vous souhaitez afficher à la fois et de l'utilisation ou non de l'audio avec les démonstrations.

Si les interactions sont trop petites, comme le simple développement et la réduction des panneaux, vous pouvez créer un GIF. Si les interactions sont trop importantes, une application d'enregistrement d'écran est la mieux adaptée pour laquelle il existe de nombreuses extensions disponibles dans Chrome, Mozilla Firefox. https://www.useloom.com/ . Si vous souhaitez créer une vidéo personnalisée, il existe des applications comme CanvasFlip. En outre, vous pouvez trouver des applications similaires sur https://medium.com/@CanvasFlip/prototyping-tools-to-record-your-mobile-app-web-prototypes-da7579a0d157

0
Angiras Joshi