SUBLIMONS NOTRE ESPACE

L’OBJECTIF

Améliorer le local B-73, B-74 et B-75 dans lequel nous travaillons, en réfléchissant avec une approche d’UX designer.

RECHERCHES

Nous devions, tout d’abord, faire un travail de recherche pour savoir de quoi les étudiants qui travaillaient dans ce local avaient besoin. En questionnant les personnes qui avaient passé une année entière dans ce local, nous nous sommes rendu compte qu’une seule personne savait qu’il y avait des livres dans ce local. Alors nous avons décidé de régler ce problème-là en priorité. Nous nous sommes dirigés vers la création d’une bibliothèque qui serait plus visible en la déplaçant vers l’endroit où les étudiants passent le plus de temps et donc la remarqueraient plus facilement.

Les résultats montrent que les livres mis à disposition des étudiants sont mis au second, voire même au troisième plan, avec certaines personnes ne sachant tout simplement pas qu’il y avait des livres dans le local.

Histogramme répondant à la question: a quel point êtes vous satisfaits.es des classes heaj ? note de 2 (3 personnes), note de 3 (2 personnes), note de 4 (1 personne) Liste répondant à la question: Quel objet pourrais améliorer ton travail en classe à l'heaj ? traitement acoustique, poubelles/prises, chaises/sièges confortables, adaptateurs USB. Liste répondant à la question Quels seraient les plus gros avantages à avoir dans une classe de l'heaj ?  prises murales, chaises confortables, aspect moins cave, poufs, prises accessibles, wifi solide. Liste répondant à la question Qu'est ce qui vous frustre le plus dans une mauvaise salle de classe ? réverbération/prises/aération, manque de place, chaises, ambiance/déco terne, mauvais agencement. Graphique circulaire répondant à la question Avez vous déjà été au B-74 ? Oui (4), Non (2). Liste répondant à la question Si oui, que pensez vous de cette classe ? haine-amour, lugubre, désordonné/manque de fenêtres, cool mais manque de déco. Liste répondant à la question dites moi une décoration que vous aimeriez avoir dans une salle de cours ? : lumière douce, fausses plantes, travaux d'élèves, plantes en plastique. Histogramme répondant à la question Sur 5 à quel point es-tu satisfait du local B-74 ? note de 2 (1 personne), note de 3 (3 personnes), note de 4 (2 personnes). Liste répondant à la question Qu'est-ce qui te manquerait comme objet pour faciliter ton travail à l'école ? : Machine à café, l'eau, Papier. Liste répondant à la question Quels est le plus gros avantage du local pour toi ? : Séparation du local, La TV. Liste répondant à la question Quels est le plus gros avantage du local pour toi ? Le sol. Graphique circulaire répondant à la question Est-ce qu'on devrait revoir la disposition des bancs du local ? Oui (6). Graphique circulaire répondant à la question Est-ce que tu as remarqué qu’il y avait des livres dans ton local ? Non (5), Oui (1). Graphique circulaire répondant à la question Les as-tu déjà consultés ? : Oui (1).

NOS PROPOSITIONS

B-73

  • Accrocher les affiches présentes aux murs;
  • Ajouter des easter eggs;
  • Changer l’emplacement des tables.

B-74

  • Décorer les murs avec du bois;
  • Affiches explicatives sur le code;
  • Décoration bouteilles cirées;
  • Amélioration de l’éclairage;
  • Ajouter de la fausse verdure;
  • Création d’une mascotte pour l’option;
  • Boîte sécurisée avec des chargeurs, souris…;
  • Interagir avec l’environnement avec des tableaux;
  • Bouteille avec stickers personnalisés.

B-75

  • Installer de la mousse acoustique;
  • Déplacement du câble pour projection vers le projecteur;
  • Ajout d’une table pour poser son ordinateur pendant la présentation.

CRÉATION DU LOGO

Nous avions plusieurs pistes pour la création du logo. Nous voulions représenter le web et la piraterie et ajouter un animal pour une touche plus sympa, alors nous sommes partis sur un logo qui représente une araignée avec sa toile formant une balise HTML.

Image montrant un croquis au crayon d'un logo géométrique dessinant une araignée avec le texte IDD Interface design developpent

Nous avons très vite basculé sur un logo plus typographique mais en restant fort stylisé en donnant des formes aux lettres se rapprochant des lignes de code que nous utilisons dans notre travail.

Image montrant de multiples croquis au stylo bleu explorant des concepts de logos, jouant principalement avec les lettres IDD et des symboles de code HTML.

Nous sommes finalement partis sur un logo représentant les lettres IDD avec le « i » formant aussi un point virgule et les « DD » formant un bateau et une voile pour appuyer sur cet esprit de piraterie dans notre section.

Image montrant plusieurs déclinaisons numériques en noir et blanc d'un logo géométrique, accompagnées de leurs grilles de construction sur la gauche.

BIBLIOTHÈQUE

Nous allons découper des planches en bois au laser puis les accrocher au mur. Pour faire office de cale livre, nous avons créé des bouteilles personnalisées qui reprennent des visuels de bouteilles d’alcool mais avec des références à nos études pour donner un côté fun à la bibliothèque et aussi des astuces à garder en tête quand on conçoit un site web.

Photographie montrant deux étagères murales simples en bois clair fixées par des équerres. Photographie montrant une étagère murale en bois clair composée de casiers carrés et rectangulaires asymétriques.

PROBLÈMES RENCONTRÉS

L’ajout d’une bibliothèque prenait beaucoup de place et l’endroit qu’on avait choisi était aussi un endroit où des étudiants travaillaient, donc on ne pouvait pas prendre de la place qui aurait gêné les étudiants. Nous avons décidé de concentrer les étagères dans le fond du local.

CRÉATION DES BOUTEILLES

Les bouteilles ont été récupérées dans une librairie opensource et imprimées en 3D. Les étiquettes ont été réalisées sur Illustrator qui reprend les visuels des étiquettes de bouteilles d’alcool qu’on parodie. Pour rendre ces bouteilles pas seulement esthétiques mais aussi utiles, nous avons décidé d’y ajouter des astuces et références en rapport avec notre formation et nos travaux. Pour rendre les bouteilles plus réalistes et agréables à regarder, nous avons appliqué de l’acrylique liquide directement.

Image montrant une étiquette parodiant la marque d'alcool red label Image montrant une étiquette parodiant la marque d'alcool red poliakov image montrant une etiquette avec le logo IDD dessus Image montrant une étiquette parodiant la marque d'alcool jack daniel's

BUDGET

Pour le budget, on savait qu’il serait restreint, donc nous avons fait en sorte d’avoir le moins de dépenses possible pour la réalisation de ce projet. Nous utilisons des planches en bois recyclées d’anciens projets d’élèves qui ne sont plus utilisés aujourd’hui et nous avons imprimé les bouteilles directement avec le matériel qui est à l’école mis à notre disposition gratuitement. Donc notre seule dépense est l’achat des peintures acryliques qui reviennent à 36€.

AFFICHES

Nous avons aussi créé des affiches avec des aides pour le code que nous voyons pendant l’année, comme des explications courtes et basiques de JavaScript ou des règles de hiérarchie pour garder ces notions en tête en désignant notre site web.

MASCOTTE

Nous avons aussi créé une mascotte pour représenter notre section. Nous avions plusieurs idées à explorer, telles qu’une araignée qui est une référence directe du web pour ses toiles qu’elle tisse. Nous avons aussi pensé à un squelette qui, avec ses os, forme une balise HTML.

NOTRE ÉQUIPE