Déroulement de l’exercice
1 : prendre connaissance des objectifs de l’exercice
Les objectifs de l’exercice sont :
à partir d’une capture d’écran au format ordinateur, faire une proposition d’adaptation au format tablette portrait, et une proposition d’adaptation au format mobile portrait.
utiliser l’outil croquis pour poser rapidement ses idées.
utiliser Figma pour créer une maquette numérique reprenant vos croquis.
2 : prendre connaissance des documents
Prenez connaissance des documents de travail (Documents de travail). Assurez-vous de bien comprendre le site reproduit avant de passer à l’étape suivante.
3 : poser ses idées en effectuant des croquis
Munissez-vous d’une feuille de papier et d’un crayon ou stylo ou feutre. Pensez et représenter une adaptation du site donné pour les formats mobile portrait et tablette portrait.
4 : produire une maquette numérique
insérez la photo de vos croquis dans la page « croquis »
utilisez ce fichier pour adapter vos croquis sous la forme d’une maquette filaire.
Avertissement
Il est important que l’exercice porte surtout sur la conception adaptative. On pourrait reprocher dans un autre contexte de simplemen recopier les contenus du site et de ne pas les analyser et labeler de manière compréhensible. C’est à dire que nous pourrions remplacer par exemple « Herbert Mezzo » par « Prénom Nom compositeur » ou bien « O1. EIGHT ELEMENTS » par « NN. TITRE PISTE ».
5 : capture d’écran et dépôt sur l’ENT
Afin de regarder le travail de chacun, effectuez une sauvegarde au format .fig (menu principal -> files -> save local copy) sur la zone correspondant à votre groupe de TP sur moodle.