y +1/1/60+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En testant directement sur un écran mobile
En cliquant sur le bouton Mobile
En réduisant sa fenêtre
Grâce à l'inspecteur
Question 2 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour faciliter la collaboration avec les designers
Pour postuler à des emplois de designer
Pour gagner en autonomie en entreprise
Pour gagner en ecacité sur leurs projets personnels
Question 3 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Incliner une image à 90 degrés
Modier le contraste d'une image
Exporter une image au format PNG
Importer une image PDF
Transformer une image JPG en vectoriel
Redimensionner une image
Question 4 ♣
Parmi ces armations, lesquelles sont fausses ?
Il est possible de changer la couleur de background d'une frame.
Les images peuvent être importées dans Figma uniquement en GIF.
Utiliser des composants facilite le travail d'intégration des développeurs.
Il est impossible de faire des copier-coller dans Figma.
y y
y +1/2/59+ y

Question 5 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
La maquette remplace le produit nal.
Les wireframes permettent de dénir une charte graphique.
La maquette est un support de communication ecace.
Question 6 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles sont utiles pour représenter une page d'un site.
Elles nous donnent accès à des dimensions prédénies.
Elles permettent de regrouper un ensemble d'éléments.
Elles servent à positionner les éléments.
Question 7 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Créer un collage depuis des magazines
Obtenir la validation de tout le contenu texte
Chercher des couleurs
Combiner deux polices d'écriture
Rechercher de l'inspiration
Question 8 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles contribuent à l'identité visuelle du site.
Elles facilitent la priorisation de l'information.
Elles permettent de véhiculer des émotions.
Elles permettent de se localiser dans une maquette Figma.
Question 9 ♣
Une maquette de webdesign est essentiellement constituée...

de formes géométriques d'images

d'animations de zones de texte
Question 10 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Itérer en testant plusieurs options
Créer un prototype
S'inspirer d'autres produits
Prioriser les éléments qui doivent gurer dans la page

y y
y +1/3/58+ y

Question 11
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il est conseillé d'utiliser les outils d'alignement.
Il est primordial de nommer ses éléments.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Question 12 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

Le testeur Le développeur
L'UX Designer Le Product Manager
Question 13
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il existe uniquement dans les versions mobile des sites.
C'est un menu qui s'ache quand on clique dessus.
Il doit son nom à la forme de son icône.
Il s'agit d'un menu sous forme de liste.
Question 14 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Parce qu'il est impossible de visualiser une page mobile sans maquette
Pour faciliter le travail des développeurs qui devront faire du responsive
Parce que le mobile représente plus de la moitié du trac du Web
Pour avoir un site qui sera bien indexé par Google
Question 15 ♣
Parmi ces armations, lesquelles sont fausses ?
Il vaut mieux placer tous ses éléments avec la souris.
Il est possible de choisir une seule police d'écriture.
La taille des éléments dépend de la taille de l'élément parent.
Dribbble est un bon outil pour chercher de l'inspiration.
Question 16 ♣
Quels supports permettent de dénir les besoins du client ?
Une liste des fonctionnalités possibles
Une charte graphique
Un cahier des charges
Un brief client
Question 17 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

Le prototype Les wireframes

L'application mobile La maquette

y y
y +1/4/57+ y

Question 18 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Figma est impérativement payant.
Il est possible de travailler à plusieurs sur un chier Figma.
Il faut télécharger Figma sur son ordinateur.
Figma permet de faire simplement des maquettes pour mobile.
Question 19 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En utilisant un logiciel de webdesign
En échangeant par mail avec le client
En dessinant avec du papier et un crayon
En prenant un wireframe tout fait sur Internet

y y
y +2/1/56+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il est conseillé d'utiliser les outils d'alignement.
Il est primordial de nommer ses éléments.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Question 2 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En testant directement sur un écran mobile
En réduisant sa fenêtre
Grâce à l'inspecteur
En cliquant sur le bouton Mobile
Question 3 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour faciliter la collaboration avec les designers
Pour gagner en autonomie en entreprise
Pour gagner en ecacité sur leurs projets personnels
Pour postuler à des emplois de designer
Question 4 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
La maquette remplace le produit nal.
La maquette est un support de communication ecace.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
Les wireframes permettent de dénir une charte graphique.

y y
y +2/2/55+ y

Question 5 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Il est possible de travailler à plusieurs sur un chier Figma.
Figma est impérativement payant.
Il faut télécharger Figma sur son ordinateur.
Figma permet de faire simplement des maquettes pour mobile.
Question 6 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

La maquette L'application mobile

Les wireframes Le prototype
Question 7 ♣
Parmi ces armations, lesquelles sont fausses ?
La taille des éléments dépend de la taille de l'élément parent.
Il vaut mieux placer tous ses éléments avec la souris.
Dribbble est un bon outil pour chercher de l'inspiration.
Il est possible de choisir une seule police d'écriture.
Question 8 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Redimensionner une image
Exporter une image au format PNG
Incliner une image à 90 degrés
Modier le contraste d'une image
Importer une image PDF
Transformer une image JPG en vectoriel
Question 9 ♣
Quels supports permettent de dénir les besoins du client ?
Une liste des fonctionnalités possibles
Une charte graphique
Un brief client
Un cahier des charges
Question 10 ♣
Une maquette de webdesign est essentiellement constituée...

de zones de texte d'animations

de formes géométriques d'images
Question 11 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles contribuent à l'identité visuelle du site.
Elles permettent de véhiculer des émotions.
Elles permettent de se localiser dans une maquette Figma.
Elles facilitent la priorisation de l'information.
y y
y +2/3/54+ y

Question 12 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

Le Product Manager L'UX Designer

Le testeur Le développeur
Question 13
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il s'agit d'un menu sous forme de liste.
Il existe uniquement dans les versions mobile des sites.
C'est un menu qui s'ache quand on clique dessus.
Il doit son nom à la forme de son icône.
Question 14 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Créer un collage depuis des magazines
Combiner deux polices d'écriture
Chercher des couleurs
Rechercher de l'inspiration
Obtenir la validation de tout le contenu texte
Question 15 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Pour avoir un site qui sera bien indexé par Google
Parce qu'il est impossible de visualiser une page mobile sans maquette
Parce que le mobile représente plus de la moitié du trac du Web
Pour faciliter le travail des développeurs qui devront faire du responsive
Question 16 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Créer un prototype
Prioriser les éléments qui doivent gurer dans la page
S'inspirer d'autres produits
Itérer en testant plusieurs options
Question 17 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En utilisant un logiciel de webdesign
En prenant un wireframe tout fait sur Internet
En dessinant avec du papier et un crayon
En échangeant par mail avec le client

y y
y +2/4/53+ y

Question 18 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles sont utiles pour représenter une page d'un site.
Elles servent à positionner les éléments.
Elles permettent de regrouper un ensemble d'éléments.
Elles nous donnent accès à des dimensions prédénies.
Question 19 ♣
Parmi ces armations, lesquelles sont fausses ?
Utiliser des composants facilite le travail d'intégration des développeurs.
Il est possible de changer la couleur de background d'une frame.
Il est impossible de faire des copier-coller dans Figma.
Les images peuvent être importées dans Figma uniquement en GIF.

y y
y +3/1/52+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

L'application mobile Les wireframes

La maquette Le prototype
Question 2 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En prenant un wireframe tout fait sur Internet
En échangeant par mail avec le client
En utilisant un logiciel de webdesign
En dessinant avec du papier et un crayon
Question 3 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour gagner en autonomie en entreprise
Pour gagner en ecacité sur leurs projets personnels
Pour faciliter la collaboration avec les designers
Pour postuler à des emplois de designer
Question 4 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

Le testeur L'UX Designer

Le Product Manager Le développeur

y y
y +3/2/51+ y

Question 5 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
La maquette remplace le produit nal.
Les wireframes permettent de dénir une charte graphique.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
La maquette est un support de communication ecace.
Question 6 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles permettent de se localiser dans une maquette Figma.
Elles contribuent à l'identité visuelle du site.
Elles permettent de véhiculer des émotions.
Elles facilitent la priorisation de l'information.
Question 7 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Parce que le mobile représente plus de la moitié du trac du Web
Pour avoir un site qui sera bien indexé par Google
Pour faciliter le travail des développeurs qui devront faire du responsive
Parce qu'il est impossible de visualiser une page mobile sans maquette
Question 8 ♣
Quels supports permettent de dénir les besoins du client ?
Une charte graphique
Un brief client
Un cahier des charges
Une liste des fonctionnalités possibles
Question 9 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Importer une image PDF
Exporter une image au format PNG
Transformer une image JPG en vectoriel
Incliner une image à 90 degrés
Modier le contraste d'une image
Redimensionner une image
Question 10
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il doit son nom à la forme de son icône.
Il existe uniquement dans les versions mobile des sites.
Il s'agit d'un menu sous forme de liste.
C'est un menu qui s'ache quand on clique dessus.

y y
y +3/3/50+ y

Question 11 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
S'inspirer d'autres produits
Créer un prototype
Itérer en testant plusieurs options
Prioriser les éléments qui doivent gurer dans la page
Question 12 ♣
Parmi ces armations, lesquelles sont fausses ?
La taille des éléments dépend de la taille de l'élément parent.
Dribbble est un bon outil pour chercher de l'inspiration.
Il est possible de choisir une seule police d'écriture.
Il vaut mieux placer tous ses éléments avec la souris.
Question 13 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En cliquant sur le bouton Mobile
En testant directement sur un écran mobile
En réduisant sa fenêtre
Grâce à l'inspecteur
Question 14 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Combiner deux polices d'écriture
Créer un collage depuis des magazines
Chercher des couleurs
Rechercher de l'inspiration
Obtenir la validation de tout le contenu texte
Question 15 ♣
Parmi ces armations, lesquelles sont fausses ?
Utiliser des composants facilite le travail d'intégration des développeurs.
Les images peuvent être importées dans Figma uniquement en GIF.
Il est possible de changer la couleur de background d'une frame.
Il est impossible de faire des copier-coller dans Figma.
Question 16 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles permettent de regrouper un ensemble d'éléments.
Elles nous donnent accès à des dimensions prédénies.
Elles sont utiles pour représenter une page d'un site.
Elles servent à positionner les éléments.

y y
y +3/4/49+ y

Question 17
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il est conseillé d'utiliser les outils d'alignement.
Il est primordial de nommer ses éléments.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Question 18 ♣
Une maquette de webdesign est essentiellement constituée...

de zones de texte d'animations

de formes géométriques d'images
Question 19 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Figma permet de faire simplement des maquettes pour mobile.
Il est possible de travailler à plusieurs sur un chier Figma.
Il faut télécharger Figma sur son ordinateur.
Figma est impérativement payant.

y y
y +4/1/48+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il est primordial de nommer ses éléments.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Il est conseillé d'utiliser les outils d'alignement.
Question 2 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En testant directement sur un écran mobile
En cliquant sur le bouton Mobile
En réduisant sa fenêtre
Grâce à l'inspecteur
Question 3 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
S'inspirer d'autres produits
Créer un prototype
Prioriser les éléments qui doivent gurer dans la page
Itérer en testant plusieurs options
Question 4 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En dessinant avec du papier et un crayon
En échangeant par mail avec le client
En utilisant un logiciel de webdesign
En prenant un wireframe tout fait sur Internet

y y
y +4/2/47+ y

Question 5 ♣
Parmi ces armations, lesquelles sont fausses ?
Il vaut mieux placer tous ses éléments avec la souris.
Il est possible de choisir une seule police d'écriture.
La taille des éléments dépend de la taille de l'élément parent.
Dribbble est un bon outil pour chercher de l'inspiration.
Question 6 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour faciliter la collaboration avec les designers
Pour gagner en autonomie en entreprise
Pour postuler à des emplois de designer
Pour gagner en ecacité sur leurs projets personnels
Question 7 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Créer un collage depuis des magazines
Combiner deux polices d'écriture
Obtenir la validation de tout le contenu texte
Chercher des couleurs
Rechercher de l'inspiration
Question 8 ♣
Parmi ces armations, lesquelles sont fausses ?
Utiliser des composants facilite le travail d'intégration des développeurs.
Les images peuvent être importées dans Figma uniquement en GIF.
Il est impossible de faire des copier-coller dans Figma.
Il est possible de changer la couleur de background d'une frame.
Question 9 ♣
Une maquette de webdesign est essentiellement constituée...

de formes géométriques d'images

de zones de texte d'animations
Question 10 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

Les wireframes La maquette

Le prototype L'application mobile
Question 11 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles permettent de regrouper un ensemble d'éléments.
Elles nous donnent accès à des dimensions prédénies.
Elles servent à positionner les éléments.
Elles sont utiles pour représenter une page d'un site.

y y
y +4/3/46+ y

Question 12 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Parce qu'il est impossible de visualiser une page mobile sans maquette
Parce que le mobile représente plus de la moitié du trac du Web
Pour faciliter le travail des développeurs qui devront faire du responsive
Pour avoir un site qui sera bien indexé par Google
Question 13
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
C'est un menu qui s'ache quand on clique dessus.
Il doit son nom à la forme de son icône.
Il s'agit d'un menu sous forme de liste.
Il existe uniquement dans les versions mobile des sites.
Question 14 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles permettent de se localiser dans une maquette Figma.
Elles contribuent à l'identité visuelle du site.
Elles facilitent la priorisation de l'information.
Elles permettent de véhiculer des émotions.
Question 15 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

Le Product Manager Le testeur

L'UX Designer Le développeur
Question 16 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Figma permet de faire simplement des maquettes pour mobile.
Il est possible de travailler à plusieurs sur un chier Figma.
Figma est impérativement payant.
Il faut télécharger Figma sur son ordinateur.
Question 17 ♣
Quels supports permettent de dénir les besoins du client ?
Une liste des fonctionnalités possibles
Une charte graphique
Un brief client
Un cahier des charges

y y
y +4/4/45+ y

Question 18 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
La maquette est un support de communication ecace.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
Les wireframes permettent de dénir une charte graphique.
La maquette remplace le produit nal.
Question 19 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Incliner une image à 90 degrés
Modier le contraste d'une image
Importer une image PDF
Redimensionner une image
Transformer une image JPG en vectoriel
Exporter une image au format PNG

y y
y +5/1/44+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles permettent de regrouper un ensemble d'éléments.
Elles servent à positionner les éléments.
Elles sont utiles pour représenter une page d'un site.
Elles nous donnent accès à des dimensions prédénies.
Question 2 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En prenant un wireframe tout fait sur Internet
En utilisant un logiciel de webdesign
En dessinant avec du papier et un crayon
En échangeant par mail avec le client
Question 3 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En réduisant sa fenêtre
En cliquant sur le bouton Mobile
En testant directement sur un écran mobile
Grâce à l'inspecteur
Question 4 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles facilitent la priorisation de l'information.
Elles permettent de se localiser dans une maquette Figma.
Elles permettent de véhiculer des émotions.
Elles contribuent à l'identité visuelle du site.

y y
y +5/2/43+ y

Question 5 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

L'UX Designer Le testeur

Le Product Manager Le développeur
Question 6 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Itérer en testant plusieurs options
Prioriser les éléments qui doivent gurer dans la page
S'inspirer d'autres produits
Créer un prototype
Question 7 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

La maquette Le prototype
Les wireframes L'application mobile
Question 8 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Incliner une image à 90 degrés
Transformer une image JPG en vectoriel
Modier le contraste d'une image
Exporter une image au format PNG
Redimensionner une image
Importer une image PDF
Question 9 ♣
Parmi ces armations, lesquelles sont fausses ?
Dribbble est un bon outil pour chercher de l'inspiration.
Il est possible de choisir une seule police d'écriture.
La taille des éléments dépend de la taille de l'élément parent.
Il vaut mieux placer tous ses éléments avec la souris.
Question 10
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Il est primordial de nommer ses éléments.
Il est conseillé d'utiliser les outils d'alignement.

y y
y +5/3/42+ y

Question 11 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
Les wireframes permettent de dénir une charte graphique.
La maquette est un support de communication ecace.
La maquette remplace le produit nal.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
Question 12 ♣
Parmi ces armations, lesquelles sont fausses ?
Il est possible de changer la couleur de background d'une frame.
Il est impossible de faire des copier-coller dans Figma.
Les images peuvent être importées dans Figma uniquement en GIF.
Utiliser des composants facilite le travail d'intégration des développeurs.
Question 13 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Parce que le mobile représente plus de la moitié du trac du Web
Pour faciliter le travail des développeurs qui devront faire du responsive
Parce qu'il est impossible de visualiser une page mobile sans maquette
Pour avoir un site qui sera bien indexé par Google
Question 14
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il existe uniquement dans les versions mobile des sites.
Il s'agit d'un menu sous forme de liste.
Il doit son nom à la forme de son icône.
C'est un menu qui s'ache quand on clique dessus.
Question 15 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Figma permet de faire simplement des maquettes pour mobile.
Figma est impérativement payant.
Il est possible de travailler à plusieurs sur un chier Figma.
Il faut télécharger Figma sur son ordinateur.
Question 16 ♣
Une maquette de webdesign est essentiellement constituée...

de zones de texte d'images

de formes géométriques d'animations

y y
y +5/4/41+ y

Question 17 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Combiner deux polices d'écriture
Chercher des couleurs
Rechercher de l'inspiration
Créer un collage depuis des magazines
Obtenir la validation de tout le contenu texte
Question 18 ♣
Quels supports permettent de dénir les besoins du client ?
Un brief client
Une charte graphique
Un cahier des charges
Une liste des fonctionnalités possibles
Question 19 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour postuler à des emplois de designer
Pour gagner en autonomie en entreprise
Pour faciliter la collaboration avec les designers
Pour gagner en ecacité sur leurs projets personnels

y y
y +6/1/40+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
La maquette est un support de communication ecace.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
La maquette remplace le produit nal.
Les wireframes permettent de dénir une charte graphique.
Question 2 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles sont utiles pour représenter une page d'un site.
Elles nous donnent accès à des dimensions prédénies.
Elles servent à positionner les éléments.
Elles permettent de regrouper un ensemble d'éléments.
Question 3 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Créer un prototype
Prioriser les éléments qui doivent gurer dans la page
Itérer en testant plusieurs options
S'inspirer d'autres produits
Question 4
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
C'est un menu qui s'ache quand on clique dessus.
Il existe uniquement dans les versions mobile des sites.
Il doit son nom à la forme de son icône.
Il s'agit d'un menu sous forme de liste.

y y
y +6/2/39+ y

Question 5 ♣
Parmi ces armations, lesquelles sont fausses ?
Il vaut mieux placer tous ses éléments avec la souris.
Dribbble est un bon outil pour chercher de l'inspiration.
La taille des éléments dépend de la taille de l'élément parent.
Il est possible de choisir une seule police d'écriture.
Question 6 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Obtenir la validation de tout le contenu texte
Rechercher de l'inspiration
Combiner deux polices d'écriture
Créer un collage depuis des magazines
Chercher des couleurs
Question 7
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il est conseillé d'utiliser les outils d'alignement.
Il est primordial de nommer ses éléments.
Question 8 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles permettent de véhiculer des émotions.
Elles contribuent à l'identité visuelle du site.
Elles facilitent la priorisation de l'information.
Elles permettent de se localiser dans une maquette Figma.
Question 9 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Parce que le mobile représente plus de la moitié du trac du Web
Pour avoir un site qui sera bien indexé par Google
Pour faciliter le travail des développeurs qui devront faire du responsive
Parce qu'il est impossible de visualiser une page mobile sans maquette
Question 10 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

La maquette Le prototype
L'application mobile Les wireframes

y y
y +6/3/38+ y

Question 11 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Il faut télécharger Figma sur son ordinateur.
Figma permet de faire simplement des maquettes pour mobile.
Il est possible de travailler à plusieurs sur un chier Figma.
Figma est impérativement payant.
Question 12 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En échangeant par mail avec le client
En prenant un wireframe tout fait sur Internet
En dessinant avec du papier et un crayon
En utilisant un logiciel de webdesign
Question 13 ♣
Une maquette de webdesign est essentiellement constituée...

d'animations de zones de texte

d'images de formes géométriques
Question 14 ♣
Quels supports permettent de dénir les besoins du client ?
Une charte graphique
Un cahier des charges
Une liste des fonctionnalités possibles
Un brief client
Question 15 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour postuler à des emplois de designer
Pour faciliter la collaboration avec les designers
Pour gagner en autonomie en entreprise
Pour gagner en ecacité sur leurs projets personnels
Question 16 ♣
Parmi ces armations, lesquelles sont fausses ?
Les images peuvent être importées dans Figma uniquement en GIF.
Il est impossible de faire des copier-coller dans Figma.
Il est possible de changer la couleur de background d'une frame.
Utiliser des composants facilite le travail d'intégration des développeurs.

y y
y +6/4/37+ y

Question 17 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Redimensionner une image
Modier le contraste d'une image
Incliner une image à 90 degrés
Importer une image PDF
Exporter une image au format PNG
Transformer une image JPG en vectoriel
Question 18 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

Le Product Manager Le testeur

L'UX Designer Le développeur
Question 19 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En réduisant sa fenêtre
En testant directement sur un écran mobile
En cliquant sur le bouton Mobile
Grâce à l'inspecteur

y y
y +7/1/36+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

Les wireframes Le prototype

La maquette L'application mobile
Question 2 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Figma permet de faire simplement des maquettes pour mobile.
Il est possible de travailler à plusieurs sur un chier Figma.
Il faut télécharger Figma sur son ordinateur.
Figma est impérativement payant.
Question 3 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En prenant un wireframe tout fait sur Internet
En dessinant avec du papier et un crayon
En utilisant un logiciel de webdesign
En échangeant par mail avec le client
Question 4 ♣
Parmi ces armations, lesquelles sont fausses ?
Utiliser des composants facilite le travail d'intégration des développeurs.
Il est possible de changer la couleur de background d'une frame.
Il est impossible de faire des copier-coller dans Figma.
Les images peuvent être importées dans Figma uniquement en GIF.

y y
y +7/2/35+ y

Question 5 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour gagner en autonomie en entreprise
Pour gagner en ecacité sur leurs projets personnels
Pour faciliter la collaboration avec les designers
Pour postuler à des emplois de designer
Question 6 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Créer un collage depuis des magazines
Combiner deux polices d'écriture
Rechercher de l'inspiration
Obtenir la validation de tout le contenu texte
Chercher des couleurs
Question 7 ♣
Parmi ces armations, lesquelles sont fausses ?
Il est possible de choisir une seule police d'écriture.
La taille des éléments dépend de la taille de l'élément parent.
Il vaut mieux placer tous ses éléments avec la souris.
Dribbble est un bon outil pour chercher de l'inspiration.
Question 8 ♣
Une maquette de webdesign est essentiellement constituée...

de formes géométriques d'animations

de zones de texte d'images
Question 9 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Pour faciliter le travail des développeurs qui devront faire du responsive
Pour avoir un site qui sera bien indexé par Google
Parce qu'il est impossible de visualiser une page mobile sans maquette
Parce que le mobile représente plus de la moitié du trac du Web
Question 10 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles permettent de se localiser dans une maquette Figma.
Elles facilitent la priorisation de l'information.
Elles contribuent à l'identité visuelle du site.
Elles permettent de véhiculer des émotions.
Question 11 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

L'UX Designer Le testeur

Le développeur Le Product Manager
y y
y +7/3/34+ y

Question 12
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
C'est un menu qui s'ache quand on clique dessus.
Il existe uniquement dans les versions mobile des sites.
Il s'agit d'un menu sous forme de liste.
Il doit son nom à la forme de son icône.
Question 13 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
La maquette est un support de communication ecace.
Les wireframes permettent de dénir une charte graphique.
La maquette remplace le produit nal.
Question 14 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
S'inspirer d'autres produits
Itérer en testant plusieurs options
Créer un prototype
Prioriser les éléments qui doivent gurer dans la page
Question 15 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En cliquant sur le bouton Mobile
En testant directement sur un écran mobile
En réduisant sa fenêtre
Grâce à l'inspecteur
Question 16 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Exporter une image au format PNG
Transformer une image JPG en vectoriel
Incliner une image à 90 degrés
Redimensionner une image
Modier le contraste d'une image
Importer une image PDF
Question 17 ♣
Quels supports permettent de dénir les besoins du client ?
Une liste des fonctionnalités possibles
Un brief client
Un cahier des charges
Une charte graphique

y y
y +7/4/33+ y

Question 18 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles permettent de regrouper un ensemble d'éléments.
Elles servent à positionner les éléments.
Elles nous donnent accès à des dimensions prédénies.
Elles sont utiles pour représenter une page d'un site.
Question 19
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il est primordial de nommer ses éléments.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Il est conseillé d'utiliser les outils d'alignement.
Les éléments créés en dernier doivent être en haut de la liste des éléments.

y y
y +8/1/32+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Créer un prototype
Itérer en testant plusieurs options
S'inspirer d'autres produits
Prioriser les éléments qui doivent gurer dans la page
Question 2 ♣
Parmi ces armations, lesquelles sont fausses ?
Il est possible de choisir une seule police d'écriture.
Il vaut mieux placer tous ses éléments avec la souris.
La taille des éléments dépend de la taille de l'élément parent.
Dribbble est un bon outil pour chercher de l'inspiration.
Question 3
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il est primordial de nommer ses éléments.
Il est conseillé d'utiliser les outils d'alignement.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Question 4 ♣
Quels supports permettent de dénir les besoins du client ?
Un cahier des charges
Une liste des fonctionnalités possibles
Un brief client
Une charte graphique

y y
y +8/2/31+ y

Question 5
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il s'agit d'un menu sous forme de liste.
C'est un menu qui s'ache quand on clique dessus.
Il existe uniquement dans les versions mobile des sites.
Il doit son nom à la forme de son icône.
Question 6 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

L'UX Designer Le développeur

Le testeur Le Product Manager
Question 7 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles permettent de regrouper un ensemble d'éléments.
Elles sont utiles pour représenter une page d'un site.
Elles nous donnent accès à des dimensions prédénies.
Elles servent à positionner les éléments.
Question 8 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

L'application mobile Le prototype

La maquette Les wireframes
Question 9 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Redimensionner une image
Modier le contraste d'une image
Transformer une image JPG en vectoriel
Incliner une image à 90 degrés
Exporter une image au format PNG
Importer une image PDF
Question 10 ♣
Parmi ces armations, lesquelles sont fausses ?
Utiliser des composants facilite le travail d'intégration des développeurs.
Il est possible de changer la couleur de background d'une frame.
Il est impossible de faire des copier-coller dans Figma.
Les images peuvent être importées dans Figma uniquement en GIF.

y y
y +8/3/30+ y

Question 11 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En prenant un wireframe tout fait sur Internet
En dessinant avec du papier et un crayon
En utilisant un logiciel de webdesign
En échangeant par mail avec le client
Question 12 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles contribuent à l'identité visuelle du site.
Elles facilitent la priorisation de l'information.
Elles permettent de se localiser dans une maquette Figma.
Elles permettent de véhiculer des émotions.
Question 13 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour faciliter la collaboration avec les designers
Pour gagner en ecacité sur leurs projets personnels
Pour postuler à des emplois de designer
Pour gagner en autonomie en entreprise
Question 14 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En cliquant sur le bouton Mobile
En réduisant sa fenêtre
Grâce à l'inspecteur
En testant directement sur un écran mobile
Question 15 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
Les wireframes permettent de dénir une charte graphique.
La maquette est un support de communication ecace.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
La maquette remplace le produit nal.
Question 16 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Il faut télécharger Figma sur son ordinateur.
Il est possible de travailler à plusieurs sur un chier Figma.
Figma permet de faire simplement des maquettes pour mobile.
Figma est impérativement payant.

y y
y +8/4/29+ y

Question 17 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Pour faciliter le travail des développeurs qui devront faire du responsive
Parce qu'il est impossible de visualiser une page mobile sans maquette
Pour avoir un site qui sera bien indexé par Google
Parce que le mobile représente plus de la moitié du trac du Web
Question 18 ♣
Une maquette de webdesign est essentiellement constituée...

de formes géométriques d'images

d'animations de zones de texte
Question 19 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Chercher des couleurs
Combiner deux polices d'écriture
Rechercher de l'inspiration
Créer un collage depuis des magazines
Obtenir la validation de tout le contenu texte

y y
y +9/1/28+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Une maquette de webdesign est essentiellement constituée...

d'animations de zones de texte

de formes géométriques d'images
Question 2 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles permettent de se localiser dans une maquette Figma.
Elles permettent de véhiculer des émotions.
Elles contribuent à l'identité visuelle du site.
Elles facilitent la priorisation de l'information.
Question 3 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Parce qu'il est impossible de visualiser une page mobile sans maquette
Pour faciliter le travail des développeurs qui devront faire du responsive
Pour avoir un site qui sera bien indexé par Google
Parce que le mobile représente plus de la moitié du trac du Web
Question 4 ♣
Parmi ces armations, lesquelles sont fausses ?
Il vaut mieux placer tous ses éléments avec la souris.
La taille des éléments dépend de la taille de l'élément parent.
Il est possible de choisir une seule police d'écriture.
Dribbble est un bon outil pour chercher de l'inspiration.

y y
y +9/2/27+ y

Question 5 ♣
Quels supports permettent de dénir les besoins du client ?
Un cahier des charges
Une charte graphique
Un brief client
Une liste des fonctionnalités possibles
Question 6 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Combiner deux polices d'écriture
Chercher des couleurs
Obtenir la validation de tout le contenu texte
Créer un collage depuis des magazines
Rechercher de l'inspiration
Question 7 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Itérer en testant plusieurs options
S'inspirer d'autres produits
Prioriser les éléments qui doivent gurer dans la page
Créer un prototype
Question 8 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

Le prototype La maquette
Les wireframes L'application mobile
Question 9 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles sont utiles pour représenter une page d'un site.
Elles nous donnent accès à des dimensions prédénies.
Elles servent à positionner les éléments.
Elles permettent de regrouper un ensemble d'éléments.
Question 10 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En utilisant un logiciel de webdesign
En dessinant avec du papier et un crayon
En prenant un wireframe tout fait sur Internet
En échangeant par mail avec le client

y y
y +9/3/26+ y

Question 11 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Figma permet de faire simplement des maquettes pour mobile.
Il est possible de travailler à plusieurs sur un chier Figma.
Figma est impérativement payant.
Il faut télécharger Figma sur son ordinateur.
Question 12 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

Le testeur Le Product Manager

Le développeur L'UX Designer
Question 13
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il existe uniquement dans les versions mobile des sites.
C'est un menu qui s'ache quand on clique dessus.
Il s'agit d'un menu sous forme de liste.
Il doit son nom à la forme de son icône.
Question 14 ♣
Parmi ces armations, lesquelles sont fausses ?
Utiliser des composants facilite le travail d'intégration des développeurs.
Il est impossible de faire des copier-coller dans Figma.
Il est possible de changer la couleur de background d'une frame.
Les images peuvent être importées dans Figma uniquement en GIF.
Question 15 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Incliner une image à 90 degrés
Transformer une image JPG en vectoriel
Modier le contraste d'une image
Importer une image PDF
Exporter une image au format PNG
Redimensionner une image
Question 16 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En cliquant sur le bouton Mobile
En testant directement sur un écran mobile
En réduisant sa fenêtre
Grâce à l'inspecteur

y y
y +9/4/25+ y

Question 17
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il est conseillé d'utiliser les outils d'alignement.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il est primordial de nommer ses éléments.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Question 18 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour gagner en ecacité sur leurs projets personnels
Pour faciliter la collaboration avec les designers
Pour postuler à des emplois de designer
Pour gagner en autonomie en entreprise
Question 19 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
La maquette est un support de communication ecace.
La maquette remplace le produit nal.
Les wireframes permettent de dénir une charte graphique.

y y
y +10/1/24+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Quels supports permettent de dénir les besoins du client ?
Un brief client
Un cahier des charges
Une liste des fonctionnalités possibles
Une charte graphique
Question 2
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il s'agit d'un menu sous forme de liste.
Il doit son nom à la forme de son icône.
C'est un menu qui s'ache quand on clique dessus.
Il existe uniquement dans les versions mobile des sites.
Question 3 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Créer un prototype
Prioriser les éléments qui doivent gurer dans la page
S'inspirer d'autres produits
Itérer en testant plusieurs options
Question 4 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En dessinant avec du papier et un crayon
En utilisant un logiciel de webdesign
En prenant un wireframe tout fait sur Internet
En échangeant par mail avec le client

y y
y +10/2/23+ y

Question 5 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Il faut télécharger Figma sur son ordinateur.
Figma permet de faire simplement des maquettes pour mobile.
Figma est impérativement payant.
Il est possible de travailler à plusieurs sur un chier Figma.
Question 6 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Combiner deux polices d'écriture
Créer un collage depuis des magazines
Rechercher de l'inspiration
Obtenir la validation de tout le contenu texte
Chercher des couleurs
Question 7 ♣
Parmi ces armations, lesquelles sont fausses ?
Les images peuvent être importées dans Figma uniquement en GIF.
Il est impossible de faire des copier-coller dans Figma.
Utiliser des composants facilite le travail d'intégration des développeurs.
Il est possible de changer la couleur de background d'une frame.
Question 8 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En cliquant sur le bouton Mobile
En réduisant sa fenêtre
En testant directement sur un écran mobile
Grâce à l'inspecteur
Question 9 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles sont utiles pour représenter une page d'un site.
Elles nous donnent accès à des dimensions prédénies.
Elles servent à positionner les éléments.
Elles permettent de regrouper un ensemble d'éléments.
Question 10 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

La maquette Les wireframes

Le prototype L'application mobile
Question 11 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

Le développeur L'UX Designer

Le testeur Le Product Manager
y y
y +10/3/22+ y

Question 12
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il est conseillé d'utiliser les outils d'alignement.
Il est primordial de nommer ses éléments.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Question 13 ♣
Une maquette de webdesign est essentiellement constituée...

d'images d'animations
de zones de texte de formes géométriques
Question 14 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
La maquette remplace le produit nal.
Les wireframes permettent de dénir une charte graphique.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
La maquette est un support de communication ecace.
Question 15 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Exporter une image au format PNG
Incliner une image à 90 degrés
Modier le contraste d'une image
Redimensionner une image
Transformer une image JPG en vectoriel
Importer une image PDF
Question 16 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Parce qu'il est impossible de visualiser une page mobile sans maquette
Pour faciliter le travail des développeurs qui devront faire du responsive
Parce que le mobile représente plus de la moitié du trac du Web
Pour avoir un site qui sera bien indexé par Google
Question 17 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour gagner en ecacité sur leurs projets personnels
Pour gagner en autonomie en entreprise
Pour faciliter la collaboration avec les designers
Pour postuler à des emplois de designer

y y
y +10/4/21+ y

Question 18 ♣
Parmi ces armations, lesquelles sont fausses ?
Il est possible de choisir une seule police d'écriture.
Il vaut mieux placer tous ses éléments avec la souris.
Dribbble est un bon outil pour chercher de l'inspiration.
La taille des éléments dépend de la taille de l'élément parent.
Question 19 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles permettent de se localiser dans une maquette Figma.
Elles contribuent à l'identité visuelle du site.
Elles facilitent la priorisation de l'information.
Elles permettent de véhiculer des émotions.

y y
y +11/1/20+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Quels supports permettent de dénir les besoins du client ?
Un brief client
Une charte graphique
Un cahier des charges
Une liste des fonctionnalités possibles
Question 2 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Figma est impérativement payant.
Il faut télécharger Figma sur son ordinateur.
Il est possible de travailler à plusieurs sur un chier Figma.
Figma permet de faire simplement des maquettes pour mobile.
Question 3 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

L'UX Designer Le testeur

Le développeur Le Product Manager
Question 4 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

Le prototype L'application mobile

La maquette Les wireframes

y y
y +11/2/19+ y

Question 5
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
C'est un menu qui s'ache quand on clique dessus.
Il doit son nom à la forme de son icône.
Il s'agit d'un menu sous forme de liste.
Il existe uniquement dans les versions mobile des sites.
Question 6 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Modier le contraste d'une image
Incliner une image à 90 degrés
Redimensionner une image
Transformer une image JPG en vectoriel
Importer une image PDF
Exporter une image au format PNG
Question 7 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Créer un collage depuis des magazines
Rechercher de l'inspiration
Chercher des couleurs
Obtenir la validation de tout le contenu texte
Combiner deux polices d'écriture
Question 8 ♣
Parmi ces armations, lesquelles sont fausses ?
Les images peuvent être importées dans Figma uniquement en GIF.
Il est impossible de faire des copier-coller dans Figma.
Utiliser des composants facilite le travail d'intégration des développeurs.
Il est possible de changer la couleur de background d'une frame.
Question 9 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
La maquette remplace le produit nal.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
La maquette est un support de communication ecace.
Les wireframes permettent de dénir une charte graphique.
Question 10 ♣
Une maquette de webdesign est essentiellement constituée...

de zones de texte de formes géométriques

d'animations d'images

y y
y +11/3/18+ y

Question 11 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles permettent de regrouper un ensemble d'éléments.
Elles nous donnent accès à des dimensions prédénies.
Elles servent à positionner les éléments.
Elles sont utiles pour représenter une page d'un site.
Question 12 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Itérer en testant plusieurs options
S'inspirer d'autres produits
Créer un prototype
Prioriser les éléments qui doivent gurer dans la page
Question 13 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En prenant un wireframe tout fait sur Internet
En utilisant un logiciel de webdesign
En échangeant par mail avec le client
En dessinant avec du papier et un crayon
Question 14 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour faciliter la collaboration avec les designers
Pour postuler à des emplois de designer
Pour gagner en autonomie en entreprise
Pour gagner en ecacité sur leurs projets personnels
Question 15 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles permettent de se localiser dans une maquette Figma.
Elles facilitent la priorisation de l'information.
Elles permettent de véhiculer des émotions.
Elles contribuent à l'identité visuelle du site.
Question 16
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Il est primordial de nommer ses éléments.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il est conseillé d'utiliser les outils d'alignement.

y y
y +11/4/17+ y

Question 17 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En testant directement sur un écran mobile
Grâce à l'inspecteur
En cliquant sur le bouton Mobile
En réduisant sa fenêtre
Question 18 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Pour faciliter le travail des développeurs qui devront faire du responsive
Parce qu'il est impossible de visualiser une page mobile sans maquette
Pour avoir un site qui sera bien indexé par Google
Parce que le mobile représente plus de la moitié du trac du Web
Question 19 ♣
Parmi ces armations, lesquelles sont fausses ?
La taille des éléments dépend de la taille de l'élément parent.
Dribbble est un bon outil pour chercher de l'inspiration.
Il vaut mieux placer tous ses éléments avec la souris.
Il est possible de choisir une seule police d'écriture.

y y
y +12/1/16+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Il est primordial de nommer ses éléments.
Il est conseillé d'utiliser les outils d'alignement.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Question 2 ♣
Quels supports permettent de dénir les besoins du client ?
Une liste des fonctionnalités possibles
Un cahier des charges
Un brief client
Une charte graphique
Question 3 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

Les wireframes Le prototype

L'application mobile La maquette
Question 4 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles facilitent la priorisation de l'information.
Elles permettent de véhiculer des émotions.
Elles permettent de se localiser dans une maquette Figma.
Elles contribuent à l'identité visuelle du site.

y y
y +12/2/15+ y

Question 5 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En utilisant un logiciel de webdesign
En dessinant avec du papier et un crayon
En échangeant par mail avec le client
En prenant un wireframe tout fait sur Internet
Question 6 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Pour faciliter le travail des développeurs qui devront faire du responsive
Pour avoir un site qui sera bien indexé par Google
Parce qu'il est impossible de visualiser une page mobile sans maquette
Parce que le mobile représente plus de la moitié du trac du Web
Question 7 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles nous donnent accès à des dimensions prédénies.
Elles servent à positionner les éléments.
Elles permettent de regrouper un ensemble d'éléments.
Elles sont utiles pour représenter une page d'un site.
Question 8 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En testant directement sur un écran mobile
En réduisant sa fenêtre
En cliquant sur le bouton Mobile
Grâce à l'inspecteur
Question 9 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour gagner en ecacité sur leurs projets personnels
Pour gagner en autonomie en entreprise
Pour faciliter la collaboration avec les designers
Pour postuler à des emplois de designer
Question 10 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
S'inspirer d'autres produits
Prioriser les éléments qui doivent gurer dans la page
Itérer en testant plusieurs options
Créer un prototype
Question 11 ♣
Une maquette de webdesign est essentiellement constituée...

d'animations d'images
de formes géométriques de zones de texte
y y
y +12/3/14+ y

Question 12
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il existe uniquement dans les versions mobile des sites.
C'est un menu qui s'ache quand on clique dessus.
Il s'agit d'un menu sous forme de liste.
Il doit son nom à la forme de son icône.
Question 13 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

Le Product Manager Le développeur

Le testeur L'UX Designer
Question 14 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Figma permet de faire simplement des maquettes pour mobile.
Il est possible de travailler à plusieurs sur un chier Figma.
Figma est impérativement payant.
Il faut télécharger Figma sur son ordinateur.
Question 15 ♣
Parmi ces armations, lesquelles sont fausses ?
Dribbble est un bon outil pour chercher de l'inspiration.
La taille des éléments dépend de la taille de l'élément parent.
Il vaut mieux placer tous ses éléments avec la souris.
Il est possible de choisir une seule police d'écriture.
Question 16 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Incliner une image à 90 degrés
Transformer une image JPG en vectoriel
Importer une image PDF
Modier le contraste d'une image
Redimensionner une image
Exporter une image au format PNG
Question 17 ♣
Parmi ces armations, lesquelles sont fausses ?
Il est possible de changer la couleur de background d'une frame.
Utiliser des composants facilite le travail d'intégration des développeurs.
Les images peuvent être importées dans Figma uniquement en GIF.
Il est impossible de faire des copier-coller dans Figma.

y y
y +12/4/13+ y

Question 18 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Chercher des couleurs
Créer un collage depuis des magazines
Obtenir la validation de tout le contenu texte
Rechercher de l'inspiration
Combiner deux polices d'écriture
Question 19 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
La maquette remplace le produit nal.
La maquette est un support de communication ecace.
Les wireframes permettent de dénir une charte graphique.

y y
y +13/1/12+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Parmi ces armations, lesquelles sont fausses ?
La taille des éléments dépend de la taille de l'élément parent.
Il vaut mieux placer tous ses éléments avec la souris.
Dribbble est un bon outil pour chercher de l'inspiration.
Il est possible de choisir une seule police d'écriture.
Question 2 ♣
Parmi ces armations, lesquelles sont fausses ?
Il est impossible de faire des copier-coller dans Figma.
Il est possible de changer la couleur de background d'une frame.
Utiliser des composants facilite le travail d'intégration des développeurs.
Les images peuvent être importées dans Figma uniquement en GIF.
Question 3 ♣
Quels supports permettent de dénir les besoins du client ?
Une liste des fonctionnalités possibles
Un brief client
Une charte graphique
Un cahier des charges
Question 4 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour faciliter la collaboration avec les designers
Pour postuler à des emplois de designer
Pour gagner en autonomie en entreprise
Pour gagner en ecacité sur leurs projets personnels

y y
y +13/2/11+ y

Question 5 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

L'UX Designer Le développeur

Le testeur Le Product Manager
Question 6 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Il faut télécharger Figma sur son ordinateur.
Figma permet de faire simplement des maquettes pour mobile.
Figma est impérativement payant.
Il est possible de travailler à plusieurs sur un chier Figma.
Question 7 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
La maquette est un support de communication ecace.
La maquette remplace le produit nal.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
Les wireframes permettent de dénir une charte graphique.
Question 8 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En testant directement sur un écran mobile
Grâce à l'inspecteur
En réduisant sa fenêtre
En cliquant sur le bouton Mobile
Question 9
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Il est conseillé d'utiliser les outils d'alignement.
Il est primordial de nommer ses éléments.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Question 10 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Pour faciliter le travail des développeurs qui devront faire du responsive
Parce que le mobile représente plus de la moitié du trac du Web
Pour avoir un site qui sera bien indexé par Google
Parce qu'il est impossible de visualiser une page mobile sans maquette

y y
y +13/3/10+ y

Question 11 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles sont utiles pour représenter une page d'un site.
Elles servent à positionner les éléments.
Elles nous donnent accès à des dimensions prédénies.
Elles permettent de regrouper un ensemble d'éléments.
Question 12 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Transformer une image JPG en vectoriel
Exporter une image au format PNG
Incliner une image à 90 degrés
Importer une image PDF
Redimensionner une image
Modier le contraste d'une image
Question 13 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

Les wireframes La maquette

Le prototype L'application mobile
Question 14 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En utilisant un logiciel de webdesign
En échangeant par mail avec le client
En prenant un wireframe tout fait sur Internet
En dessinant avec du papier et un crayon
Question 15 ♣
Une maquette de webdesign est essentiellement constituée...

d'animations de zones de texte

de formes géométriques d'images
Question 16 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Rechercher de l'inspiration
Obtenir la validation de tout le contenu texte
Combiner deux polices d'écriture
Créer un collage depuis des magazines
Chercher des couleurs

y y
y +13/4/9+ y

Question 17
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il existe uniquement dans les versions mobile des sites.
C'est un menu qui s'ache quand on clique dessus.
Il doit son nom à la forme de son icône.
Il s'agit d'un menu sous forme de liste.
Question 18 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Prioriser les éléments qui doivent gurer dans la page
S'inspirer d'autres produits
Itérer en testant plusieurs options
Créer un prototype
Question 19 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles permettent de véhiculer des émotions.
Elles facilitent la priorisation de l'information.
Elles permettent de se localiser dans une maquette Figma.
Elles contribuent à l'identité visuelle du site.

y y
y +14/1/8+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Importer une image PDF
Redimensionner une image
Incliner une image à 90 degrés
Modier le contraste d'une image
Exporter une image au format PNG
Transformer une image JPG en vectoriel
Question 2 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles contribuent à l'identité visuelle du site.
Elles permettent de véhiculer des émotions.
Elles facilitent la priorisation de l'information.
Elles permettent de se localiser dans une maquette Figma.
Question 3 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles sont utiles pour représenter une page d'un site.
Elles nous donnent accès à des dimensions prédénies.
Elles servent à positionner les éléments.
Elles permettent de regrouper un ensemble d'éléments.

y y
y +14/2/7+ y

Question 4 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Rechercher de l'inspiration
Combiner deux polices d'écriture
Créer un collage depuis des magazines
Chercher des couleurs
Obtenir la validation de tout le contenu texte
Question 5 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

L'UX Designer Le testeur

Le développeur Le Product Manager
Question 6 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
La maquette est un support de communication ecace.
La maquette remplace le produit nal.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
Les wireframes permettent de dénir une charte graphique.
Question 7
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Il est primordial de nommer ses éléments.
Il est conseillé d'utiliser les outils d'alignement.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Question 8
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il doit son nom à la forme de son icône.
Il s'agit d'un menu sous forme de liste.
Il existe uniquement dans les versions mobile des sites.
C'est un menu qui s'ache quand on clique dessus.
Question 9 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

Les wireframes La maquette

Le prototype L'application mobile
Question 10 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Il faut télécharger Figma sur son ordinateur.
Figma permet de faire simplement des maquettes pour mobile.
Figma est impérativement payant.
Il est possible de travailler à plusieurs sur un chier Figma.

y y
y +14/3/6+ y

Question 11 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En testant directement sur un écran mobile
En réduisant sa fenêtre
En cliquant sur le bouton Mobile
Grâce à l'inspecteur
Question 12 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En prenant un wireframe tout fait sur Internet
En échangeant par mail avec le client
En utilisant un logiciel de webdesign
En dessinant avec du papier et un crayon
Question 13 ♣
Quels supports permettent de dénir les besoins du client ?
Un brief client
Un cahier des charges
Une liste des fonctionnalités possibles
Une charte graphique
Question 14 ♣
Parmi ces armations, lesquelles sont fausses ?
Utiliser des composants facilite le travail d'intégration des développeurs.
Les images peuvent être importées dans Figma uniquement en GIF.
Il est possible de changer la couleur de background d'une frame.
Il est impossible de faire des copier-coller dans Figma.
Question 15 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Prioriser les éléments qui doivent gurer dans la page
S'inspirer d'autres produits
Créer un prototype
Itérer en testant plusieurs options
Question 16 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour gagner en autonomie en entreprise
Pour gagner en ecacité sur leurs projets personnels
Pour postuler à des emplois de designer
Pour faciliter la collaboration avec les designers

y y
y +14/4/5+ y

Question 17 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Pour faciliter le travail des développeurs qui devront faire du responsive
Parce qu'il est impossible de visualiser une page mobile sans maquette
Pour avoir un site qui sera bien indexé par Google
Parce que le mobile représente plus de la moitié du trac du Web
Question 18 ♣
Une maquette de webdesign est essentiellement constituée...

de formes géométriques de zones de texte

d'animations d'images
Question 19 ♣
Parmi ces armations, lesquelles sont fausses ?
Il est possible de choisir une seule police d'écriture.
Il vaut mieux placer tous ses éléments avec la souris.
La taille des éléments dépend de la taille de l'élément parent.
Dribbble est un bon outil pour chercher de l'inspiration.

y y
y +15/1/4+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Parmi ces armations, lesquelles sont fausses ?
Il vaut mieux placer tous ses éléments avec la souris.
La taille des éléments dépend de la taille de l'élément parent.
Il est possible de choisir une seule police d'écriture.
Dribbble est un bon outil pour chercher de l'inspiration.
Question 2 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Importer une image PDF
Incliner une image à 90 degrés
Modier le contraste d'une image
Exporter une image au format PNG
Transformer une image JPG en vectoriel
Redimensionner une image
Question 3 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour postuler à des emplois de designer
Pour gagner en ecacité sur leurs projets personnels
Pour faciliter la collaboration avec les designers
Pour gagner en autonomie en entreprise
Question 4
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il doit son nom à la forme de son icône.
C'est un menu qui s'ache quand on clique dessus.
Il s'agit d'un menu sous forme de liste.
Il existe uniquement dans les versions mobile des sites.
y y
y +15/2/3+ y

Question 5 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Parce qu'il est impossible de visualiser une page mobile sans maquette
Pour faciliter le travail des développeurs qui devront faire du responsive
Pour avoir un site qui sera bien indexé par Google
Parce que le mobile représente plus de la moitié du trac du Web
Question 6 ♣
Quels supports permettent de dénir les besoins du client ?
Un cahier des charges
Une liste des fonctionnalités possibles
Un brief client
Une charte graphique
Question 7 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

Les wireframes La maquette

L'application mobile Le prototype
Question 8 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

Le développeur Le Product Manager

Le testeur L'UX Designer
Question 9
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il est primordial de nommer ses éléments.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Il est conseillé d'utiliser les outils d'alignement.
Question 10 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En cliquant sur le bouton Mobile
En testant directement sur un écran mobile
Grâce à l'inspecteur
En réduisant sa fenêtre
Question 11 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En échangeant par mail avec le client
En prenant un wireframe tout fait sur Internet
En utilisant un logiciel de webdesign
En dessinant avec du papier et un crayon

y y
y +15/3/2+ y

Question 12 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles contribuent à l'identité visuelle du site.
Elles permettent de se localiser dans une maquette Figma.
Elles permettent de véhiculer des émotions.
Elles facilitent la priorisation de l'information.
Question 13 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Rechercher de l'inspiration
Combiner deux polices d'écriture
Obtenir la validation de tout le contenu texte
Chercher des couleurs
Créer un collage depuis des magazines
Question 14 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles sont utiles pour représenter une page d'un site.
Elles permettent de regrouper un ensemble d'éléments.
Elles nous donnent accès à des dimensions prédénies.
Elles servent à positionner les éléments.
Question 15 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Prioriser les éléments qui doivent gurer dans la page
Itérer en testant plusieurs options
Créer un prototype
S'inspirer d'autres produits
Question 16 ♣
Une maquette de webdesign est essentiellement constituée...

d'images de zones de texte

de formes géométriques d'animations
Question 17 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Figma est impérativement payant.
Il faut télécharger Figma sur son ordinateur.
Il est possible de travailler à plusieurs sur un chier Figma.
Figma permet de faire simplement des maquettes pour mobile.

y y
y +15/4/1+ y

Question 18 ♣
Parmi ces armations, lesquelles sont fausses ?
Il est possible de changer la couleur de background d'une frame.
Utiliser des composants facilite le travail d'intégration des développeurs.
Les images peuvent être importées dans Figma uniquement en GIF.
Il est impossible de faire des copier-coller dans Figma.
Question 19 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
Les wireframes permettent de dénir une charte graphique.
La maquette remplace le produit nal.
La maquette est un support de communication ecace.

y y
y +16/1/60+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Il est possible de travailler à plusieurs sur un chier Figma.
Figma permet de faire simplement des maquettes pour mobile.
Figma est impérativement payant.
Il faut télécharger Figma sur son ordinateur.
Question 2 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles facilitent la priorisation de l'information.
Elles contribuent à l'identité visuelle du site.
Elles permettent de se localiser dans une maquette Figma.
Elles permettent de véhiculer des émotions.
Question 3 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En dessinant avec du papier et un crayon
En prenant un wireframe tout fait sur Internet
En utilisant un logiciel de webdesign
En échangeant par mail avec le client
Question 4 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Chercher des couleurs
Rechercher de l'inspiration
Créer un collage depuis des magazines
Obtenir la validation de tout le contenu texte
Combiner deux polices d'écriture

y y
y +16/2/59+ y

Question 5 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour postuler à des emplois de designer
Pour gagner en ecacité sur leurs projets personnels
Pour gagner en autonomie en entreprise
Pour faciliter la collaboration avec les designers
Question 6 ♣
Parmi ces armations, lesquelles sont fausses ?
Il est possible de choisir une seule police d'écriture.
La taille des éléments dépend de la taille de l'élément parent.
Dribbble est un bon outil pour chercher de l'inspiration.
Il vaut mieux placer tous ses éléments avec la souris.
Question 7 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

L'application mobile Les wireframes

La maquette Le prototype
Question 8
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il est primordial de nommer ses éléments.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Il est conseillé d'utiliser les outils d'alignement.
Question 9 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

Le Product Manager Le développeur

Le testeur L'UX Designer
Question 10 ♣
Une maquette de webdesign est essentiellement constituée...

de formes géométriques de zones de texte

d'animations d'images
Question 11 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Pour faciliter le travail des développeurs qui devront faire du responsive
Pour avoir un site qui sera bien indexé par Google
Parce que le mobile représente plus de la moitié du trac du Web
Parce qu'il est impossible de visualiser une page mobile sans maquette

y y
y +16/3/58+ y

Question 12 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Créer un prototype
Itérer en testant plusieurs options
Prioriser les éléments qui doivent gurer dans la page
S'inspirer d'autres produits
Question 13 ♣
Parmi ces armations, lesquelles sont fausses ?
Il est impossible de faire des copier-coller dans Figma.
Il est possible de changer la couleur de background d'une frame.
Utiliser des composants facilite le travail d'intégration des développeurs.
Les images peuvent être importées dans Figma uniquement en GIF.
Question 14 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
La maquette est un support de communication ecace.
La maquette remplace le produit nal.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
Les wireframes permettent de dénir une charte graphique.
Question 15 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Importer une image PDF
Redimensionner une image
Exporter une image au format PNG
Modier le contraste d'une image
Incliner une image à 90 degrés
Transformer une image JPG en vectoriel
Question 16
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
C'est un menu qui s'ache quand on clique dessus.
Il s'agit d'un menu sous forme de liste.
Il doit son nom à la forme de son icône.
Il existe uniquement dans les versions mobile des sites.
Question 17 ♣
Quels supports permettent de dénir les besoins du client ?
Une liste des fonctionnalités possibles
Un brief client
Un cahier des charges
Une charte graphique

y y
y +16/4/57+ y

Question 18 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En testant directement sur un écran mobile
Grâce à l'inspecteur
En cliquant sur le bouton Mobile
En réduisant sa fenêtre
Question 19 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles permettent de regrouper un ensemble d'éléments.
Elles servent à positionner les éléments.
Elles sont utiles pour représenter une page d'un site.
Elles nous donnent accès à des dimensions prédénies.

y y
y +17/1/56+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Modier le contraste d'une image
Exporter une image au format PNG
Redimensionner une image
Incliner une image à 90 degrés
Transformer une image JPG en vectoriel
Importer une image PDF
Question 2 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Figma permet de faire simplement des maquettes pour mobile.
Il faut télécharger Figma sur son ordinateur.
Figma est impérativement payant.
Il est possible de travailler à plusieurs sur un chier Figma.
Question 3 ♣
Parmi ces armations, lesquelles sont fausses ?
Il vaut mieux placer tous ses éléments avec la souris.
Dribbble est un bon outil pour chercher de l'inspiration.
La taille des éléments dépend de la taille de l'élément parent.
Il est possible de choisir une seule police d'écriture.
Question 4
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il doit son nom à la forme de son icône.
Il existe uniquement dans les versions mobile des sites.
C'est un menu qui s'ache quand on clique dessus.
Il s'agit d'un menu sous forme de liste.
y y
y +17/2/55+ y

Question 5 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
Grâce à l'inspecteur
En cliquant sur le bouton Mobile
En réduisant sa fenêtre
En testant directement sur un écran mobile
Question 6
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Il est conseillé d'utiliser les outils d'alignement.
Il est primordial de nommer ses éléments.
Question 7 ♣
Quels supports permettent de dénir les besoins du client ?
Un brief client
Une charte graphique
Une liste des fonctionnalités possibles
Un cahier des charges
Question 8 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

Les wireframes L'application mobile

La maquette Le prototype
Question 9 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En dessinant avec du papier et un crayon
En prenant un wireframe tout fait sur Internet
En utilisant un logiciel de webdesign
En échangeant par mail avec le client
Question 10 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Rechercher de l'inspiration
Obtenir la validation de tout le contenu texte
Chercher des couleurs
Créer un collage depuis des magazines
Combiner deux polices d'écriture

y y
y +17/3/54+ y

Question 11 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour postuler à des emplois de designer
Pour faciliter la collaboration avec les designers
Pour gagner en autonomie en entreprise
Pour gagner en ecacité sur leurs projets personnels
Question 12 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

Le Product Manager L'UX Designer

Le développeur Le testeur
Question 13 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Prioriser les éléments qui doivent gurer dans la page
Créer un prototype
S'inspirer d'autres produits
Itérer en testant plusieurs options
Question 14 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles permettent de véhiculer des émotions.
Elles permettent de se localiser dans une maquette Figma.
Elles facilitent la priorisation de l'information.
Elles contribuent à l'identité visuelle du site.
Question 15 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles sont utiles pour représenter une page d'un site.
Elles nous donnent accès à des dimensions prédénies.
Elles servent à positionner les éléments.
Elles permettent de regrouper un ensemble d'éléments.
Question 16 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Pour avoir un site qui sera bien indexé par Google
Pour faciliter le travail des développeurs qui devront faire du responsive
Parce qu'il est impossible de visualiser une page mobile sans maquette
Parce que le mobile représente plus de la moitié du trac du Web
Question 17 ♣
Une maquette de webdesign est essentiellement constituée...

d'images de zones de texte

de formes géométriques d'animations

y y
y +17/4/53+ y

Question 18 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
La maquette remplace le produit nal.
Les wireframes permettent de dénir une charte graphique.
La maquette est un support de communication ecace.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
Question 19 ♣
Parmi ces armations, lesquelles sont fausses ?
Il est possible de changer la couleur de background d'une frame.
Utiliser des composants facilite le travail d'intégration des développeurs.
Il est impossible de faire des copier-coller dans Figma.
Les images peuvent être importées dans Figma uniquement en GIF.

y y
y +18/1/52+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

Le prototype La maquette
Les wireframes L'application mobile
Question 2 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Il est possible de travailler à plusieurs sur un chier Figma.
Il faut télécharger Figma sur son ordinateur.
Figma est impérativement payant.
Figma permet de faire simplement des maquettes pour mobile.
Question 3 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour postuler à des emplois de designer
Pour faciliter la collaboration avec les designers
Pour gagner en ecacité sur leurs projets personnels
Pour gagner en autonomie en entreprise
Question 4 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En dessinant avec du papier et un crayon
En utilisant un logiciel de webdesign
En prenant un wireframe tout fait sur Internet
En échangeant par mail avec le client

y y
y +18/2/51+ y

Question 5 ♣
Quels supports permettent de dénir les besoins du client ?
Un cahier des charges
Une liste des fonctionnalités possibles
Une charte graphique
Un brief client
Question 6 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Pour faciliter le travail des développeurs qui devront faire du responsive
Parce qu'il est impossible de visualiser une page mobile sans maquette
Parce que le mobile représente plus de la moitié du trac du Web
Pour avoir un site qui sera bien indexé par Google
Question 7 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Combiner deux polices d'écriture
Créer un collage depuis des magazines
Rechercher de l'inspiration
Obtenir la validation de tout le contenu texte
Chercher des couleurs
Question 8
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
C'est un menu qui s'ache quand on clique dessus.
Il s'agit d'un menu sous forme de liste.
Il existe uniquement dans les versions mobile des sites.
Il doit son nom à la forme de son icône.
Question 9 ♣
Parmi ces armations, lesquelles sont fausses ?
Il est impossible de faire des copier-coller dans Figma.
Les images peuvent être importées dans Figma uniquement en GIF.
Il est possible de changer la couleur de background d'une frame.
Utiliser des composants facilite le travail d'intégration des développeurs.
Question 10
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il est primordial de nommer ses éléments.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Il est conseillé d'utiliser les outils d'alignement.

y y
y +18/3/50+ y

Question 11 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

Le testeur Le développeur
L'UX Designer Le Product Manager
Question 12 ♣
Une maquette de webdesign est essentiellement constituée...

de zones de texte d'animations

d'images de formes géométriques
Question 13 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
La maquette est un support de communication ecace.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
Les wireframes permettent de dénir une charte graphique.
La maquette remplace le produit nal.
Question 14 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles nous donnent accès à des dimensions prédénies.
Elles servent à positionner les éléments.
Elles sont utiles pour représenter une page d'un site.
Elles permettent de regrouper un ensemble d'éléments.
Question 15 ♣
Parmi ces armations, lesquelles sont fausses ?
Il vaut mieux placer tous ses éléments avec la souris.
Dribbble est un bon outil pour chercher de l'inspiration.
Il est possible de choisir une seule police d'écriture.
La taille des éléments dépend de la taille de l'élément parent.
Question 16 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles permettent de véhiculer des émotions.
Elles permettent de se localiser dans une maquette Figma.
Elles contribuent à l'identité visuelle du site.
Elles facilitent la priorisation de l'information.
Question 17 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En réduisant sa fenêtre
En cliquant sur le bouton Mobile
Grâce à l'inspecteur
En testant directement sur un écran mobile

y y
y +18/4/49+ y

Question 18 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Prioriser les éléments qui doivent gurer dans la page
S'inspirer d'autres produits
Itérer en testant plusieurs options
Créer un prototype
Question 19 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Exporter une image au format PNG
Redimensionner une image
Transformer une image JPG en vectoriel
Modier le contraste d'une image
Incliner une image à 90 degrés
Importer une image PDF

y y
y +19/1/48+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

Le testeur Le développeur
L'UX Designer Le Product Manager
Question 2 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles sont utiles pour représenter une page d'un site.
Elles nous donnent accès à des dimensions prédénies.
Elles servent à positionner les éléments.
Elles permettent de regrouper un ensemble d'éléments.
Question 3 ♣
Parmi ces armations, lesquelles sont fausses ?
La taille des éléments dépend de la taille de l'élément parent.
Dribbble est un bon outil pour chercher de l'inspiration.
Il est possible de choisir une seule police d'écriture.
Il vaut mieux placer tous ses éléments avec la souris.
Question 4 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

Le prototype La maquette
Les wireframes L'application mobile

y y
y +19/2/47+ y

Question 5 ♣
Parmi ces armations, lesquelles sont fausses ?
Utiliser des composants facilite le travail d'intégration des développeurs.
Les images peuvent être importées dans Figma uniquement en GIF.
Il est possible de changer la couleur de background d'une frame.
Il est impossible de faire des copier-coller dans Figma.
Question 6 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Pour avoir un site qui sera bien indexé par Google
Parce qu'il est impossible de visualiser une page mobile sans maquette
Pour faciliter le travail des développeurs qui devront faire du responsive
Parce que le mobile représente plus de la moitié du trac du Web
Question 7 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Il est possible de travailler à plusieurs sur un chier Figma.
Figma permet de faire simplement des maquettes pour mobile.
Il faut télécharger Figma sur son ordinateur.
Figma est impérativement payant.
Question 8 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Créer un collage depuis des magazines
Rechercher de l'inspiration
Combiner deux polices d'écriture
Chercher des couleurs
Obtenir la validation de tout le contenu texte
Question 9 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Redimensionner une image
Importer une image PDF
Incliner une image à 90 degrés
Transformer une image JPG en vectoriel
Modier le contraste d'une image
Exporter une image au format PNG
Question 10
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il s'agit d'un menu sous forme de liste.
Il existe uniquement dans les versions mobile des sites.
C'est un menu qui s'ache quand on clique dessus.
Il doit son nom à la forme de son icône.

y y
y +19/3/46+ y

Question 11 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles facilitent la priorisation de l'information.
Elles contribuent à l'identité visuelle du site.
Elles permettent de se localiser dans une maquette Figma.
Elles permettent de véhiculer des émotions.
Question 12 ♣
Quels supports permettent de dénir les besoins du client ?
Un brief client
Un cahier des charges
Une charte graphique
Une liste des fonctionnalités possibles
Question 13 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
La maquette remplace le produit nal.
Les wireframes permettent de dénir une charte graphique.
La maquette est un support de communication ecace.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
Question 14 ♣
Une maquette de webdesign est essentiellement constituée...

de zones de texte de formes géométriques

d'images d'animations
Question 15 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour gagner en ecacité sur leurs projets personnels
Pour faciliter la collaboration avec les designers
Pour gagner en autonomie en entreprise
Pour postuler à des emplois de designer
Question 16 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Prioriser les éléments qui doivent gurer dans la page
S'inspirer d'autres produits
Créer un prototype
Itérer en testant plusieurs options
Question 17 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En cliquant sur le bouton Mobile
Grâce à l'inspecteur
En testant directement sur un écran mobile
En réduisant sa fenêtre
y y
y +19/4/45+ y

Question 18 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En prenant un wireframe tout fait sur Internet
En dessinant avec du papier et un crayon
En échangeant par mail avec le client
En utilisant un logiciel de webdesign
Question 19
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il est primordial de nommer ses éléments.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il est conseillé d'utiliser les outils d'alignement.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.

y y
y +20/1/44+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Parmi ces armations, lesquelles sont fausses ?
Il vaut mieux placer tous ses éléments avec la souris.
Il est possible de choisir une seule police d'écriture.
La taille des éléments dépend de la taille de l'élément parent.
Dribbble est un bon outil pour chercher de l'inspiration.
Question 2 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Redimensionner une image
Exporter une image au format PNG
Modier le contraste d'une image
Transformer une image JPG en vectoriel
Importer une image PDF
Incliner une image à 90 degrés
Question 3 ♣
Une maquette de webdesign est essentiellement constituée...

d'images d'animations
de formes géométriques de zones de texte
Question 4 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Pour faciliter le travail des développeurs qui devront faire du responsive
Parce qu'il est impossible de visualiser une page mobile sans maquette
Parce que le mobile représente plus de la moitié du trac du Web
Pour avoir un site qui sera bien indexé par Google

y y
y +20/2/43+ y

Question 5
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il est primordial de nommer ses éléments.
Il est conseillé d'utiliser les outils d'alignement.
Question 6 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Créer un prototype
Prioriser les éléments qui doivent gurer dans la page
S'inspirer d'autres produits
Itérer en testant plusieurs options
Question 7 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Rechercher de l'inspiration
Obtenir la validation de tout le contenu texte
Chercher des couleurs
Combiner deux polices d'écriture
Créer un collage depuis des magazines
Question 8 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

L'UX Designer Le Product Manager

Le testeur Le développeur
Question 9 ♣
Quels supports permettent de dénir les besoins du client ?
Une charte graphique
Un cahier des charges
Un brief client
Une liste des fonctionnalités possibles
Question 10 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Figma est impérativement payant.
Il est possible de travailler à plusieurs sur un chier Figma.
Figma permet de faire simplement des maquettes pour mobile.
Il faut télécharger Figma sur son ordinateur.

y y
y +20/3/42+ y

Question 11 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
Les wireframes permettent de dénir une charte graphique.
La maquette remplace le produit nal.
La maquette est un support de communication ecace.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
Question 12 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour faciliter la collaboration avec les designers
Pour gagner en autonomie en entreprise
Pour postuler à des emplois de designer
Pour gagner en ecacité sur leurs projets personnels
Question 13 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En utilisant un logiciel de webdesign
En prenant un wireframe tout fait sur Internet
En dessinant avec du papier et un crayon
En échangeant par mail avec le client
Question 14 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles contribuent à l'identité visuelle du site.
Elles permettent de se localiser dans une maquette Figma.
Elles permettent de véhiculer des émotions.
Elles facilitent la priorisation de l'information.
Question 15 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En cliquant sur le bouton Mobile
En testant directement sur un écran mobile
En réduisant sa fenêtre
Grâce à l'inspecteur
Question 16 ♣
Parmi ces armations, lesquelles sont fausses ?
Les images peuvent être importées dans Figma uniquement en GIF.
Il est impossible de faire des copier-coller dans Figma.
Il est possible de changer la couleur de background d'une frame.
Utiliser des composants facilite le travail d'intégration des développeurs.

y y
y +20/4/41+ y

Question 17
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il s'agit d'un menu sous forme de liste.
Il existe uniquement dans les versions mobile des sites.
Il doit son nom à la forme de son icône.
C'est un menu qui s'ache quand on clique dessus.
Question 18 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

Les wireframes Le prototype

L'application mobile La maquette
Question 19 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles permettent de regrouper un ensemble d'éléments.
Elles nous donnent accès à des dimensions prédénies.
Elles servent à positionner les éléments.
Elles sont utiles pour représenter une page d'un site.

y y
y +21/1/40+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Prioriser les éléments qui doivent gurer dans la page
Itérer en testant plusieurs options
S'inspirer d'autres produits
Créer un prototype
Question 2 ♣
Parmi ces armations, lesquelles sont fausses ?
Il est possible de choisir une seule police d'écriture.
Dribbble est un bon outil pour chercher de l'inspiration.
La taille des éléments dépend de la taille de l'élément parent.
Il vaut mieux placer tous ses éléments avec la souris.
Question 3 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles servent à positionner les éléments.
Elles permettent de regrouper un ensemble d'éléments.
Elles sont utiles pour représenter une page d'un site.
Elles nous donnent accès à des dimensions prédénies.
Question 4 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Modier le contraste d'une image
Transformer une image JPG en vectoriel
Exporter une image au format PNG
Redimensionner une image
Incliner une image à 90 degrés
Importer une image PDF
y y
y +21/2/39+ y

Question 5 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles permettent de se localiser dans une maquette Figma.
Elles permettent de véhiculer des émotions.
Elles facilitent la priorisation de l'information.
Elles contribuent à l'identité visuelle du site.
Question 6
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il doit son nom à la forme de son icône.
Il s'agit d'un menu sous forme de liste.
C'est un menu qui s'ache quand on clique dessus.
Il existe uniquement dans les versions mobile des sites.
Question 7 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Obtenir la validation de tout le contenu texte
Rechercher de l'inspiration
Combiner deux polices d'écriture
Créer un collage depuis des magazines
Chercher des couleurs
Question 8 ♣
Quels supports permettent de dénir les besoins du client ?
Une liste des fonctionnalités possibles
Un cahier des charges
Une charte graphique
Un brief client
Question 9 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En dessinant avec du papier et un crayon
En prenant un wireframe tout fait sur Internet
En échangeant par mail avec le client
En utilisant un logiciel de webdesign
Question 10 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En réduisant sa fenêtre
En cliquant sur le bouton Mobile
Grâce à l'inspecteur
En testant directement sur un écran mobile

y y
y +21/3/38+ y

Question 11 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
La maquette remplace le produit nal.
La maquette est un support de communication ecace.
Les wireframes permettent de dénir une charte graphique.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
Question 12 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

Le développeur Le testeur
Le Product Manager L'UX Designer
Question 13
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il est conseillé d'utiliser les outils d'alignement.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Il est primordial de nommer ses éléments.
Question 14 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour faciliter la collaboration avec les designers
Pour postuler à des emplois de designer
Pour gagner en ecacité sur leurs projets personnels
Pour gagner en autonomie en entreprise
Question 15 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

L'application mobile La maquette

Les wireframes Le prototype
Question 16 ♣
Une maquette de webdesign est essentiellement constituée...

de formes géométriques d'images

de zones de texte d'animations
Question 17 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Pour faciliter le travail des développeurs qui devront faire du responsive
Pour avoir un site qui sera bien indexé par Google
Parce que le mobile représente plus de la moitié du trac du Web
Parce qu'il est impossible de visualiser une page mobile sans maquette

y y
y +21/4/37+ y

Question 18 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Il est possible de travailler à plusieurs sur un chier Figma.
Figma est impérativement payant.
Figma permet de faire simplement des maquettes pour mobile.
Il faut télécharger Figma sur son ordinateur.
Question 19 ♣
Parmi ces armations, lesquelles sont fausses ?
Il est impossible de faire des copier-coller dans Figma.
Il est possible de changer la couleur de background d'une frame.
Utiliser des composants facilite le travail d'intégration des développeurs.
Les images peuvent être importées dans Figma uniquement en GIF.

y y
y +22/1/36+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il doit son nom à la forme de son icône.
C'est un menu qui s'ache quand on clique dessus.
Il existe uniquement dans les versions mobile des sites.
Il s'agit d'un menu sous forme de liste.
Question 2 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Redimensionner une image
Transformer une image JPG en vectoriel
Incliner une image à 90 degrés
Importer une image PDF
Modier le contraste d'une image
Exporter une image au format PNG
Question 3 ♣
Quels supports permettent de dénir les besoins du client ?
Un cahier des charges
Un brief client
Une charte graphique
Une liste des fonctionnalités possibles
Question 4 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Itérer en testant plusieurs options
Créer un prototype
Prioriser les éléments qui doivent gurer dans la page
S'inspirer d'autres produits
y y
y +22/2/35+ y

Question 5 ♣
Parmi ces armations, lesquelles sont fausses ?
Il est possible de choisir une seule police d'écriture.
Dribbble est un bon outil pour chercher de l'inspiration.
La taille des éléments dépend de la taille de l'élément parent.
Il vaut mieux placer tous ses éléments avec la souris.
Question 6 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour postuler à des emplois de designer
Pour gagner en autonomie en entreprise
Pour gagner en ecacité sur leurs projets personnels
Pour faciliter la collaboration avec les designers
Question 7 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Pour faciliter le travail des développeurs qui devront faire du responsive
Parce que le mobile représente plus de la moitié du trac du Web
Pour avoir un site qui sera bien indexé par Google
Parce qu'il est impossible de visualiser une page mobile sans maquette
Question 8 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En utilisant un logiciel de webdesign
En prenant un wireframe tout fait sur Internet
En échangeant par mail avec le client
En dessinant avec du papier et un crayon
Question 9
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il est primordial de nommer ses éléments.
Il est conseillé d'utiliser les outils d'alignement.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.
Question 10 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
Grâce à l'inspecteur
En cliquant sur le bouton Mobile
En testant directement sur un écran mobile
En réduisant sa fenêtre

y y
y +22/3/34+ y

Question 11 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles permettent de véhiculer des émotions.
Elles facilitent la priorisation de l'information.
Elles contribuent à l'identité visuelle du site.
Elles permettent de se localiser dans une maquette Figma.
Question 12 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Figma permet de faire simplement des maquettes pour mobile.
Il faut télécharger Figma sur son ordinateur.
Il est possible de travailler à plusieurs sur un chier Figma.
Figma est impérativement payant.
Question 13 ♣
Une maquette de webdesign est essentiellement constituée...

de zones de texte d'images

d'animations de formes géométriques
Question 14 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

L'application mobile Le prototype

La maquette Les wireframes
Question 15 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

Le développeur L'UX Designer

Le testeur Le Product Manager
Question 16 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles nous donnent accès à des dimensions prédénies.
Elles servent à positionner les éléments.
Elles sont utiles pour représenter une page d'un site.
Elles permettent de regrouper un ensemble d'éléments.
Question 17 ♣
Parmi ces armations, lesquelles sont fausses ?
Les images peuvent être importées dans Figma uniquement en GIF.
Il est impossible de faire des copier-coller dans Figma.
Utiliser des composants facilite le travail d'intégration des développeurs.
Il est possible de changer la couleur de background d'une frame.

y y
y +22/4/33+ y

Question 18 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
La maquette remplace le produit nal.
Les wireframes permettent de dénir une charte graphique.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
La maquette est un support de communication ecace.
Question 19 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Rechercher de l'inspiration
Obtenir la validation de tout le contenu texte
Créer un collage depuis des magazines
Chercher des couleurs
Combiner deux polices d'écriture

y y
y +23/1/32+ y

R3.O4 : Qualité de développement - Quiz 1

0 0
1 1 Codez votre numéro d'étudiant ci-contre.
2 2
Nom et prénom :
3 3
4 4
5 5 .................. ..................
6 6
7 7 Durée : 20 minutes.
8 8 Calculatrice : interdite.
9 9

Aucun document n'est autorisé. Les questions faisant apparaître le symbole ♣ peuvent présenter
zéro, une ou plusieurs bonnes réponses. Les autres ont une unique bonne réponse.

Question 1 ♣
Quels sont les avantages de passer par le maquettage avant de créer un projet ?
Les wireframes permettent de dénir une charte graphique.
La maquette remplace le produit nal.
Les maquettes permettent aux développeurs d'anticiper le travail à réaliser.
La maquette est un support de communication ecace.
Question 2
Parmi ces armations sur le menu hamburger (menu latéral), laquelle est fausse ?
Il existe uniquement dans les versions mobile des sites.
C'est un menu qui s'ache quand on clique dessus.
Il doit son nom à la forme de son icône.
Il s'agit d'un menu sous forme de liste.
Question 3 ♣
Pourquoi les développeurs peuvent-ils apprendre à créer une maquette par eux-mêmes ?
Pour faciliter la collaboration avec les designers
Pour postuler à des emplois de designer
Pour gagner en autonomie en entreprise
Pour gagner en ecacité sur leurs projets personnels
Question 4
Parmi les bonnes pratiques dans Figma ci-dessous, laquelle est fausse ?
Il est primordial de nommer ses éléments.
Il est conseillé d'utiliser les outils d'alignement.
Les éléments créés en dernier doivent être en haut de la liste des éléments.
Il faut bien faire attention à regrouper les éléments dans la frame correspondante.

y y
y +23/2/31+ y

Question 5 ♣
Comment visualiser à quoi ressemblera globalement un site qui est déjà codé en version Mobile ?
En testant directement sur un écran mobile
En réduisant sa fenêtre
En cliquant sur le bouton Mobile
Grâce à l'inspecteur
Question 6 ♣
En entreprise, quels professionnels sont systématiquement en contact direct avec les utilisateurs /
clients ?

Le Product Manager Le développeur

Le testeur L'UX Designer
Question 7 ♣
Quelles sont les méthodes pour agencer les éléments d'une page web ?
Itérer en testant plusieurs options
S'inspirer d'autres produits
Prioriser les éléments qui doivent gurer dans la page
Créer un prototype
Question 8 ♣
Parmi ces armations, lesquelles sont fausses ?
Il vaut mieux placer tous ses éléments avec la souris.
Dribbble est un bon outil pour chercher de l'inspiration.
Il est possible de choisir une seule police d'écriture.
La taille des éléments dépend de la taille de l'élément parent.
Question 9 ♣
Parmi ces étapes, lesquelles font partie du processus de création d'une identité visuelle ?
Rechercher de l'inspiration
Chercher des couleurs
Obtenir la validation de tout le contenu texte
Combiner deux polices d'écriture
Créer un collage depuis des magazines
Question 10 ♣
Quels supports permettent de dénir les besoins du client ?
Un cahier des charges
Une charte graphique
Une liste des fonctionnalités possibles
Un brief client

y y
y +23/3/30+ y

Question 11 ♣
Quelles actions sont possibles sur une image directement depuis Figma ?
Modier le contraste d'une image
Redimensionner une image
Incliner une image à 90 degrés
Importer une image PDF
Exporter une image au format PNG
Transformer une image JPG en vectoriel
Question 12 ♣
Une maquette de webdesign est essentiellement constituée...

d'animations de zones de texte

d'images de formes géométriques
Question 13 ♣
Parmi ces armations, lesquelles sont fausses ?
Les images peuvent être importées dans Figma uniquement en GIF.
Il est impossible de faire des copier-coller dans Figma.
Il est possible de changer la couleur de background d'une frame.
Utiliser des composants facilite le travail d'intégration des développeurs.
Question 14 ♣
Quelles sont les diérentes manières de créer un wireframe ?
En prenant un wireframe tout fait sur Internet
En dessinant avec du papier et un crayon
En utilisant un logiciel de webdesign
En échangeant par mail avec le client
Question 15 ♣
Parmi les armations suivantes, lesquelles sont vraies ?
Figma permet de faire simplement des maquettes pour mobile.
Il faut télécharger Figma sur son ordinateur.
Il est possible de travailler à plusieurs sur un chier Figma.
Figma est impérativement payant.
Question 16 ♣
Quelles sont les fonctions des couleurs sur un site Internet ?
Elles facilitent la priorisation de l'information.
Elles contribuent à l'identité visuelle du site.
Elles permettent de se localiser dans une maquette Figma.
Elles permettent de véhiculer des émotions.
Question 17 ♣
Quels éléments sont des représentations haute-délité de l'interface à réaliser ?

L'application mobile Le prototype

La maquette Les wireframes
y y
y +23/4/29+ y

Question 18 ♣
Pourquoi consacre-t-on du temps à créer des maquettes mobile ?
Parce qu'il est impossible de visualiser une page mobile sans maquette
Parce que le mobile représente plus de la moitié du trac du Web
Pour faciliter le travail des développeurs qui devront faire du responsive
Pour avoir un site qui sera bien indexé par Google
Question 19 ♣
Dans Figma, quelles sont les utilités des frames ?
Elles permettent de regrouper un ensemble d'éléments.
Elles servent à positionner les éléments.
Elles nous donnent accès à des dimensions prédénies.
Elles sont utiles pour représenter une page d'un site.

y y