Tutoriel vidéo design d'interaction

Vidéo à la demande sur IAFACTORY :)

Vous avez besoin de travailler le design d'interaction, et plus généralement la conception détaillée de votre dispositif digital, notamment les wireframes, mais vous ne savez pas trop comment vous y prendre ? Pas de panique, IAFACTORY va vous guider dans la conception d'un dispositif digital !

Ce pack en téléchargement vous propose 3 vidéos soit 5H30 de conseil autour de la conception d'un dispositif digital :

• vidéo "Scénarisation des interactions" - 92 minutes / format .mp4 / 743 Mo
• vidéo "Modélisation du zoning " - 84 minutes / format .mp4 / 603 Mo
• vidéo "Conception des écrans, wireframing" - 154 minutes / format .mp4 / 934 Mo
• vous pouvez lire le descriptif et voir un court extrait pour chaque vidéo ci-dessous

Vidéo "Scénarisation des interactions"
Dans la vidéo "Scénarisation des interactions", nous allons faire le point sur la problématique du fonctionnement du dispositif digital en travaillant l'inventaire des gabarits du dispositif digital, c'est à dire tous les composants fonctionnels nécessaires pour concevoir un dispositif digital... Nous verrons également comment modéliser et projeter le fonctionnement du dispositif digital au travers de l'arborescence fonctionnelle... 

Dans cette vidéo, nous vous expliquons également comment utiliser les modèles mis à votre disposition pour modéliser le fonctionnement du dispositif digital (inventaire des gabarits et arborescence fonctionnelle). Globalement, c'est une vidéo qui présente à la fois des méthodes, des conseils, des exemples, et des outils.Cette vidéo est illustrée par 7 exemples concrets pour vous montrer comment travailler sur le fonctionnement d'un dispositif digital :

• cas IPSO SANTE,
• cas TRYBA,
• cas CDISCOUNT,
• cas LA POSTE,
• cas SOMFY,
• cas RAJA,
• cas ORANGE.

Vidéo "Modélisation du zoning"
Dans la vidéo "Modélisation du zoning", nous allons travailler sur la modélisation générale des principes d'interface au travers d'une approche de conception macro afin de définir les grandes zones du dispositif digital. Il s'agit d'une vidéo qui présente à la fois des méthodes, des conseils, des exemples, et des outils. Cette vidéo pragmatique est richement illustrée au travers de 7 exemples concrets afin que vous puissiez bien saisir l'importance du zoning :

• cas CDISCOUNT,
• cas SECURITE ROUTIERE,
• cas CARREFOUR BANQUE,
• cas VALEO,
• cas UNIVERSITE POITIERS,
• cas MALAKOFF MEDERIC,
• cas PIERRE ET VACANCES. 

Vidéo "Conception des écrans, wireframing"
Dans la vidéo "Conception des écrans, wireframing", nous allons faire un point complet sur les problématiques de conception d'interface et notamment de la modélisation de l'interface au travers des wireframes... C'est une vidéo pleine de conseil et de méthodes qui contient 12 exemples de projets de wireframing pour bien saisir les étapes de la modélisation des écrans et la problématique du wireframing :

• cas ISPO SANTE,
• cas TRYBA,
• cas LOREAL,
• cas DS,
• cas CDISCOUNT,
• cas ERDF,
• cas VALEO,
• cas ARPENTERS,
• cas CHANEL,
• cas AUCHAN,
• cas CARREFOUR,
• cas PACO RABANNE. 

Ces vidéos sont animées par Julien MUCKENSTURM qui vous explique comment travailler la conception de votre dispositif digital :

• Des explications précises sur les méthodes
• Des conseils techniques pour la réalisation
• Des illustrations de cas clients pour vous inspirer
• Des démonstrations pour la formalisation

Une formule avantageuse : livrables inclus !

En complément de ces vidéos, IAFACTORY vous fournit des modèles prêts à l'utilisation pour vos projets.

• inclus modèles arborescence fonctionnelle : vendu seul 20,00€,
• inclus modèles inventaire fonctionnel : vendu seul 20€,
• inclus modèles zoning : vendu seul 20,00 €,
• inclus modèles wireframing : vendu seul 20,00€.

Des modèles pour concevoir - fonctionnement, zoning, wireframing

Dans ce pack, et dans le prolongement des conseils vidéos, IAFACTORY met à votre disposition plusieurs modèles clés en main, facile à éditer et prêts à l'utilisation pour concevoir un dispositif digital. Les modèles que nous vous proposons sont 100% personnalisables.  Vous pouvez créer des documents sur-mesure avec votre logo, votre charte, en personnalisant la couverture et le thème.

Inclus 2 modèles pour personnaliser votre document :

• 00a  votre société : votre couverture, votre logo, votre société, révisions et historique du document
• 01b  vierge : pour personnaliser à 100% votre présentation

Inclus 6 modèles au format paysage pour modéliser le fonctionnement d'un dispositif digital (pack vendu seul : 20,00 €)
Pour les illustrations visuelles et les infos détaillées de ces modèles, veuillez consulter la fiche livrable arborescence fonctionnelle

• 15a  l’arborescence 2d fonctionnelle
• 15b  l’arborescence isométrique fonctionnelle
• 15c  la cartographie des processus
• 15d  la cartographie des flux
• 15e  le plan de taggage
• 15f  le listing des tags

Inclus 2 modèles pour lister / inventorier les composantes fonctionnelles du dispositif - fonctionnalités & gabarits (pack vendu seul : 20,00 €)
Pour les illustrations visuelles de ces modèles, veuillez consulter la fiche livrable inventaire fonctionnel

• 16a  le listing des fonctionnalités
• 16b  l’inventaire des gabarits
• +1   fichier excel avec formules dynamiques

Inclus 5 modèles au format paysage pour modéliser le zoning de l'interface (pack vendu seul : 20,00 €)
Pour les illustrations visuelles et les infos détaillées de ces modèles, veuillez consulter la fiche livrable zoning

• 17a  le listing des exigences en matière d’accessibilité
• 17b  le listing des exigences en matière technique
• 17c  le listing des contraintes publicitaires
• 17d  la priorisation des principaux messages
• 17e  les règles d’interface avec zoning

Inclus 18 modèles au format paysage pour concevoir - wireframing (pack vendu seul : 20,00 €) :
Pour les illustrations visuelles et les infos détaillées de ces modèles, veuillez consulter la fiche livrable wireframing

• 3 grilles de wireframing pour sites web avec commentaires (18a  / 18b  / 18c)
• 2 supports pour les spécifications des gabarits et le design des modules spécifiques (18d  / 18e)
• la grille de storyboard « grid system » à coupler avec les éléments de la médiathèque (18f)
• 3 grilles de wireframing pour résolution full hd avec commentaires (18g / 18h / 18i)
• grille de wireframing libre sans commentaires (18j)
• 7 grilles de wireframing pour supports mobiles (18k / 18l / 18m / 18n / 18o / 18p)

Inclus des planches de composants d'interface simplifiés et une médiathèque pour concevoir rapidement...

• composants divers (révision de document, flèche)
• composants d'interface (onglet, bouton)
• composants d'interface (formulaires, champs)
  
  

Inclus deux documents complémentaires pour concevoir au format portrait :

• grille de conception desktop
• grille de conception responsive

A propos des modèles

• Compatible MAC et PC
• Vous disposez de 5 jours pour télécharger le pack, 3 téléchargements maximum
• En cas de soucis avec votre fichier ou votre téléchargement, le support client est à votre disposition
• Format des modèles : fichier .PPTX (version PowerPoint 2007 et ultérieures)
• Format de mise en page : A3 paysage / A3 portrait
• Impression en A4 : paramètres d'impression de powerpoint et cocher "mettre à l'échelle de la feuille"

A propos des vidéos

• Compatible MAC et PC
• Vous disposez de 5 jours pour télécharger le pack, 3 téléchargements maximum
• En cas de soucis avec votre vidéo ou votre téléchargement, le support client est à votre disposition
• Format des vidéos: .MP4  - HD 1920 x 1080p
• Les vidéos sont accessibles en streaming via une adresse sécurisée et aussi en téléchargement
• Si vous pouvez visualiser les extraits vidéo sur cette page, vous pourrez lire les vidéos sans aucun soucis

A propos du téléchargement

• Téléchargement immédiat après paiement
• Votre téléchargement comprend les modèles et vos codes d'accès aux 3 vidéos
• Vos codes d'accès aux 3 vidéos vous permettent de télécharger chaque vidéo et de les regarder en streaming
• Le fichier de téléchargement est compressé au format .ZIP pour optimiser le poids et faciliter la récupération des éléments
• Poids du fichier .ZIP pour votre téléchargement : 10,6 Mo
• Pour ouvrir un fichier ZIP : sélectionner le dossier .zip puis double cliquer dessus ou clic droit "extraire les fichiers"
• Vous n'avez pas d'outil pour ouvrir un fichier ZIP ? Téléchargez la version gratuite WINRAR

Extrait du programme de formation IAFACTORY learn 

Les vidéos proposées dans ce pack sont issues du programme d'autoformation en elearning IAFACTORY learn.
Le programme de formation en ligne IAFACTORY learn se compose de 50 vidéos soit plus de 50H de vidéo.
L'ensemble forme un "tout cohérent", avec une formation progressive aux méthodes, techniques et outils du design d'expérience utilisateur et de l'architecture de l'information : ce programme de formation débute par la vidéo 01 et se termine par la vidéo 50.

Dans ce pack, vous aurez donc accès aux vidéos du programme de formation qui traitent exclusivement des problématiques d'analyse de l'existant.
Au cours du visionnage, les vidéos de ce pack peuvent faire référence et évoquer d'autres vidéos qui ne sont pas contenues dans ce pack : soyez rassuré, ce n'est pas du marketing pour vous vendre les autres vidéos, c'est juste parce que ces vidéos font parties d'un programme global :)... Ne vous inquietez pas, car les 3 vidéos fournies sont "auto-suffisantes" et vous aurez toutes les informations nécessaires pour mener votre analyse de site !

Les vidéos à la demande sont une formule avantageuse pour bénéficier d'un contenu avancé et opérationnel à moindre coût sans rentrer dans le programme de formation complet. Si vous souhaitez vous former à toutes les étapes, toutes les méthodes, toutes les techniques de l'UX design, rendez-vous sur IAFACTORY learn : accès 7J/7 24h/24 et streaming vidéo illimité !