Design Fiction: TFA

Comment ce projet a t-il été mis sur pied?

Le but de ce projet est de créer un site web qui présente une situation de Design Fiction. J’ai donc du imaginer une nouvelle technologie et ses conséquences dans la vie quotidienne dans un futur proche.

Avant de connaitre les consignes du TFA

Au début de l’année, il nous a été conseillé de lire - toutes les deux semaines pendant 10 semaines - un article au choix sur le site L’ADN. Pour chaque article, il fallait identifier le secteur technologique, le type de produit, faire un résumé et imaginer les conséquences de ce produit. Cette étape m’a aidée au Q2 quand les cours sur le TFA ont commencés.

Initiation au Design Fiction

On a pris quelques semaines pour réfléchir à notre futur sujet du Design Fiction au travers de plusieurs exercices collectifs, mises en commun, discussions, etc...

Pour le premier exercice, on s’est mis en rond. La première personne choisi un objet, la deuxième choisi le changement technologique et la troisième personne choisi un attribut. On a continué jusqu’à avoir 32 propositions.

Le deuxième exercice était basé sur le même concept, mais la première personne devait choisir un secteur d’activité, la seconde personne une marque puis chacun propose un produit qui pourrait exister à partir des 2 variables.

Le troisième exercice consistait à choisir un objet du quotidien et un contexte modifié. Il fallait ensuite répondre à des questions comme “Quel est l’équivalent de l’objet dans le contexte?”, “Quelle est la version numérique de l’objet dans un nouveau contexte?”

Ces trois exercices d’échauffement nous ont donnés beaucoup de propositions et nous ont permis d’être beaucoup plus familiers avec le concept de Design Fiction.

À ce stade on a commencé à vraiment penser à un sujet pour notre travail de fin d’année. À partir des proposition et de mon article ADN qui parlait de l’addiction des adolescent aux réseaux sociaux, j’ai imaginé plusieurs “Et si?”.

Finalement, j’ai choisi la deuxième idée et ce sera le sujet de mon TFA.

Le scénario

J’ai choisi de faire 3 pages (sans compter l’accueil et les crédits): Une page qui présente le téléphone obligatoire sur le site des lois prises par le gouvernement, une page qui présente le collectif qui s’oppose à cette loi et une page qui montre la messagerie d’un citoyen.

J’ai d’abord écris le contenu de ces pages dans Notion, pour après les designer dans Figma

Le design

Page d'accueil

Je me suis inspiré de la page d’accueil du site de la bière Leopold7 que j’avais vu il y a longtemps. Je voulais recréer quelque chose comme ça. Je trouve que l’accueil en grille est efficace et original.

Page web découpée en 4 bloc avec chacuns des nuances de bleu différentes
Ma page d’accueil
Page web d'accuei. de la bière Leopold7 découpée en 5 blocs avec des photos dans les blocs
La page d’accueil de Leopold7

Page 1: Présentation de la loi

Je me suis inspiré du site du gouvernement français. C’est une page qui doit pouvoir être lue par tout le monde, donc j’ai utilisée une police très simple et lisible: Inter

Article du gouvernement francais avec en haut à gauche le drapeau francais, le titre en grand au milieu de la page et un paragraphe en dessous.
Le site officiel du gouvernement français

Page 2: Présentation du collectif

Pour les titres, j’ai utlisé Anton. C’est une police très grosse, un peu percutante.

Pour le texte, j’ai utilisé excon.

Le but de cette page est de présenter le collectif, leurs actions, etc...

Je me suis dit que comme c'est un journal neutre qui parle du collectif, l'État pourrais restreindre l'accès à la page, parce que même si le journal est neutre, l'État ne l'est pas. J'ai donc mis un popup qui alerte. Je me suis aussi dit que comme je ne fait pas la page du collectif en soi mais d’un journal qui parle du collectif, il serai amusant de faire le site du collectif mais qu’il y ai besoin d’un identifiant et d’un MDP pour y avoir accès comme si le collectif avait un site ultra sécurisé seulement accessible à leurs membres. J’ai donc fait une page avec un message d’erreur et une option pour pouvoir se connecter.

Triangle jaune #FFBD4B
#000000 Triangle noir
Fond noir avec gros logo Warning et texte qui dit qu'on n'est pas autorisé à entrer sur le site web + des options pour se connecter
La page du collectif

Page 3: Messagerie

Comme pour la 1ere page, l’objectif est d’être clair

Le but de cette page est de montrer l’impact de la loi sur les citoyen. Pour ca, j’ai fait une conversation où il y a plus ou moins tous les citoyens de la ville et plusieurs conversations où une personne parle à une autre. C’est des questionnements des gens sur la loi, le collectif, etc...

Groupe de communication, les messages sont dans un bloc rectangle gris
Premiere version de la page
Navigation de conversations sur le coté à gauche et les messages prennent le reste de l'espace.
Deuxième version de la page