RUX — Rethinking

User Experience

Pour nous, l'UX c'est "Structurer le contenu dans le but de créer une expérience positive pour les utilisateurs en optimisant la facilité d'utilisation, la convivialité et la satisfaction de leurs besoins."

Semaine 1

Introduction du projet

Le nouveau projet Rux a pour but de donner une nouvelle vie à la cour de l'HEAJ. Pour cela, avec mon groupe, nous avons rédigé une série de questions destinées au directeur, dans le but de comprendre ce qu'il attend vraiment de nous. Pour la rédaction des questions, on a fait un tri par carte sur Miro pour pouvoir organiser plus facilement l'interview.

screenshot de notre projet miro avec différente questions dans des cases de couleurs
  • Styles de questions

  • Quel est notre budget total ?
  • Qui entretiendra le matériel qu'on va utiliser ?
  • Pour qui est le projet ?
  • Qui va réaliser le projet ?
  • De quel espace disposons-nous ?
  • Allons nous voir le projet fini ? Ou il sera réalisé plus tard ?

Après cette discussion, nous en avons appris plus sur les attentes de Mr Marbehant, sur le budget, sur la place disponible et sur le temps qui était mis à notre disposition.
En conclusion, cette première semaine se termine positivement et nous savons à quoi nous attendre pour la suite de ce projet. Le directeur a su répondre à toutes nos questions ce qui nous a mis sur le bon chemin.

Semaine 2

Guide et interviews

Cette semaine, on a commencé par créer notre guide d'entretien.

image de Galen avec la feuille du guide d'entretien

Après l'avoir terminé, nous avons interviewé des élèves de l'école pour avoir leurs ressentis sur la cour actuelle. Pour cela, nous sommes partis dans l'école à la recherche de personnes questionnées. Suite à ceci, nous avons analysé toutes leurs réponses et quatre point sont ressorti :

En fonction des demandes, on s'est documenté sur internet pour trouver ce qu'on pourrait mettre dans la cour. J'ai donc fait plusieurs recherches en commençant par l'aménagement de bancs / tables de pique-nique. Ensuite, J'ai cherché des tables de jeux tels des tables de ping pong et pour finir cette première recherche, j'ai recherché l'installation d'un préau.

Audit

Pour les tables de pique-nique j'ai sélectionné la marque panache urban design. Ils ont une grande sélection de banc et tables ce qui permettrait de sortir du Classic et de laisser libre choix à Mr. Marbehant.

image d'une table de pique nique venant du site panache urban design
image d'une table de pique nique venant du site panache urban design

Ensuite, pour les tables de ping-pong j'ai sélectionné la marque Cornilleau. Ils ont aussi une assez grande sélection avec des budgets variés.

image d'une table de ping pong extérieur venant du site Cornilleau
image d'une table de ping pong extérieur venant du site Cornilleau

Et finalement pour les espaces couverts, j'ai décidé de faire appel à Soko. Ils font des préaux sur mesure, durable et évolutif.

image d'un préau fait par la société Soko

Conception

Après avoir discuté de nos idées pour améliorer la cour, nous avons commencé à concevoir des schémas pour donner vie à nos concepts. Nous avons pris le temps de réfléchir à toutes les possibilités et de considérer toutes les perspectives pour créer un plan qui conviendrait à tout le monde.

image de Sylvain qui dessine son plan

Premiers croquis

un croquis de la cours vue de haut fait par sylvain
un croquis de la cours vue de haut fait par sylvain

Semaine 3

État des lieux

Pour le moment, la cour de l'école est juste un passage pour aller d'un cours à l'autre.
J'aimerais donc apporter à la cour un espace vert sur lequel il y aurait des tables de pique-nique. Cela serait un endroit de détente où l'on peut se reposer lors du temps de midi, des heures de fourche ou même profiter du beau temps même si ça peut être compliqué en Belgique. Si dans le cas contraire, il ne fait pas forcément beau, il y aura un endroit couvert pour pouvoir prendre l'air sans aucun souci. On pourra aussi par la même occasion profiter des tables de jeux qui seront mises à la disposition des élèves.

un croquis de la cours vue de haut fait par sylvain
un croquis de la cours vue de haut fait par sylvain

User Journey

Il n'y aura aucun problème pour une personne à mobilité réduite d'utiliser les tables ou l'espace verdure, il y aura un chemin aménagé pour faciliter l'accès. Cette personne pourra s'installer sur le banc des tables de pique-nique ou rester sur son fauteuil selon ses préférences. De plus, il y aura des tables équipées de jeux comme les échecs ou les dames, qui pourront être utilisées sans difficulté par cette personne.

Les étudiants de l'HEAJ ne seront pas les seuls à profiter des infrastructures extérieures. Ceux de Henri Maus seront les bienvenus, ils pourront tout autant utiliser les tables de pique-nique que les tables de jeux.

Si un étudiant veut jouer sur les tables de jeux sans connaître les règles, il aura accès à un règlement ou un autre étudiant pourra l'aider à apprendre les règles.

Plan fini

Après avoir terminé mon User Journey, j'ai pris le temps de réfléchir à un plan final détaillé pour mon projet. Je suis donc reparti de mes premiers croquis. J'ai utilisé Illustrator pour créer un plan final plus abouti, en prenant en compte tous les éléments importants et en peaufinant chaque détail pour obtenir un résultat professionnel et esthétiquement réussi. Cette étape a demandé beaucoup de patience et de précision, mais je suis heureux du résultat final et j'ai hâte de partager mon travail avec les autres.

une photo vue satélite de la cour avec un schéma de mes idées

En vert on aurait un petit parc avec des bancs sur celui-ci qui sont représentés en orange.
Le rectangle gris serait un préau avec des tables de pique-nique sous celui-ci.
Pour finir le bleu serait des tables de ping-pong / autres tables extérieur pour pouvoir s'amuser pendant les récrées et/ou heures d'étude.

Semaine 4

Design et dev

Pour cette dernière semaine, je me suis plongé dans le design et le développement de mon site. J'ai commencé par chercher une police et une couleur. Je voulais une typographie assez simple sans empattement, j'ai donc choisi la police « Poppins ». Pour la couleur, j'ai sélectionné un bleu (#3E54D3). Cet exercice m'aura permis d'expérimenter les grilles CSS, qui étaient agréables à utiliser !

Au début de ce projet je n'étais pas vraiment motivé, car le temps impartis était assez court et la tâche restait assez complexe et je ne comprenais pas vraiment le but de l'exercice… Après un mois complet de projet, je suis heureux d'avoir terminé ce projet !

screenshot d'adobe xd avec la maquette du site