article(s) dans votre panier VOIR

Apprendre à prototyper | Revue des trois interfaces : desktop, tablette, mobile

  • Vidéo 38 sur 44
  • 3h31 de formation
  • 44 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Revue des trois interfaces : desktop, tablette, mobile
00:00 / 02:59
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
39,90€
  • Téléchargement + VOD à vie
  • Exercice / Validation des acquis
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

Dans ce cours en ligne pour apprendre à prototyper, le formateur, Mickaël David, vous présente la revue des trois interfaces desktop, tablette et mobile. L’objectif de cette formation est de voir les différences entre chaque version. Il est à noter que par défaut, vous êtes sur la version de base. Pour passer dans la version desktop, il suffit de cliquer sur 960. Une fois dans l’interface de cette version, vous remarquez qu’elle est similaire à la version de base. En effet, il n’y a aucun changement visuel de la disposition des produits. Dans cette version, il y a trois produits par ligne. Par contre, pour accéder à la version tablette, vous cliquez sur 640. Cette version tablette est différente de la version desktop. Les principales modifications se localisent au niveau de la partie gauche. En effet, l’espace de filtres est diminué, mais la taille des boutons de filtres est agrandie pour qu’ils soient plus adaptés aux doigts. Il est à noter que dans cette version mobile, vous n’avez que deux produits par ligne. Cependant, chaque produit est disposé sur trois colonnes. Grâce à ces trois colonnes, chaque produit est bien visible par chaque utilisateur. Par ailleurs, vous cliquez sur 320 pour afficher la version mobile. Cette dernière affiche des différences remarquables par rapport aux deux autres. En effet, les logos, le champ de recherche, le panier, les filtres et les couleurs sont alignés dans une même partie. Chaque produit occupe trois à quatre colonnes. Par ailleurs, lorsque vous exportez cette version, vous êtes directement dirigés sur la Home. Pour afficher la version tablette, vous réduisez l’interface du navigateur. Une réduction encore plus poussée vous fait passer à la version mobile. Pour conclure, la visualisation de cette formation en ligne vous permet de faire la différence entre les versions desktop, tablette et mobile.