Figma
#####

À la suite de votre travail de croquis, vous devez effectuer une adaptation sur Figma en respectant les critères donnés

Critères
********

* A. respect des consignes

  * A. 1. non-respect des formats demandés
  * A. 2. non-respect du matériel fourni
  * A. 3. non-respect du format de rendu
  * A. 4. pénalité de retard : au delà de 5 minute, 1 point puis fois 2 toutes les 5 minutes

* B. méthodologie de travail

  * B. 1. Le projet est correctement configuré

    * B. 1. a. Le projet est nommé de manière adéquate (Nom du projet + Nom de l'auteur/autrice)
    * B. 1. b. Le mode prototype est paramétré de manière adéquate (périphérique/device, couleur de fond, écran de départ)

  * B. 2. gestion des cadres

    * B. 2. a. les largeurs des cadres sont cohérentes (elles correspondent au format de base et/ou demandé)
    * B. 2. b. la hauteur des cadres correspond au contenu et une page n'est pas inutilement divisée en plusieurs écrans
    * B. 2. c. les cadres sont correctement nommés (les noms donnent une indication sur le contenu et/ou format)
    * B. 2. d. les cadres possèdent une grille lorsque cela est pertinent (grille visible ou non)
    * B. 2. e. Les éléments placés dans les cadres tirent profit des contraintes

  * B. 3. gestion des calques et groupes

    * B. 3. a. Les calques sont correctement nommés lorsque cela est utile
    * B. 3. b. Les calques sont organisés et groupés de manière logique et pratique

  * B. 4. gestion des grilles

    * B. 4. a. Les grilles sont correctement configurées (type et paramètres de marges, gouttières, etc.)
    * B. 4. b. Les grilles sont utilisées efficacement (les éléments sont effectivement majoritairement organisés selon ces grilles)

  * B. 5. gestion du texte

    * B. 5. a. Les éléments de texte courant sont figurés par des éléments texte
    * B. 5. b. Les éléments de texte courant sont d'une taille appropriée (optimal 16px pour du texte courant, jusqu'à 10px)
    * B. 5. c. Les autres éléments textes sont d'une taille appropriée à leur fonction ou à l'intention graphique
    * B. 5. d. Les éléments de texte courant ne sont pas trop longs (> 60 caractères par ligne ~/ 10 mots ~)
    * B. 5. e. Les éléments de texte courant sont ferrés en adéquation avec le sens de lecture (le français à gauche par exemple) ou justifiés de manière adéquate (pas de formation de rivière disgracieuse)
    * B. 5. f. Les marges autour des éléments de texte courant permettent leur lisibilité
    * B. 5. g. Le faux texte est représentatif du texte final (pas de « ici il y aura marqué ça »)
    * B. 5. h. Le faux texte n'est pas constitué de la répétition d'une phrase ou mot (pas de « faux-texte faux-texte faux-texte faux-texte faux-texte faux-texte etc. »

  * B. 6. gestion des interactions

    * B. 6. a. Aucune interaction inutile ou illusoire n'est proposée (exemple : basculement d'une page à l'autre avec une animation alors que la page serait chargée sans dans la réalité.
    * B. 6. b. Les pages et éléments d'interfaces (ex : menu en overlay) sont correctement configurés
    * B. 6. c. Les interactions de type contenu fixé par rapport à la zone d'affichage visible sont correctement configurées
    * B. 6. d. Les interactions de type défilement sont correctement configurées

  * B. 7. gestion des composants

    * B. 7. a. Les composants sont utilisés pour les éléments qui se répètent

  * B. 8. utilisation de la mise en page automatique (auto-layout)

    * B. 8. a. Les éléments pour lesquels cela est pertinent utilisent l'auto-layout

  * B. 9. gestion de images

    * B. 9. a. Les images sont remplacées par des composants rectangles où les diagonales sont figurées, ou par des images pertinentes selon la maquette
    * B. 9. b. les images ne sont pas inutilement lourdes (>= 1 Mo par image)

* C. Analyse et retranscription correcte

  * C. 1. Le format utilisé est cohérent avec le matériel d'origine
  * C. 2. La grille du document est correctement représentée
  * C. 3. Les différents éléments constituant la page (zones de textes et images) sont bien présents.
  * C. 4. Les différents éléments constituant la page (zones de textes et images) sont bien placés.

* D. pertinence de l'adaptation aux formats demandés

  * D. 1. La densité d'information est pertinente (contre-exemple : trop d'éléments sur une trop petite zone, rendant le texte illisible ou les interactions inutilisables)
  * D. 2. Le parcours de l'information proposé à l'utilisateur est cohérent
  * D. 3. L'adaptation comporte une grille de mise en page pertinente