Figma

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

Critères

• 1. respect des consignes
  • 1. 1. non-respect des formats demandés
  • 1. 2. non-respect du matériel fourni
  • 1. 3. non-respect du format de rendu
  • 1. 4. pénalité de retard : au delà de 5 minute, 1 point puis fois 2 toutes les 5 minutes
• 2. méthodologie de travail
  • 2. 1. Le projet est correctement configuré
    • 2. 1. 1. Le projet est nommé de manière adéquate (Nom du projet + Nom de l’auteur/autrice)
    • 2. 1. 2. Le mode prototype est paramétré de manière adéquate (périphérique/device, couleur de fond, écran de départ)
  • 2. 2. gestion des cadres
    • 2. 2. 1. les largeurs des cadres sont cohérentes (elles correspondent au format de base et/ou demandé)
    • 2. 2. 2. la hauteur des cadres correspond au contenu et une page n’est pas inutilement divisée en plusieurs écrans
    • 2. 2. 3. les cadres sont correctement nommés (les noms donnent une indication sur le contenu et/ou format)
    • 2. 2. 4. les cadres possèdent une grille lorsque cela est pertinent (grille visible ou non)
    • 2. 2. 5. Les éléments placés dans les cadres tirent profit des contraintes
  • 2. 3. gestion des calques et groupes
    • 2. 3. 1. Les calques sont correctement nommés lorsque cela est utile
    • 2. 3. 2. Les calques sont organisés et groupés de manière logique et pratique
  • 2. 4. gestion des grilles
    • 2. 4. 1. Les grilles sont correctement configurées (type et paramètres de marges, gouttières, etc.)
    • 2. 4. 2. Les grilles sont utilisées efficacement (les éléments sont effectivement majoritairement organisés selon ces grilles)
  • 2. 5. gestion du texte
    • 2. 5. 1. Les éléments de texte courant sont figurés par des éléments texte
    • 2. 5. 2. Les éléments de texte courant sont d’une taille appropriée (optimal 16px pour du texte courant, jusqu’à 10px)
    • 2. 5. 3. Les autres éléments textes sont d’une taille appropriée à leur fonction ou à l’intention graphique
    • 2. 5. 4. Les éléments de texte courant ne sont pas trop longs (> 60 caractères par ligne ~/ 10 mots ~)
    • 2. 5. 5. 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)
    • 2. 5. 6. Les marges autour des éléments de texte courant permettent leur lisibilité
    • 2. 5. 7. Le faux texte est représentatif du texte final (pas de « ici il y aura marqué ça »)
    • 2. 5. 8. 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. »
  • 2. 6. gestion des interactions
    • 2. 6. 1. 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é.
    • 2. 6. 2. Les pages et éléments d’interfaces (ex : menu en overlay) sont correctement configurés
    • 2. 6. 3. Les interactions de type contenu fixé par rapport à la zone d’affichage visible sont correctement configurées
    • 2. 6. 4. Les interactions de type défilement sont correctement configurées
  • 2. 7. gestion des composants
    • 2. 7. 1. Les composants sont utilisés pour les éléments qui se répètent
  • 2. 8. utilisation de la mise en page automatique (auto-layout)
    • 2. 8. 1. Les éléments pour lesquels cela est pertinent utilisent l’auto-layout
  • 2. 9. gestion de images
    • 2. 9. 1. Les images sont remplacées par des composants rectangles où les diagonales sont figurées, ou par des images pertinentes selon la maquette
    • 2. 9. 2. les images ne sont pas inutilement lourdes (>= 1 Mo par image)
• 3. Analyse et retranscription correcte
  • 3. 1. Le format utilisé est cohérent avec le matériel d’origine
  • 3. 2. La grille du document est correctement représentée
  • 3. 3. Les différents éléments constituant la page (zones de textes et images) sont bien présents.
  • 3. 4. Les différents éléments constituant la page (zones de textes et images) sont bien placés.
• 4. pertinence de l’adaptation aux formats demandés
  • 4. 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)
  • 4. 2. Le parcours de l’information proposé à l’utilisateur est cohérent
  • 4. 3. L’adaptation comporte une grille de mise en page pertinente